Software Skill HTML

With HTML you can create your own Web site. (Hyper Text Markup LanguageMining Engineers Dairy - Metalliferous Mines India

What is HTML?

HTML is a language for describing web pages.

  • HTML stands for Hyper Text Markup Language
  • HTML is not a programming language, it is a markup language
  • A markup language is a set of markup tags
  • HTML uses markup tags to describe web pages


HTML Basic Document

<title>Document name goes here</title>

Visible text goes here


Heading Elements

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

<p>This is a paragraph</p>

<p>This is another paragraph</p> 

HTML links are defined with the <a> tag. The link address is provided as an attribute:

HTML Headings - <h1>This is a heading</h1>

<h2>This is a heading</h2>
<h3>This is a heading</h3>

Headings are defined with the <h1> to <h6> tags. Headings Are Important

Use HTML headings for headings only. Don't use headings to make text BIG or bold.

Search engines use your headings to index the structure and content of your web pages.

Since users may skim your pages by its headings, it is important to use headings to show the document structure.

H1 headings should be used as main headings, followed by H2 headings, then less 

<h1> defines the largest heading. <h6> defines the smallest heading. 

Attribute Example - HTML links are defined with the <a> tag. The link address is provided as an attribute:<a href="http://www.w3schools

.com">This is a link</a>

HTML Comments

Comments can be inserted in the HTML code to make it more readable and understandable. Comments are ignored by the browser and are not displayed.

Comments are written like this:

<!-- This is a comment -->

TML Paragraphs

Paragraphs are defined with the <p> tag. <p>This is a paragraph</p>

<p>This is another paragraph</p> 
Don't Forget the End Tag

Most browsers will display HTML correctly even if you forget the end tag:

HTML Text Formatting

This text is bold

This text is big

This text is italic

This is computer output

This is subscript and superscript


HTML Formatting Tags

HTML uses tags like <b> and <i> for formatting output, like bold or italic text.

These HTML tags are called formatting tags.

The HTML Style Attribute

The purpose of the style attribute is:

To provide a common way to style all HTML elements.

Styles was introduced with HTML 4, as the new and preferred way to style HTML elements. With HTML styles, styles can be added to HTML elements directly by using the style attribute, or indirectly by in separate style sheets (CSS files).

 The Image Tag and the Src Attribute

In HTML, images are defined with the <img> tag. 

The <img> tag is empty, which means that it contains attributes only and it has no closing tag.

To display an image on a page, you need to use the src attribute. Src stands for "source". The value of the src attribute is the URL of the image you want to display on your page. <img src="url" />  The Alt Attribute

The alt attribute is used to define an "alternate text" for an image. The value of the alt attribute is an author-defined text:

Tables and the Border Attribute

If you do not specify a border attribute the table will be displayed without any borders. Sometimes this can be useful, but most of the time, you want the borders to show.

To display a table with borders, you will have to use the border attribute:

<table border="1">

<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>

Headings in a Table - 

Headings in a table are defined with the <th> tag. <table border="1"> <tr>
<th>Another Heading</th>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td

Color Values

HTML colors are defined using a hexadecimal (hex) notation for the combination of Red, Green, and Blue color values (RGB).

The lowest value that can be given to one of the light sources is 0 (hex 00). The highest value is 255 (hex FF).

Hex values are written as 3 double digit numbers, starting with a # sign.

Color    Color HEX     Color

Black - #000000           rgb(0,0,0)

Red    - #FF0000          rgb(255,0,0)

Green  - #00FF00        rgb(0,255,0)

Blue    -  #0000FF       rgb(0,0,255)