Welcome to HTML Coding world for Beginners Newbie's

howbeginners Professional Blogging's photo
howbeginners Professional Blogging
·

3 min read

Table of contents

Welcome to HTML!

HTML is the language of the web. It's used to create and structure web pages, and it's a relatively easy language to learn. If you're new to HTML, this post is for you.

In this post, we'll cover the basics of HTML, including:

  • What is HTML?

  • What are HTML elements?

  • How to create a basic HTML page

  • How to add text, images, and links to your page

By the end of this post, you'll have a good understanding of the basics of HTML, and you'll be able to create your own simple web pages.

What is HTML?

HTML stands for HyperText Markup Language. It's a markup language that's used to create web pages. HTML documents are made up of elements, which are tags that tell the browser how to display the content of the page.

HTML elements are enclosed in angle brackets (< >). The element name goes inside the angle brackets, followed by any attributes. Attributes are used to specify additional information about the element.

For example, the following code creates an HTML element that displays the text "Hello, world!"

Code snippet

<h1>Hello, world!</h1>

The h1 element is a heading element. It's used to display a heading on a web page. The Hello, world! text is the content of the heading.

What are HTML Elements?

HTML elements are the building blocks of HTML pages. They're used to define the structure and content of a page.

There are many different HTML elements, each with its own purpose. Some common elements include:

  • h1 - Heading 1

  • h2 - Heading 2

  • p - Paragraph

  • img - Image

  • a - Link

You can find a list of all the HTML elements on the W3Schools website.

How to Create a Basic HTML Page

To create a basic HTML page, you'll need a text editor. Any text editor will do, but I recommend using a code editor like Sublime Text or Visual Studio Code.

Once you have a text editor open, create a new file and save it as index.html.

Now, you can start adding HTML code to your file. The following code is a basic HTML page that displays the text "Hello, world!"

Code snippet

<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<h1>Hello, world!</h1>
</body>
</html>

Save your file and open it in a web browser. You should see the text "Hello, world!" displayed on the page.

How to Add Text, Images, and Links to Your Page

In addition to headings, you can also use HTML to add text, images, and links to your pages.

To add text to your page, simply type the text between the opening and closing tags of a p element. For example:

Code snippet

<p>This is some text.</p>

To add an image to your page, use the img element. The src attribute specifies the URL of the image file. For example:

Code snippet

<img src="image.jpg" alt="This is an image.">

To add a link to your page, use the a element. The href attribute specifies the URL of the link. For example:

Code snippet

<a href="https://www.example.com">This is a link to Google.</a>

That's all there is to it! You now have a basic understanding of HTML. With a little practice, you'll be able to create your own beautiful and functional web pages.

Online courses:

HTML & CSS for Beginners

Learn HTML5 & CSS3 and Build a Professional Website Course

Responsive Web Design Essentials: HTML5 CSS3 Bootstrap Course

HTML5CSS3#html #html5 #beginner #html #beginnerWeb Design