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
Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.
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
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.
<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.
W3C created XHTML as an extended version of HTML.
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!
Nesting refers to the order in which tags are opened and closed.
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.
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.
Using Multiple Attributes
<img src=“image.gif” alt=“smiley face image” />
For a comprehensive list of tags and attributes visit www.w3schools.com/html/html_reference.asp