HTML Basics

Lesson 01/14 – Why learn HTML?

 
<!DOCTYPE html>
	<strong>This is a test</strong>

Lesson 02/14 – HTML and CSS

 
<!DOCTYPE html></DOCTYPE>
<html>this is a test
</html>

Lesson 03/14 – Basic terminology

 
<!DOCTYPE html>
<html>
Test
</html>

Lesson 04/14 – Make the head

 
<!DOCTYPE html>
<html>
<head>
<title>
Bad to Bonez Webpage Inc
</title>
</head>

	
	
	
	
</html>

Lesson 05/14 – Paragraphs in the body

 
<!DOCTYPE html>
<html>

	<head>
		<title>
		Test
		</title>
		
	</head>
<body>
    <p>hello</p>
    <p>this is a test</p>
</body>
	
	
	
	
</html>

Lesson 06/14 – Paragraphs and headings

 
<!DOCTYPE html>
<html>

	<head>
		<title>
			Headings & Paragraphs
		</title>
		
	</head>
	<body>
	<h1>
     Test   
	</h1>	
		<p>test html</p>
		<p>ciao</p>
		
	</body>
</html>

Lesson 07/14 – More about headings!

 
<!DOCTYPE html>
<html>

    <head>
        <title>
            Headings & Paragraphs
        </title>
        
    </head>
    <body>
    <h1>
     The CEO   
    </h1>    
        <p>paragafo 1</p>
        <h3>Director of Some Stuff</h3>
        <p>paragafo 2</p>
        <h5>Lowly Assistant</h5>
        <p>paragafo 3</p>
    </body>
</html>

Lesson 08/14 – Using every heading

 
<!DOCTYPE html>
<html>

    <head>
        <title>
            Headings & Paragraphs
        </title>
        
    </head>
    <body>
    <h1>
     Heading 1   
    </h1>    
        <p>paragafo 1</p>
        <h2>Heading 2</h2>
        <p>paragrafo 2</p>
        <h3>Heading 3</h3>
        <p>paragafo 3</p>
        <h4>Heading 4</h4>
        <p>paragrafo 4</p>
        <h5>Heading 5</h5>
        <p>paragafo 5</p>
        <h6>Heading 6</h6>
        <p>paragrafo 6</p>
    </body>
</html>

Lesson 09/14 – Mid-lesson breather

 
<!DOCTYPE html>
<html>
    <head>
        <title>Title tag</title>
    </head>
    <body>
    <h3>Heading 3</h3>    
    <p>paragrafo 1</p>
    <p>paragrafo 2</p>
    <p>paragrafo 3</p>
        
        
        
    </body>
</html>

Lesson 10/14 – You’re going places!

 
<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
    <body>
        
    </body>
</html>

Lesson 11/14 – Adding images

 
<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
    <body>
        <img src="http://bit.ly/PK1euu" />
        <img src="http://bit.ly/SJxLUx"/>
    </body>
</html>

Lesson 12/14 – Click that image

 
<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
    <body>
        <a href="http:\example.com"
        <img src="http://bit.ly/PK1euu" />
        <img src="http://bit.ly/SJxLUx"/>
        </a>
    </body>
</html>

Lesson 13/14 – Images and links

 
<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
    <body>
        <a href="http:\example.com"
        <img src="http://bit.ly/PK1euu" />
        </a>
        <img src="http://bit.ly/SJxLUx"/>    
        <a href="http:\web4marketing.it">Web4Marketing</a>    
    </body>
</html>

Lesson 14/14 – Congratulations!

 
<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
    <body></body>
</html>