how to create a website using html code example

Example 1: html start a page

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

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Example 2: how to add a link to an image in html

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Image as link</title>
   </head>
   <body>
      The following image works as a link:<br>
      <a href="https://www.qries.com/">
         <img alt="Qries" src="https://www.qries.com/images/banner_logo.png"
         width=150" height="70">
      </a>
   </body>
</html>

Example 3: how to start a html file

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

Example 4: create page html

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

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Example 5: how to create a website using html

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/G-TEAMcss/3/G-TEAM.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<body>

<!-- Navigation -->
<nav class="w3-bar w3-black">
  <a href="#home" class="G-TEAM-button w3-bar-item">Home</a>
  <a href="#G-TEAM" class="G-TEAM-button w3-bar-item">G-TEAM</a>
  
  <a href="#contact" class="G-TEAM-button w3-bar-item">Contact</a>
</nav>


</section>

<!-- Band Description -->
<section class="w3-container w3-center w3-content" style="max-width:600px">
  <h2 class="w3-wide">G-TEAM</h2>
  
  <p class="G-TEAM-justify">G-TEAM ARE TWO AND ITA BOSS GIFTSON</p> 
</section>


  </article>
</section>

<!-- Footer -->
<footer class="G-TEAM-container G-TEAM-padding-64 G-TEAM-center G-TEAM-black w3-xlarge">
  <a href="#"><i class="fa fa-facebook-official"></i></a>
  <a href="#"><i class="fa fa-pinterest-p"></i></a>
  <a href="#"><i class="fa fa-twitter"></i></a>
  <a href="#"><i class="fa fa-flickr"></i></a>
  <a href="#"><i class="fa fa-linkedin"></i></a>
  <p class="w3-medium">
  Powered by <a href="https://www.G-TEAM.com/G-TEAMcss/default.asp" target="_blank">G-TEAM.css</a>
  </p>
</footer>



  

</script>

</body>
</html>

Example 6: how to create multiple pages in html

<!-- Answer to: "how to create multiple pages in html" -->

<!DOCTYPE html>
<html>
<head>
	<link href="./style.css">
    <script type="text/javascript" src="./script.js"></script>
	<title></title>
</head>
<body>
	<a href="./new_page.html">Link to other pages</a> 
	...
</body>
</html>

Tags:

Recent Posts