If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!
Since CSS has become so strong and high recomanded on projects, we will slowly reduce the number of HTML tags that we are using all the time. And doing that we are still able to make impressive and nice looking layouts pages by using 6 types of HTML tags.
Example of tags that we will use to layout the content :
<h> Heading tags that range from are <h1></h1> to <h6></h6>, these are going to mark the headings in the pages. <h1> shall be the most wrapped and the last important <h6> tag.
Example :
<h1> CSS Template </h1>
This sends to search engines and browsers that the first page is about ‘CSS Template’. Each browsers have a default size <h> tag. Some of these defaults are not unusable for example <h1> they are too big. But CSS can be easy to change, and we will use CSS to make the text more linking.
<p> We are using the paragraph tag just to mark parts of the pages that are ‘paragraphs’. They are ‘block element’ ; that means where ever a space is inserted a block acts.
<ul> and <ol> will be used to make the menu. <ul> tag make a list tag which makes a list with bullets or images/icons but no order is being specify. <ol> tag represents the ‘ordered tag list’ and make a list, distinct of bullets, list elements which are marked with numbers and letters.
<div> We are using <div> just to create containers for parts of our page. The main attribution of <div> will be to “hold” the menu and also to “hold” the main page.
<a href> The most important in HTML : the hyperlink tag. This make the text hyper so when we click on it we can load another page or we are able to activate a JavaScript.
<img> The image tag, gives you the permission to link to images.