June 23, 2021

TriStudy

TriStudy Provide Free Online Tutorials about Programming languages,Digital Marketing, web designing, online earning, web hosting, WordPress etc

Create Your First HTML Webpage

First off, you need to open your HTML editor, where you will locate a smooth white web page on which to write your code.

From there you need to sketch your web page with the following tags.

Basic Construction of an HTML Page

These tags should be placed underneath each other at the top of every HTML page that you create.

<!DOCTYPE html> — This tag specifies the language you will write on the page. In this case, the language is HTML 5.

<html> — This tag signals that from here on we are going to write in HTML code.

<head> — This is where all the metadata for the page goes — stuff mostly meant for search engines and other computer programs.

<body> — This is where the content of the page goes.

Further Tags

Inside the <head> tag, there is one tag that is always included: <title>, but there are others that are just as important:<title>This is where we insert the page name as it will appear at the top of the browser window or tab.<meta>This is where information about the document is stored: character encoding, name (page context), description.

Let’s try out a basic <head> section:

<head>
<title>This is My First Html Page</title>
<meta charset="UTF-8">
<meta name="description" content="This field contains information about your page. It is usually around two sentences long.">.
<meta name="author" content="Conor Sheils">
</header>

Adding Content

Next, we will make <body> tag.

The HTML <body> is where we add the content which is designed for making your website more attractive

This includes text, images, tables, forms and everything else that we see on the internet each day.

How to Add HTML Headings To Your Web Page

In HTML, headings are written in the following elements:

  • <h1>
    • <h2>
      • <h3>
        • <h4>
          • <h5>
            • <h6>

As you might have guessed <h1> and <h2> should be used for the most important titles, while the remaining tags should be used for sub-headings and less important text.

Search engine bots use this order when deciphering which information is most important on a page.

Creating Your Heading

just look output and save it

<h1>Welcome to My Page</h1>

And hit save. We will save this file as “index.html” in a new folder called “myhtml.”

How To Add Text In HTML

Adding text to our HTML page is easy the usage of a thing opened with the <p> which creates a new paragraph. We region all of our regular textual content internal the component <p>

When we write text in HTML, we also have a number of different elements we can use to control the textual content or make it show up in a sure way.

Other Word Elements

They are as follows:

ElementMeaningPurpose
<b>BoldHighlight important information
<strong>StrongSimilarly to bold, to highlight key text
<i>ItalicTo denote text
<em>Emphasized TextUsually used as image captions
<mark>Marked TextHighlight the background of the text
<small>Small TextTo shrink the text
<strike>Striked Out TextTo place a horizontal line across the text
<u>Underlined TextUsed for links or text highlights
<ins>Inserted TextDisplayed with an underline to show an inserted text
<sub>Subscript TextTypographical stylistic choice
<sup>Superscript TextAnother typographical presentation style

Here is Some Basic Html Programs

<!doctype html>

<html>

<head>

<title>Our Funky HTML Page</title>

<meta name=”description” content=”Our first page”>

<meta name=”keywords” content=”html tutorial template”>

</head>

<body>

Content goes here.

</body>

</html>