Loading ...

Learn about web development and design.

Introduction to HTML

Introduction to html
Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp

HTML is the foundation of all websites. HTML is the commonplace language for making websites. It describes the structure of the page, consists of a series of tags, and tells the browser the way to show the content.

HTML Page Structure (visualization of an HTML page structure)

html page structure

Simple HTML Document Example:

<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>Hello World!</h1> <p>Nice to meet you</p> </body> </html>

HTML Element:

<tagname> Content </tagname>
HTML element is everything from the start tag to the end tag.

Examples:

<h1>My First Heading</h1>
<p>My First Paragraph</p>

HTML Attributes:

Attributes in all HTML elements. They provide additional information about elements. Attributes are always write in starting tag, like that name = “value”

Example:

<a href="https://devfords.com/">Welcome To DevFords.</a>

It’s the example of anchor tag ( < a > ) this tag use for a hyperlink, href attribute specifies the URL of the page where the link will go.

Width and Height Attributes:

<img loading="lazy" src="profile-image.png" width="500" height="600">

The img tag should also contain the width and height attributes, which specifies the width and height of the image (in pixels).

They’re some examples of element attributes you’ll observe more when you’ll more learn and experience.

Note:

Don’t forget to finish the tags.
HTML tags don’t seem to be case sensitive, however, the great follow is that always write HTML tag name in lowercase.

1 thought on “Introduction to HTML”

Leave a Comment

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