Learning HTML Easily- Web development course ~ Ofuran

Learning HTML Easily- Web development course

Learning  HTML :



HTML is Hyper Text Markup Language.
It is a set of markup tags.
Let us consider the following code:




<!DOCTYPE html>
<html>
<head>
<title>Learning HTML</title>
</head>
<body>
<h1>I have started to learn HTML </h1>
<p>It is very interesting</p>
</body>
</html>




Output of this code:

Understanding of the code:
1. Here the DOCTYPE declaration indicates that this    document type is HTML
2. And the code between <html> and </html> is HTML Code and HTML Document.
3. The text between <head> and </head> supplies data about this document
4. The text between <title> and </title> indicates a title for this HTML document
5. The text between <body> and </body> indicates the visible page element/content
6. The text between <h1> and </h1> indicates  a heading
7. The text between <p> and </p> indicates  a paragraph.


Tags of HTML :


SL
Tags
Description
1
<!--..--!>
To make a comment
2
<!Doctype>
Describe the document type
3
<a>
To make a hyperlink
4
<abbr>
To make an abbreviation
5
<address>
To make a contact information
6
<area>
To make an area inside the image-map
7
<article>
To make an article
8
<aside>
To make a content aside from the page content
9
<audio>
To make a sound content
10
<b>
To make a bold text
11
<base>
To nake a base URL ina document
12
<bdi>
To make a different direction of a text

<bdo>
To override the current text direction
13
<blockquote>
To make a quoted section
14
<body>
To make a document’s body
15
<br>
To make a single line break
16
<button>
To make clickable button
17
<canvas>
To make a canvas for drawing graphics
18
<caption>
To make a table caption
19
<center>
To make a centered content
20
<cite>
To make a title of a work
21
<code>
To make an area of computer code
22
<col>
To specify the column  properties
23
<colgroup>
To specify some column ina table
24
<datalist>
To define pre-defined options for input controls element
25
<dd>
To make a value in a description list
26
<del>
To make deleted element in a text
27
<details>
To make additional details
28
<dfn>
To represent the defining instants
29
<dialog>
To make an HTML dialogue box
30
<dir>
To make a directory list
31
<dl>
To make a description list
32
<div>
To define a section in a document
33
<dt>
To make a term in a description list
34
<em>
To make an emphasized text
35
<embed>
To make container for non-HTML application
36
<fieldset>
To make group releted elements
37
<figcaption>
To make a caption
38
<figure>
To make self-contained content
39
<font>
To define font,color and size of a text
40
<footer>
To make a footer for a document
41
<form>
To make an HTML form for user input
42
<frame>
To make a window in a frameset
43
<frameset>
To make a set of frames
44
<h1> to <h6>
To make the HTML Headings
45
<head>
To write information about the document
46
<header>
To write a header for a document
47
<hr>
To make a horizontal line
48
<html>
To define root of HTML
49
<i>
To make a text italic
50
<iframe>
To make an inline frame
51
<img>
To insert an image in a document
52
<input>
To make an input control
53
<ins>
To write a text indicates inserted in a text
54
<kbd>
To make a keyboard input
55
<keygen>
To make a key pair generator field
56
<lebel>
To make a lebel for an input element
57
<legend>
To make a caption for a fieldset element
58
<link>
To make a relation between a document and external source
59
<li>
To make a list item
60
<main>
To indicate the main content of a document
61
<map>
To make a client side image map
62
<mark>
To make a marked or highlighted text
63
<menu>
To make a menu of commands
64
<menuitem>
To make a menu item for invoking popup menu
65
<meter>
To indicate a scaler measerment
66
<nav>
To make navigation links
67
<noscript>
To make alternate contents that not support client side scripts
68
<object>
To make an embedded object
69
<ol>
To make an ordered list
70
<optgroup>
To make a group related options in a drop down list
71
<option>
To make option ina drop down list
72
<output>
To view the result of calculation
73
<p>
To make  a paragraph
74
<param>
To make a parameter for an object
75
<progress>
To make a progress of a task
76
<q>
To make a short quotation
77
<rp>
To show in browsers that never supported in Ruby annotations
78
<rt>
To define explonation of East Asian Typography
79
<ruby>
To make a Ruby Annotations
80
<s>
To make a text that is not correct
81
<samp>
To make sample output of a computer code
82
<script>
To make a client side script
83
<section>
To make a section in a document
84
<select>
To make a drop down list
85
<small>
To make a smaller text
86
<source>
To define multimedia audio, video resource
87
<span>
To make a section in a document
88
<strong>
To make an important text
89
<style>
To make style in a document
90
<sub>
To write subscripted text
91
<summary>
To make a visible heading for details elements
92
<sup>
To make superscripted text
93
<table>
To make a table
94
<tbody>
To make a group of a body content
95
<td>
To write table data
96
<textarea>
To write multiline input control element
97
<tfoot>
To make group in the footer content
98
<thead>
To make group in the header content
99
<th>
To make table heading in a table
100
<time>
To make date / time
101
<title>
To write title of a document
102
<tr>
To make rows in a table
103
<track>
To make text track for media elements
104
<u>
To make text different from normal text
105
<ul>
To make an unordered list
106
<var>
To make a variable
107
<video>
To display a video
108
<wbr>
To write a possible line break








































Next
This is the oldest page
'