Basic HTML Code MWD 3 02 STRUCTURE TAGS

Basic HTML Code MWD 3. 02

STRUCTURE TAGS These tags MUST appear on EVERY page

Tag Example • <html></html> • <html> • Text in here describes the webpage • </html> HTML

Tag Example • <head></head> • <head> <title>Title of the document</title> </head> Head

Tag Example • <title></title> • <title>Title of the document</title> TITLE

Tag Example • <body></body> • <html> • <body> • Text in here is the visible page content • </body> • </html> BODY

CONTENT Adds organization and interest to a webpage

Tag Example • <h 1> </h 1> largest, through • <h 6></h 6>, smallest • <h 1>This is a large heading</h 1> HEADINGS

Tag Example • • This is a paragraph PARAGRAPH (Double Space)

Tag Example • • This is a paragraph with line breaks LINE BREAK (Single Space)

Tag Example • <ul></ul> • <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> UNORDERED LIST (Bullets)

Tag Example • <ol></ol> • <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> ORDERED LIST (Numbers)

Tag Example • <hr /> • This is text above the rule. <hr /> This is text below the rule. HORIZONTAL RULE

Tag Example • • This text is bold BOLD

Tag Example • • This text is italic ITALICS

Tag Example • <img> • <img src="image. jpg" width="104" height="142" /> IMAGE

Tag Example • <a href></a> • <a href=”http: //www. w 3 sc hools. com”> this is a link</a> LINKING

Tag Example • <a href="mailto: EMAIL"> </a> • <a href="mailto: nrennels @lenoir. k 12. nc. us">Em ail Me</a> EMAIL LINK

Tag Example •  •  COMMENT