The Basics of HTML: A Guide for Bloggers And Web Designers


In this article, we are going to go through the basics of HTML. We are going to build a basic website using only HTML.

What is HTML?

HTML is the most commonly used language on the Internet and helps in building a webpage. HTML is an acronym for HyperText Markup Language. The basic syntax is written in three letters and then followed by the tags and attributes. Below is an image that shows a basic text/html file. The Syntax of HTML Here is an explanation of the syntax of HTML (See below for simple html syntax): Text (HTML) & other supported format tags and attributes – Bold font Color & other colors Bold font text Image Content Graphical elements (section headers, pages etc) Link/linkable hyperlinks Text file Format of files in html – i.e. PDF, JPEG, PNG, etc.

Why is HTML Important to Bloggers and Web Designers?

HTML or Hypertext Markup Language is the rule of writing content within the web page. The meta tags are the most important part of the HTML code. These are tags that include the main content of the HTML code. For example, the meta tags can help us easily display the message or description of our page in the body of the webpage. Check out the example below. If we want to add the description of our website, we can use the special meta tag. You can use the following code to write the meta description of your website: In the above example, we are writing the description of our webpage using the meta tag. Let’s say, we want to add a link to our website. For this purpose, we can use the main tag.

The Parts of a Website

Now that you have a good foundation of HTML, we can start building your website. We are going to look at the elements on a web page, and how you can combine them together. We will also take a look at the markup and content of a web page. We will cover all the basics of a website. Every website needs at least the following elements on it: URL File name Viewport (or a relative URL) Text size Column width Name Description The goal is to have an HTML file for every single page. For this reason, you should have: Main page: Main.html Articles: Articles.html Category page: Category.html Moderator page: Moderator.html Page Title: Page.html Password button: Password.html Moderator button: Paypal/Bitcoin/Anonymous.html Moderator button: Badges.html Moderator button: WordPress.

Also Read: How To Start Your Blog: A Step-by-Step Guide for New Bloggers

Content, Headings and Links

A blog or website is always a combination of content, headings and links. The HTML structure is going to be organized using headings and their subheadings. The HTML headings are referred to as the title, text and summary. These are useful to classify the content. The subheadings are called heading tags. To organize the heading, the html code is going to be written like this.

My Blog Title

A Description of the post

This is the list of links

On each heading tag, there are two kinds of tags: title and summary tags. The title tags are for the content of the heading. The summary tags are for the summary of the content. Since we are working with Blog posts, we are going to use the title tag for each heading and the summary tags for each summary.

Putting It All Together

Since we are using a basic website template, we don’t need to change all the templates around, but we do need to change the styles. This means we will need to save this as an index.html file to the html folder. The file can be put anywhere in the html folder, and this is the most common place it will be placed. If you didn’t already save the index.html file in the html folder, then you will need to rename it to index.html. Next, we need to copy the following code to the html folder, then save it as index.html. What Makes It Simple First of all, in order to use the class “head” we need to change the class we use in our HTML file. If you are not familiar with that, it is similar to a class we have on CSS, and it is important to understand it.