Table of Contents

The Structure of A Webpage

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My First Website</title>
</head>
<body>
</body>
</html>

Headers

<!doctype html>
<html>
	<head>
    </head>
    <body>
    	<h1>Big header</h1>
    	<h2>Medium header</h2>
    	<h3>Little header</h3>
    </body>
</html>

Paragraph Tags

<!doctype html>
<html>
    <body>
 	
        <p>Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit.</p>
        
        <p>Donec sed ex sed quam dignissim commodo.</p>
     
    </body>
</html>

Text formating

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">      
        <title>My Webpage</title>       
</head>
    <body>
        <p>Here is some <strong>bold</strong> text</p>
        <p>Here is some <em>italic</em> text</p>
        <p>Here is some <ins>underlined</ins> text </p>
        <hr>
        <p>Here is some <sup>superscript</sup> text</p>
        <p>Here is some <sub>subscript</sub> text</p>
        <p>Here is some <del>deleted</del> text</p>
</body></html>

Unorderd Lists

<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    
        <title>My Webpage</title>
    </head>
    <body>
        <ul>
            <li><strong>Rob</strong></li>
            <li><em>Kirsten</em></li>
            <li><del>Tommy</del></li>
            <li><ins>Ralphie</ins></li>       
        </ul>
</body></html>

Ordeerd list

<body>
      <ol type="a">
          <li><strong>Rob</strong></li>
          <li><em>Kirsten</em></li>
          <li><del>Tommy</del></li>
          <li><ins>Ralphie</ins></li>
</ol>
</body>

Images

<body>
      <img src="./My Webpage Images_files/Marge_Simpson.png" width="100" height="100" align="left">    
      <p>Marge Simpson</p>
</body>