HTML By Example

Go back...

Getting started

Getting started with developing a simple website is quite easy. You have to create index.html file in a folder. This file will contain all HTML code for a website (obviously). Secondly, it is recommended to create a style.css file to modify contents of your website, though we'll discuss this a little bit later.
To open the website, just double click index.html and it must open automatically in your browser. It is that easy!

Pure HTML

This is a heading 1

This is a heading 2

This is a heading 3

This is a paragraph
<h1>This is a heading 1</h1> <h2>This is a heading 2</h2> <h3>This is a heading 3</h3> <p>This is a paragraph</p>
This is a link
<a href="eksmat.ee">This is a link</a>
<img class="small-img" src="./img/clang.png" />
<img class="small-img" src="[PASTE GIF ADDRESS HERE]" /> 
								<video>
									<source src="[PASTE VIDEO LINK HERE]">
								</video>
<button>Click me!</button> 
								<button>
									<a href="./dummy.html">Button as a link!
								</a>
								</button>
  • This is a
  • unordered
  • list
 
								<ul>
								<li>This is a</li>
								<li>unordered</li>
								<li>list</li>
								</ul>
  1. This is a
  2. ordered
  3. list
 
								<ol>
								<li>This is a</li>
								<li>ordered</li>
								<li>list</li>
								</ol>