HTML Tag Reference
This basic HTML tag reference covers the basic HTML tags required for the HTML document structure of a web page and basic HTML tags used for formatting content on a web page.
When creating a web page there are some basic HTML tags required to build the HTML document structure of the page. These would be the DOCTYPE declaration, HTML tags, head tags and body tags.
Once the HTML document structure of the web page is in place there are basic HTML tags to format the presentation of the web page content.
Basic HTML Document Tags
The basic HTML document tags below form the outline of the HTML document structure. These tags are required for the web page coding to validated and rendered correctly in browsers.
- DOCTYPE Declaration Tells the browser which standard your document is written in.
- HTML Tags Identify the document's contents as HTML to the browser.
- Head Tags Identify the document's head area.
- Body Tags Surround the body (contents) of your web page.
For further explaination of these tags see our HTML document structure article.
Basic HTML 4.01 Tags
Below is a basic html tag reference of the html tags used to format the content of a web page.
Comment Tag
- Comment Tags Used to insert comments in your page coding.
Comment Tag Articles:
Comment Tags How the comment set of tags can be uses within your HTML document.
Horizontal Spacing Tags
- Non-Breaking Space Creates a standard space.
Non-Breaking Space Articles
Non-Breaking Space - What it is , how to use the non-breaking space in HTML and when not to use it.
Vertical Formatting Tags
- Br Tag Inserts a single line break.
- P Tag Defines a section of your content as a paragraph.
Vertical Formatting Articles:
Using the <br> Tag - Line Break Tag Using the br tag (line break tag) in HTML coding to move text or image to a new line.
Paragraph Tag The paragraph tags are used to define a block of text as a paragraph. This HTML element is one of the basic HTML tags you should learn to use properly.
Text Formatting Tags
- B and Strong Tags Create bold text.
- Big and Small Tags Used to enlarge and reduce font size.
- I and Em Tags Create text in italics.
- Tt Tags Text will appear as if written by a teletype machine.
Other Formatting Tags
- Div Tags Used to define a section of your page.
Heading Tags
- H1 - H6 Tags Create headings.
Heading Tags Articles:
Heading Structure and Search Engine Optimization Each search engine prioritizing the importance of headings therefore it is important to use heading tags correctly to create proper heading structure.
Heading Structure Heading structure is important not only to present a clear structure to the web page but also in consideration of those using text readers and the search engines.
Linking Tags
- Anchor Tags Create text links.
List Tags
- Ol - Ordered Lists Numbered lists.
- Ul - Unordered Lists Lists with bullets.
- Dl - Definition Lists Used for definitions.
- Li - List Point Used for points within the list.
Image Tags
- Img Tag Insert an image.
- Map Tag Insert an image map.
Image Tag Articles:
Image Alt Tags Do you use the image alt tag properly on your website? The image alt tag is to be used to supply information about the image.
Table Tags
- Table Tags Outside tags for a table.
- Caption Tag Creates a caption for a table.
- Tr Tags Defines the rows of the table.
- Td Tags Defines the cells of the table.
- Th Tags Defines the heading row of the table.
Table Articles:
Learn to Design HTML Tables with Less Code As a beginner starting off in HTML coding you are very tempted to design HTML tables when creating web pages. Having not learned the ins and outs of CSS (Cascading Style Sheets) the HTML table seems to be the only way to have the web page render the way it was intended.
Improving Download Speed Tables can be hard for the browser to render. The browser processes all the code contained in the table before rendering it on the browser screen.
HTML Tables and Search Engine Optimization Search engines read tables from left to right, row by row. For search engine optimization the web page content needs to be positioned so it is read first.
Not Designing for Most Common Screen Resolution Have you visited a website that has a web page width too wide for your monitor or browser window? You have to use the horizontal scroll to go back and forth reading and/or looking for information on the page. This makes reading the website very hard and can be very annoying if the website has some information the visitor is interested in.
If you found this web page a useful resource for your own website please link as follows:
Basic HTML Tag Reference - HTML tag reference
for basic HTML tags of HTML 4.01. Basic HTML tags required to build HTML
document structure of web page. Basic HTML tags used to format web page
content.
URL: