What is HTML? • HTML stands for Hyper Text Markup Language – A HTML file contains markup tags that tell the web browser how to display information • You must save a HTML file with the name.html or name.htm • An HTML file can be created using such programs as Notepad or TextEditor • HTML works like a tag in a blog – Unlike a blog – If you start something you have to end it – Ex. <b>Hello</b> – The frist <b> starts bolding and the </b> ends bolding • The result is Hello The Beginning
• HTML starts the website and at the end of you can
see <html> which ends the website • The TITLE is the information that shows at the top of a web browser • The BODY is the information including text and pictures that you can put in your website. Some Helpful Tags • Insert Image • URL – <a href=image url> Title of – <a href=url>Text of URL</a> image </a> • Paragraph • Numbered List – This inserts a blank space – <o><li>Coffee</li><li>Milk</li></ol after the tag > • <p>This is a paragraph – Results in 1. Coffee </a> • Bulleted List • Line Break – Mul><li>Coffee</li><li>Milk</li></ – Place where you want to ul> break up a line (1 enter) – Results in a bullet at the • <br> beginning of each item • Italics • Bold – <i>This is italics</i> – <b>This is bold</b> • Results in This is Italics – Results in This is bold Background • Color – <body bgcolor=#00000> • Picture – Via file • <body background=clouds.gif> • Use the file name. Remember the file must be in a folder that can be accessed by your document • Via Website – <body background=http://www.w3schools .com/clouds.gif> Titles or Heading Tags • There are 6 different sizes....experiment – <h1> This is a heading</h1> (Largest) – <h2> This is a heading</h2> – <h3> This is a heading</h3> – <h4> This is a heading</h4> – <h5> This is a heading</h5> – <h6> This is a heading</h6> (Smallest) Tables <table border=1> Result <tr> <td>row1, cell 1</td> <td>row 1, cell 2</td> </tr> Note: Where row1, cell 1 is listed <tr> write the text you desire in your table <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table> Where to start... • Brainstorm what you want your website to look like – Draw pictures, write text, etc. • Find pictures on • Type text you want on the website • Choose HTML and look of website and complete • Open Notepad