HTML SNIPPETS FOR YOU TO CUT AND PASTE
<strong>HELLO</strong> open tag, close tag <strong>HELLO</strong> WORLD! They can generally be nested: <em><strong>hello</strong> world!</em> Some tags do not have a closed counterpart: HELLO <br><br /> WORLD 4) anatomy of a web page <html> <head> <title></title> </head> <body> </body> </html> What my copy of Dreamweaver creates as a basic template: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Untitled Document</title> </head> <body> </body> </html> <html> <head> <title>my awesome web page</title> </head> <body bgcolor="#33ccff"> ok!!! my page is so awesome!!! </body> </html> Inserting graphics: <html> <head> <title>MY AWESOME WEB PAGE</title> </head> <body bgcolor="#33ccff"> OK!!! MY PAGE IS SO AWESOME!!! <br> <img src="my_face.gif"> </body> </html> The web browser reads the img tag and then looks for the file "my_face.gif" No directory was speecified so it will look for it in the SAME folder that the HTML file was in... or you could have a sub-folder: <img src="images/my_face.gif"> or a folder elsewhere on your server.. <img src="../../../images/my_face.gif"> or a reference to a file accessible on the internet: <img src="http://www.prefuse73.com/images/august2007/my_face.gif"> LINKS <a href="page2.html">page 2</a><br> <a href="http://www.sony.com">sony</a> COMMENTS <!-- This text will not display in the browser, only in the source --> FRAMESET DEMO Using FRAMES in HTML you can create one page that has no content except as a frame to hold 2 other pages... those pages can hold other pages as well... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Untitled Document</title> </head> <frameset rows="100,100,*" frameborder="no" border="0" framespacing="0"> <frame src="frame_a_1.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" /> <frame src="frame_b_1.html" name="mainFrame" id="mainFrame" title="mainFrame" /> <frame src="frame_c_1.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="bottomFrame" /> </frameset> <noframes> <body> </body> </noframes> </html>