190 likes | 574 Views
HTML. Source: w3Schools.com ( http://www.w3schools.com/html/default.asp ). What is HTML?. HTML stands for HyperText Markup Language. HTML documents are cross-platform compatible and device-independent. HTML. HTML tags are always enclosed within angle brackets <br>. HTML.
E N D
HTML Source: w3Schools.com (http://www.w3schools.com/html/default.asp )
What is HTML? • HTML stands for HyperText Markup Language. • HTML documents are cross-platform compatible and device-independent.
HTML • HTML tags are always enclosed within angle brackets <br>
HTML • There are two parts to a Web page • The heading section is identified by a pair of head tags (<head> and </head>) • The body section is identified by a pair of body tags (<body> and </body>)
Creating a Simple HTML Document <HTML> <HEAD> <TITLE> My Sample HTML Document</TITLE> </HEAD> <BODY> <H1>This is my HTML Document.</H1> </BODY> </HTML>
<Body Tag> • <BODY BGCOLOR="White“> • <BODY BACKGROUND="bg.jpg"> • <BODY bgcolor="#FFFFFF" >
<Heading TAGS> • Largest Heading: <H1> • Large Heading: <H2> • Medium Heading: <H3> • Small Heading: <H4> • Smaller Heading: <H5> • Smallest Heading: <H6>
<Paragraph & Break Tags> • <p> • This is a paragraph. Each new paragraph you make will drop down a couple lines before starting. • <br> • The br element is a line-break. It will only drop down one line, unlike the paragraph.
<Anchor Tag> <A HREF="address">any text </A> <A HREF="http://www.ilstu.edu”>ISU</A>
Anchor: New Browser Window <a href="page.htm" target= "_blank" >Page </a>
Anchors: Same Page • <a href="#PageMark"> • <a name="PageMark">
Anchor: Mailto <a href="mailto:bhosack@ilstu.edu?subject=Hello%20again"> Send Mail </a>
<Image Tag> <IMG SRC= "Lincoln.jpg" alt= "Lincoln Image">
<Image Tag> <IMG SRC= "Lincoln.jpg" >
<ImageTag> • <IMG SRC="any_pic.xxx" WIDTH="number HEIGHT="number"> • <IMG SRC="any_image.xxx" BORDER=0> • <a href="/"> <img src="logo.gif" alt=“ISU Logo"></a>
<Ordered List> <OL> <LI> First Line</LI> <LI> Second Line</LI> <LI> Third Line</LI> </OL>
<TABLE> <TABLE > <TR> <TD>A</TD> <TD>B</TD> <TD>C</TD> </TR> <TR> <TD>D</TD> <TD>E</TD> <TD>F</TD> </TR> </TABLE> A B C D E F
Common Character Entities Source: w3schools.com