HTML-Creating the first Website(HTML-2)


 According to my previous blog, you have successfully created the developer environment by setting up the text editor and creating and saving the HTML file using the correct format. Now you can continue learning from there. Good Luck! 😍

 Refer to the Below Basic HTML structure(W-1-1)

(W-1-1)

What on the above example:

<!DOCTYPE html>

  • This is a declaration that tells the web browser which version of HTML is being used. It is HTML5  In this case.

<html>

  • This tag marks the beginning of an HTML document. It indicates that all the code that follows is written in HTML. It's the root element of an HTML page.

<head>

  • This tag represents the container for the metadata of the HTML document. Metadata includes things like the title of the page, keywords, and descriptions that are not visible on the page itself.

<title>

  • This tag specifies the title of the HTML document. The title is displayed in the browser's title bar and is used by search engines to index the page.

<body>

  • This tag represents the main content of the HTML document. All the visible content of the web page is placed within the body tag. such as lists, paragraphs, headings, forms, tables, images, hyperlinks, etc.

<h1>

  • This tag is used to define a heading. The text within the h1 tags will be displayed as the main heading of the page.

<p>

  • This tag is used to define a paragraph.

In your text editor type the above example and check the output.

Steps To check the output:

step 1:


Type the above example in your text editor.

step 2:

Save the file with a .html extension.

step 3:

Go to the saved file location.

step 4:

Right click the file and click on 'Open with' and select your preferred browser. Such as Google Chrome. (W-1-2)

(W-1-2)


step 5:

Then your file will be displayed in the browser. (W-1-3)

(W-1-3)

NOTE:

If there are any errors in the HTML code, the browser may not be able to display the page properly. In that case, you will need to review the code to identify and fix any errors.

ACTIVITY:
Post your Output in the comment section below.

Congratulations! Now you have created your 1st website😍


Post a Comment

Previous Post Next Post
LightBlog
LightBlog