18. class : Non-unique attribute used to target CSS<h1 class=“heading”> </h1> <ul id=“main-list”> <li> </li> <li> </li> </ul>
19. Choose a Doctype The doctype declaration is required to begin an HTML document and tells the browser in what version of HTML the page is written. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html>
20. <head> Element <head> </head> is the container for the page’s definition elements. <head> <title>HTML 101</title> <meta name=“description” value=“My first HTML page.” /> <meta name=“keywords” value=“html, html5, developer week” /> </head>
21. <body> Element <body> </body> is the container for the page’s content. <body> <h1>HTML 101</h1> <p>This is my first web page.</p> </body> html101a.html
22. Common Elements Containers, Headers, Paragraph, Lists, Images <div> </div> : container <a> </a> : anchor/link <h1> </h1>, <h2> </h2>… <h6> </h6> : headings <p> </p> : paragraph <img /> : image <ul> </ul> : unordered list <ol> </ol> : ordered list <li> </li> : list item html101b.html
23. Hands-On Open notepad.exe or your text editor of choice. Create a file “html101.html” and save it to your C:// drive, or location of your choice. Display http://www.activenetwork.com/Assets/ActiveNetwork.com/media/active-com.jpg and the text, “Hello, world.”, on a page. Link the image and text to Active.com.