HTML Introduction

What is HTML?

HTML is the standard markup language .HTML stands for Hyper Text Markup Language.HTML describes the structure of Web pages using markup.HTML elements are the building blocks of HTML pages.HTML tags label pieces of content such as “heading”, “paragraph”, “table”, and so on.

HOW DOES IT WORKS

HTML consists of a series of short codes typed into a text-file by the site author — these are the tags. The text is then saved as a html file, and viewed through browser like Internet Explorer. This browser reads the file and translates the text into a visible form, hopefully rendering the page as the author had intended. Writing your own HTML entails using tags correctly to create your vision. You can use anything from a rudimentary text-editor to a powerful graphical editor to create HTML pages

Ways to Open Notepad on Your Windows

With Windows 10, Notepad became difficult for some users to find. There are several ways to open Notepad in Windows 10, but the four most often used methods are:

  1. Turn Notepad on in the Start menu. Click the on the taskbar and then choose Notepad

  2. Find it by searching. Type “notepad” in the search box and tap NOTEPAD in the search results.

  3. Open Notepad by right-clicking a blank area. Select New in the menu and tap Text document Double-click the document.

  4. Press Window key + R type “notepad” and then tap OK. This open the notepad

How to Use Notepad With HTML

  1. Open a new Notepad document.

  2. Write some HTML in the document.

  3. To save the file, select file in the Notepad menu and then Save as

  4. Enter the name “techsteppers.html”

  5. Use .html for the extension. Do not save the file with a .txt extension.

  6. Open the file in a browser by double-clicking on the file. You can also right click and choose open with to view your work.

  7. To make additions or changes to the web page, return to the saved Notepad file and make the changes. Resave and then view your changes in a browser.

 

Let take an example to learn something about HTML

A Simple HTML Document

Example Explained

The <html> element is the root element of an HTML page

The <head> element contains meta information about the document

The <title> element specifies a title for the document

The <body> element contains the visible page content

The <h1> element defines a large heading

The <p> element defines a paragraph

 

Web Browsers

The purpose of a web browser (Chrome, Firefox) is to read HTML document and display them.

The browser does not display the HTML tags, but uses them to determine how to display the document

HTML Documents


The HTML document itself begins with <html> and ends with</html>.

The visible part of the HTML document is between<body> and ends with</body>

HTML HEADING

A HTML heading or HTML h tag can be defined as a title or a subtitle which you want to display on the webpage .When you place the text within the heading tags <h1>………</h1>, it is displayed on the browser in the bold format and size of the text depends on the number of heading.

There are six different HTML headings which are defined with the <h1> to <h6> tags.

h1 is the largest heading tag and h6 is the smallest one. So h1 is used for most important heading and h6 is used for least important.

HTML PARAGRAPH

HTML paragraph tags are used to define the HTML paragraph element. The paragraph element begins with the HTML <p> tag and ends with the HTML </p> tag. The HTML paragraph element should not contain tables and other block elements.

Leave a Reply

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

error: Content is protected !!