Downloaded 87 times
Uploaded byDamian Gonz
Learning Html
The document provides an introduction to HTML, explaining its use in organizing web page elements with tags. It covers the creation of HTML files, basic structure, headers, links, and images, as well as their attributes. The document emphasizes the importance of descriptive links and concludes with a suggestion for further learning in HTML and CSS.
In this document
Powered by AI
Introduces HTML, its structure, use in web browsers, creation methods, and file extensions.
Covers basic HTML structure with tags, document division using headers, and specific header tags.
Discusses the creation of links and images in HTML using specific tags and attributes.
Provides resources for learning advanced HTML and CSS, suggesting further study links.
![Introduction to basic HTML [Librarian edition]](https://cdn.slidesharecdn.com/ss_thumbnails/introductiontohtmllibrarianedition-130605110026-phpapp02-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
![[1] Introduction (Web Designs).pptx](https://cdn.slidesharecdn.com/ss_thumbnails/1introductionwebdesign-250919123717-bf69de00-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
Learning Html
- 1. Introduction to Hyper-TextMarkup Language Learning HTML
- 2. HTML Markup LanguageIdentifies and organizes elements of a page Rendered by Web Browsers
- 3. HTML Markup ElementsDelimited by tags Keywords enclosed by angle brackets <> </> All tags must be closed </> HTML is not Case Sensitive
- 4. Creating HTML HTMLcan be created using plain text editors like Notepad or Emacs It can also be created with tools like Adobes Dreamweaver. Saved with the extension .htm or .html The first page is called index.html browser will load it automatically when you save it on the root folder of the web server.
- 5. Basic HTML <htmlxmlns="http://www.w3.org/1999/xhtml"> <body> </body> </html> <head> <title>Untitled Document</title> </head>
- 6. Headers Elements thatdivide a page in subsections h1-h6 Size is browser specific. <h1>h1 Header</h1> <h2>h2 Header</h2> <h3>h3 Header</h3> <h4>h4 Header</h4> <h5>h5 Header</h5> <h6>h6 Header</h6>
- 7.
- 8. Links Links arethe glue that keep a web site together. Good and descriptive links have anchor text. You can use text or images It requires a href attribute. <a href=“mysite.com”>This links will go to mysite</a>
- 9. Images Images requirethe Element img and the attribute src which shows the image location Images also have height, width and alt attribute. <img src=“logo.png” height=“100” width=“300” alt=“This is where we write the image description for search engines and for screen readers.”> Image link <a href=“index.html”> <img src=“logo.png” height=“100” width=“300” alt=“logo of the website.”></a>
- 10. Learn More Tolearn more advance HTML and CSS click on this link HTML CSS and XHTML