1 / 6

Web Pages: Creating & Maintaining

Learn the key body tag options for HTML design, including background color, margins, and text customization. Ensure proper display with <!DOCTYPE> declaration.

turnerjohn
Download Presentation

Web Pages: Creating &amp; Maintaining

An Image/Link below is provided (as is) to download presentation 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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web Pages:Creating & Maintaining Body Tags

  2. HTML Versions • There have been several versions of HTML since its inception. • VersionYear • HTML 1991 • HTML 2.0 1995 • HTML 3.2 1997 • HTML 4.01 1999 • XHTML 2000 • HTML 5 2012 • A <!DOCTYPE> declaration helps the browser to display the web page correctly. • <!DOCTYPE> statement is not case sensitive. • The first line of every HTML document should be a <!DOCTYPE> statement.

  3. Doc Type Declaration For HTML 4.01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>My Web Page</TITLE> </HEAD> <BODY> This is my webpage </BODY> </HTML>

  4. <BODY bgcolor=“#00AC25” topmargin=“25” leftmargin=“50” text=“#34A3DD”> <BODY> </BODY> Default FFFFFF <BODY bgcolor=“#RRGGBB”> <BODY bgcolor=“#FF0000”> 3 <BODY leftmargin=“p”> Bgcolor is the color of the Background 3 <BODY topmargin=“p”> “p” = Distance in Pixels….. 3 <BODY rightmargin=“p”> <BODY text=“#0000FF”> 000000 <BODY text=“#RRGGBB”>

  5. HTML Your turn!

  6. Title = “Body Options”…. File Name = “bodyoptions.html” Open Notepad Hello there ! All text is the Largest Heading Aligned to the left Text color is Blue Top Margin is “100” Left Margin is “150” Background color is Green

More Related