HTML Tags 2011-2012. Basic Tags Doctype or HTML Head Title Body Use the website to find the...

6
HTML Tags 2011-2012

Transcript of HTML Tags 2011-2012. Basic Tags Doctype or HTML Head Title Body Use the website to find the...

Page 1: HTML Tags 2011-2012. Basic Tags Doctype or HTML Head Title Body Use the website to find the definitions .

HTML Tags

2011-2012

Page 2: HTML Tags 2011-2012. Basic Tags Doctype or HTML Head Title Body Use the website to find the definitions .

Basic Tags

• Doctype <!DOCTYPE html> or <!doctype html>

• HTML <html lang=” ”> </html>

• Head <head> </head>

• Title<title> </title>

• Body <body> </body>

• Use the website to find the definitions http

://www.w3.org/community/webed/wiki/HTML/Trainin

g/

HTML_Document

Page 3: HTML Tags 2011-2012. Basic Tags Doctype or HTML Head Title Body Use the website to find the definitions .

Basic Content Tags• Heading <h1> through <h6> & </h1> through <h6>

• Paragraph <p> </p>

• Line & Break <hr> and <br>

• Unordered List <ul> </ul> and <li> </li>

• Ordered List <ol> </ol> and <li> </li>

• Definition List <dl> </dl>, <dt> </dt> and <dd>

</dd>

• Use the website to find the definitions http

://www.w3.org/community/webed/wiki/HTML/Training/Basic

_content

Page 4: HTML Tags 2011-2012. Basic Tags Doctype or HTML Head Title Body Use the website to find the definitions .

Definitions Basic Tags

• Doctype- exists before the <html> start tag, is case-

insensitive in the HTML syntax. Used to help set what

standards to use

• HTML- should include “lang” attribute that specifies the

primary language for the contents of the element

• Head- represents a collection of metadata for the Document.

– Meta helps search engines find your page & record your page in

your history

• Title- represents the main title of your document

• Body- represents the main content of the document.

Page 5: HTML Tags 2011-2012. Basic Tags Doctype or HTML Head Title Body Use the website to find the definitions .

Definitions Basic Content Tags

• Heading- headings are specified w/ numbers 1-6, 1

is the highest rank & largest, 6 the lowest &

smallest

• Paragraph- separates paragraphs to look as though

there is a blank line or similar to single spacing

• Line & Break- horizontal rule <hr> adds a line to

separate sections, a line break <br> simply moves

your text to the next line, similar to pressing the

enter button

Page 6: HTML Tags 2011-2012. Basic Tags Doctype or HTML Head Title Body Use the website to find the definitions .

Definitions Basic Content Tags Continued

• Unordered List- bulleted list, <li> are the bullets or “child

nodes” of the main concept from the <ul> item or term

• Ordered List- numbered or alphabet list, again <li> are

the points or “child nodes” of the main concept <ol>,

but <ol> also tells what type of outline to use, number

or letter…

• Definition List- <dl> tells the page you are using a

definition style, <dt> is the term, <dd> is your definiton