HyperText Markup Language (HTML)

HyperText Markup Language (HTML) - pdf

This tutorial will guide you through the following steps:

Introduction to HTML
Creating and publishing a Web page
Main HTML elements
Creating relative and absolute HTML links
Adding images to documents
Building tables
Validating a document
Text-level HTML element
HTML Example
HTML5 Document Template
Headings, Example
Hypertext Links
Image Alignment, Example
Table Caption

Introduction in HTML

HTML (Hyper Text Markup Language) is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology, used by most websites to create visually engaging webpages, user interfaces for web applications, and user interfaces for many mobile applications.

HTML tag: <html>

Creating a Web page

First of all, you need an editor for coding. We recommend Sublime Text that works in any platform (Windows, Linux, Mac OS X).
When you are finished with the installation of Sublime Text on your PC, then open the program and copy some of the examples code that we have given below.
Further, in the top left corner click "File" and then on "Save as ..." option.
In "File name", type the name of the file that you want, and in the "Save as type" select extension Hyper Text Markup Language - html and and click "Save".
When done, open the document using your browser.

The default character encoding in HTML5 is UTF-8.
<meta charset="UTF-8">

EXAMPLES

Simple code html page

code:



<!DOCTYPE html>
<html>
 <head>
  <title>IT PRESENT</title>
 </head>
 <body>
   <h1>INDEX PAGE</h1>
   <p>text on html page</p>
 </body>
</html>

result:

INDEX PAGE

text on html page

Hypertext Links

The HTML anchor element <a> </a> creates a hyperlink to specifics part on the same HTML page, other web pages, scripts or any other URL adress. The anchor element is used together with the href attribute that contains the URL of the files.

Syntax: <a href="url">text link</a>

example:

<a href="https://itpresent.com">IT present </a>

result:

IT present

Creating relative and absolute HTML Links

There are relative and absolute HTML links.

Relative links show the path to files relative to the current document on the same web site or computer. It is recommended for use always where it can be used.

example:
<a href="index.html">All HTML posts</a>

Absolute links/paths contain a complete URL, which includes a HTTPS protocol, the website’s domain name and possibly a specific folders, subfolders and page name.

example:
<a href="https://itpresent.com/web/html/index.html">All HTML posts</a>

pdf HyperText Markup Language (HTML)

pdf tutorials