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.
<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> <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>
Next, we will make
<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:
As you might have guessed
<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:
|<b>||Bold||Highlight important information|
|<strong>||Strong||Similarly to bold, to highlight key text|
|<i>||Italic||To denote text|
|<em>||Emphasized Text||Usually used as image captions|
|<mark>||Marked Text||Highlight the background of the text|
|<small>||Small Text||To shrink the text|
|<strike>||Striked Out Text||To place a horizontal line across the text|
|<u>||Underlined Text||Used for links or text highlights|
|<ins>||Inserted Text||Displayed with an underline to show an inserted text|
|<sub>||Subscript Text||Typographical stylistic choice|
|<sup>||Superscript Text||Another typographical presentation style|
Here is Some Basic Html Programs
<title>Our Funky HTML Page</title>
<meta name=”description” content=”Our first page”>
<meta name=”keywords” content=”html tutorial template”>
Content goes here.