4.02A HTML Overview. 4.02 Develop web pages using various layouts and technologies. (Note to instructor: HTML tags are in red only to differentiate from regular text.). Purpose of Tags: Define and describe text, graphics, hypertext links, and other multimedia elements found on web pages
4.02 Develop web pages using various layouts and technologies.
(Note to instructor: HTML tags are in red only to differentiate from regular text.)
Define and describe text, graphics, hypertext links, and other multimedia elements found on web pages
Tell the browser how to display the document.
By viewing the source code of a web page, the user can see the HTML tags used to display the page.
To view a web page’s source code:
In the browser window, Click on the View menu and choose Source.HTML Tags
<h1>Welcome to my website!</h1>
The browser will turn on formatting at heading level 1 to display the text and then turn it off at the end of that text.
Note the source code showing the 6 levels of the heading tag.
XHTML requires some modification of the old HTML standard.
All tags must be in lowercase.
All tags must have a closing tag.
All tags must be properly nested.
The <html> tag must be the root tag for every document.
While many old browsers can display “old” HTML, newer ones rely on the current standard.
Remember, web pages are accessed from desktop computers, mobile phones and handheld devices—all using a variety of browser technologies!HTML vs. XHTML
Enter the closing tags in the reverse order from the opening tags.
Closing tags in a different order than they were opened may keep the browser from displaying the page as intended by the author.Nesting HTML Tags
Attributes provide additional information about tags and control how the tag will be interpreted by the browser. Example:
The anchor tag, <a>, defines an anchor that converts text or an image into a hyperlink.
<a href=http://www.unc.edu>University of North Carolina</a>
href is the attribute instructing the browser to set the text between the anchor tags as a hyperlink to the specified web address.Adding Attributes to Tags
Using Multiple Attributes control how the tag will be interpreted by the browser. Example:
<img src=“image.gif” alt=“smiley face image” />
For a comprehensive list of tags and attributes visit www.w3schools.com/html/html_reference.asp