Basic HTML Structure

Let us Understand how a basic HTML structure works and few points to remember while designing it

html template


















<html>

<head>

<title>Page Title (65-70 characters including space) </title>

<meta name="description" content="page description(155-170 characters including space)"/>

<meta name="keywords" content="keyword 1,keyword 2,keyword 3,keyword 4,keyword 5"/>

</head>

<body>

<h1> Your page heading should be relevant to your keywords </h1>

<p>

Text paragraph

</p>

<!---use for image link--->

<img src="relevant filename of image" alt="relevant with image topics as well as keywords">

<!---use for internal and external links--->

<a href="relevant filename of page" title="relevant with keywords">relevant anchor text<./a>

</body>

</html>

Few basic Points to remember in the above structure:
  • The title part mentioned here is something which the search engine catches and it is not seen to the users
  • The body part is something which the users can see
  • The alt part mentioned in the HTML structure is the data for the search engine to find our data and it is not displayed to the users
  • The sequence mentioned in the body part may differ according to the design or intention of the user.
  • <a href="relevant filename of page" title="relevant with keywords">relevant anchor text<./a> In the above part, title is for the search engine while anchor text is something seen to the users
  • You can mention keywords as many you want on designing a website,however in blogs you need to stick to their limit 
  • Here, h1-heading,a-anchor tag





Comments

  1. Alstar is a responsive bootstrap one page website template with nice animation and parallax effects. This template will suitable for freelancer, agency, creative people to showcase their profile or works.

    ReplyDelete

  2. There is a value services provide the best internet services with the fiber cable
    it provides the best services in Australia the value services are the Australian-based organization which has provided an upgraded version of the internet and it is the most beneficial and fastest internet connection.



    NBN APPLICATION

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete
  4. Thankyou for this much information. Hope you gain more success in your upcoming future. God bless you.
    Mobile Repairing Course In Delhi
    Mobile Repairing Course In Laxmi Nagar Delhi

    ReplyDelete
  5. belkin n300
    We deliver the tailored and best assistance for the belkin n300 router setups. So, if you want to enjoy the seamless router network at your home, come to us. We can help you to install, log in, and troubleshoot your Belkin router setup. Stop dealing with the hurdles on your own when we are here to help you.

    ReplyDelete
  6. google wifi help
    Need any assistance with your Google Wifi setup? If yes, then visit our google wifi help page. We can help you from getting started with your Google Wifi system to troubleshoot the issues with it. So, find out everything about the installation, configuration, login, settings, and troubleshooting. Thus, please feel free to reach out to our website.

    ReplyDelete
  7. orbi wifi extender
    We want to make everything simple for you with your perfect Wifi solution, orbi wifi extender. Whether it is about installing your router or logging into it, we have covered you. We can guide you to fix the issues with your Orbi router. So, please come to our website to know more about the Orbi extender, such as its functionalities, configuration, and troubleshooting process.

    ReplyDelete

Post a Comment