HTML 101 – Layout of a Web Pag

HTML Markup Language:

Tags are used to format HTML. When displaying your page, a tag instructs the web browser where to begin and end sections, code, or formats. A tag is composed of two components. The introductory and concluding tags. A tag contains the less than symbol ()


The closing tag is also required for the majority of tags. It is identical to the opening tag except for the slash character and the absence of arguments. This is how a tag appears in action:



This is a portion of italicised text.

Italicizes the text between the “em” tags (for “emphasis”).


as well as

. Another straightforward tag is


This is an example of bold text.

A hyperlink is a more complicated tag. The “A” tag denotes a hyperlink. This is an example of how a hyperlink to Google might appear.

a target=” new” rel=”nofollow” href=””>a href=””>a href=””>a href=”

The HTML Document:


A simple HTML page is divided into sections. Tags are used to denote the sections.


The following is a very brief overview.


There is also the.

tagging. It informs the web browser about the type of content that will be displayed on the page. Typically, it lacks a closing tag.

The HTML code begins beneath the DOCTYPE tag. The HTML section is preceded by

and concludes with

. Typically, the final line of a web page is the


The “head” section is contained within the HTML section. The contents of the head section are not visible to the user directly. They provide critical information about the web page to the web browser. Within the

There are numerous additional tags in this section. While these tags are all optional, they can be critical in assisting Search Engines in determining where to place your page.

The is



This tag specifies the text that appears in the web page’s title bar.

The is



This tag summarises the contents of the page. If someone finds your page via a search engine, the description will be displayed.

“Meta” tags, such as the “Keywords” meta tag and others, can assist search engines in determining the order in which your pages should appear in search results.


Occasionally, code snippets (scripts) will also be included in the head section.


Following the Head section, there is a Body section. This is the portion of your website that visitors will see when they open it in their browsers. The body section commences and concludes with


. The body section contains all of the text, images, hyperlinks, tables, and charts that visitors will see when they visit your website. The body tag may contain formatting instructions describing how your web page should be displayed. Within the body tag, you can define top, left, right, and bottom margins, text alignment, background colour, and background image, among other things. If you simply want a plain page, there is nothing you need to do in the body tag. A body tag with a few arguments is shown below.

The majority of the arguments should be self-evident. The “bgcolor” argument specifies a white background colour.

Allen Howard is the company’s senior technical support representative. InfoServe Media is a Houston-based full-service business website design firm.


Our specialty is custom web design.


Along with exceptional website design at an affordable price point for even the smallest business, we also offer hosting and domain names. We have a convenient tool to assist you in locating the ideal domain name. We can create a site that you can easily update with minor changes. We can create nearly any type of website, from a full-featured e-commerce site to a small “Presence” website. Visit our website to learn more about our comprehensive website design and hosting solutions, which include website promotion and Search Engine Optimization (SEO) services.

Leave a Reply

Your email address will not be published. Required fields are marked *