Wednesday 17 May 2017

How To Create a Basic HTML Template ?

How To Create a Basic HTML Template ?

As a part of our HTML blog series, we will be seeing how to create a basic HTML(Hypertext MarkUp Language) web design template in this particular blog. There are a number of steps involved in the process of web designing. We will see this first step over here. 1. Creation of a basic HTML Template: File creation: To begin with, we have to create an HTML file. That is very simple. Simply set up a folder on your hard disk drive in which you will put all related documents for the site. From that point onward, open up your newly installed text editor and open a new text file. Save it by naming it as index.html inside the folder created. The .html extension by default transforms it into an HTML file. It couldn't be any more obvious, wasn't so difficult now, would you say it was?

 Include the following basic code structure:

 <!doctype html> 
 <html lang="en">
 <head>
    <title>Document</title>
    <meta charset="UTF-8">
    <meta name="keywords" content="">
    <meta name="description" content="">
 </head> 
 <body> 
     <p>put content here</p>
 </body>
</html>

  The <html> and </html> tags encompassing everything else are HTML brackets that open and close the doc. Everything within <head> is the head of the document. Here we include the meta tags, your page title, external Javascript and CSS files to reference and in addition extra info to help get your site seen in search engines. At long last, <body> is the place the fundamental content of your page goes and the majority of this guide is committed to disclose how to get it there. A few structural HTML tags: <header> - The top portion of a site. It's commonly where you would put a logo and it normally goes before the site navigation. <article> - Contains independent bits of content, similar to individual blog entries, news items, videos or pictures. <footer>- Bottom portion of the site. The footer is the place you store contact data, copyrights and in some cases extra links like Terms of Service or Privacy Policy. This was the first step of basic HTML template creation.

Featured post

A Look At the CSS Selectors

A Look At the CSS Selectors As seen earlier, now we know that a Cascading Style Sheet (CSS) forms an integral part of web design . In th...

Search This Blog

Translate