Download
slide1 n.
Skip this Video
Loading SlideShow in 5 Seconds..
HTML PowerPoint Presentation

HTML

354 Views Download Presentation
Download Presentation

HTML

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. HTML Source: w3Schools.com (http://www.w3schools.com/html/default.asp )

  2. What is HTML? • HTML stands for HyperText Markup Language. • HTML documents are cross-platform compatible and device-independent.

  3. HTML • HTML tags are always enclosed within angle brackets <br>

  4. 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>)

  5. Creating a Simple HTML Document <HTML> <HEAD> <TITLE> My Sample HTML Document</TITLE> </HEAD> <BODY> <H1>This is my HTML Document.</H1> </BODY> </HTML>

  6. <Body Tag> • <BODY BGCOLOR="White“> • <BODY BACKGROUND="bg.jpg"> • <BODY bgcolor="#FFFFFF" >

  7. <Heading TAGS> • Largest Heading: <H1> • Large Heading: <H2> • Medium Heading: <H3> • Small Heading: <H4> • Smaller Heading: <H5> • Smallest Heading: <H6>

  8. <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.

  9. <Anchor Tag> <A HREF="address">any text </A> <A HREF="http://www.ilstu.edu”>ISU</A>

  10. Anchor: New Browser Window <a href="page.htm" target= "_blank" >Page </a>

  11. Anchors: Same Page • <a href="#PageMark"> • <a name="PageMark">

  12. Anchor: Mailto <a href="mailto:bhosack@ilstu.edu?subject=Hello%20again"> Send Mail </a>

  13. <Image Tag> <IMG SRC= "Lincoln.jpg" alt= "Lincoln Image">

  14. <Image Tag> <IMG SRC= "Lincoln.jpg" >

  15. <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>

  16. <Ordered List> <OL> <LI> First Line</LI> <LI> Second Line</LI> <LI> Third Line</LI> </OL>

  17. <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

  18. Common Character Entities Source: w3schools.com