An HTML document is a set of instructions for displaying content in a browser. While most people think of HTML as being the same as website design or coding, it’s actually just one of many markup languages.
Markup – also referred to as “structural” or “raw” code – is simply a way of tagging content so that browsers and other tools can understand it better.
> > You may already know about HTML tags from researching how to build websites or blog posts, but you likely haven’t learned much about what the letters stand for or what they mean.
Let’s change that! Here is everything you need to know about HTML tags: their meanings, usage examples, and common attributes. Let’s begin with some general information and explainers on the different types of tags and their uses.
What is HTML? – HTML full form
HTML full form is Hypertext Markup Language. It is the language used to create websites and other online content. It dictates how your content will look and how it will function.
It’s important to learn the building blocks of HTML to create better online content, whether you’re blogging, building a website, creating online course content, or even designing your personal resume.
In terms of what HTML can do, think of it as a set of instructions for your browser. If you’ve ever looked at the source code for a webpage, you’d see that it’s made up of HTML tags.
Every time you open a website or create content online, your browser reads the HTML code, which tells it how to display the content in the way you see it. HTML is just the basic code that tells a browser how to display content.
Full-Form of HTML Tags – HTML full form
This is the full form of the most common HTML tag types, including many attributes and examples of how they’re used. Read on for additional information on each of these tags, including common attributes and examples of formatting.
<html>/html>: This is the starting and ending tag that marks the beginning and end of the page.
<head>/head> : This is where metadata and code are housed.
<body>/body> : This is where the main content of the page is included.
<link>/link> : This is used for linking to other sites.
<title>/title> : This is where the website title is assigned.
<h1>/h1> : This is used for headings.
<h2>/h2> : This is used for subheadings.
<h3>/h3> : This is used for sub-subheadings.
<h4>/h4> : This is used for sub-sub-subheadings.
<h5>/h5> : This is used for sub-sub-sub-subheadings.
<h6>/h6> : This is used for sub-sub-sub-sub-subheadings.
<ul>/ul> : This is used for bulleted lists.
<ol>/ol> : This is used for numbered lists.
<li>/li> : This is used for list items within those lists.
<img>/img> : This is used for images.
<span>/span> : This is used to mark what is known as “inline” content.
<a>/a> : This is used for links to other webpages.
<body>/body> : This is used to specify the “end” of a page’s main content.
<hr>/hr> : This is used for a horizontal rule.
<font>/font> : This is used to designate font types.
<strong>/strong> : This is used to signify “strong” text.
<em>/em> : This is used to signify “emphasized” text.
<code>/code> : This is used to signify “code” text.
<ul>/ul> : This is used to close “unordered” lists.
<ol>/ol> : This is used to close “ordered” lists.
<li>/li> : This is used to close “list item” content.
<head>/head> : This is used to close the “top” code in a webpage.
<meta>/meta> : This is used to close “metadata” code.
<hr>/hr> : This is used to close “horizontal rules”.
<body>/body> : This is used to close the “main content” section of a webpage.
The DOCTYPE declaration – HTML full form
The doctype declaration is a special code that is at the very beginning of an HTML document. The purpose and function of the doctype declaration are to tell the browser how the code should be interpreted.
The doctype declaration is the first line in an HTML document, and it will look something like this: <!DOCTYPE html> The !DOCTYPE declaration should not be confused with the !DOCTYPE html> declaration, which is the opening tag for the HTML document (as explained in the above section).
The doctype declaration is just a single line of code. For decades, the doctype declaration for HTML was <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
but with the release of HTML5, the declaration has been simplified to <!DOCTYPE html> because the language has expanded to include many new feature s that older browsers may not be able to interpret properly.
HTML Tag Basics – HTML full form
Every web browser on the planet has a fundamental set of rules for displaying content. These rules are called “HTML tags.”
When you write for the internet, you’ll use these tags to describe the things that you want to be displayed. For example, if you want to display a picture of your family, you would use an HTML tag called “img” — which stands for “image.”
If you want to display a sentence of text, you would use another tag called “p” — meaning “paragraph.” There are many different tags that you can use to mark your content, but only a few tags are used most frequently. There are tags for formatting text, pictures, links, videos, and more.
Common HTML Tags – HTML full form
– All HTML tags begin with a “<” and end with a “>”. This is the syntax you’ll see throughout all of the following articles.
– Tags can be styled with CSS in your website’s code so they are not visible to a reader’s browser.
– Tags can be nested inside each other to create hierarchical content, or to control presentation logic.
– Tags can be open or closed. Open tags have an “end” tag in the same line of code, and closed tags require that you end the tag on a separate line.
– Tags are generally paired with attributes, which are added after the “<” and before the “>” of an open tag. Attributes are used for additional information about the tag’s function.
– Tags cannot be longer than 80 characters and should be much shorter.
– Tags are case-sensitive, so B> i> u> represent three different HTML tags.
– If a browser or other tool isn’t able to understand your tag, it will display that tag as plain text.
HTML Tag Attributes – HTML full form
– All HTML tags can have attributes, though not all tags use them.
– Attributes include data after the “<” and before the “>” of a tag. For example, a tag might look like img src=”path-to-image” alt=”description” />.
– Attribute names are case-sensitive. If a browser or other tool isn’t able to understand your attribute, it will display that attribute as plain text.
– Some attributes are required for a tag to function properly.
– Every tag has multiple attributes that can be added to it.
HTML Tag Markup for Browser Display – HTML full form
– Every HTML tag has a function, and can be used with various combinations of other tags to create the desired outcome.
– The most basic HTML tag is the html> tag, which serves as the document root for all other tags.
– The head> and body> tags are two fundamental tags for any page that is displayed in a browser.
– The title> tag is used to display a page title in browsers and search engine result pages.
– The img> and img> tags are used to display images, photos, and other visual content.
– The ul> and ol> tags create bullet points and numbered lists.
As you can see, HTML tags and their functions are incredibly important for organizing and displaying content on the internet.
If you’ve ever browsed a website and wondered why the images are placed the way they are, why the text is black and not blue, or why the site looks different from every other site you’ve visited, you can thank the tags and their functions for that! HTML tags are what determine what every element on your pages look like, where they’re placed, and what they contain.
This includes text, images, links, and more. If you want to create a website but don’t know how to code, you can use code-free website builders like Squarespace to easily create a stunning website without engineering knowledge.