HTML TUTORIAL

Contents
Introduc on ............................................................................................................................................ 5
Webpage ............................................................................................................................................. 5
Website ............................................................................................................................................... 5
Structure of HTML ................................................................................................................................... 6
Descrip on of HTML Example ................................................................................................................. 6
Brief History of HTML .............................................................................................................................. 7
HTML Versions ........................................................................................................................................ 7
HTML Forma ng .................................................................................................................................... 8
HTML Heading ......................................................................................................................................... 9
HTML Paragraph.................................................................................................................................... 10
Space inside HTML Paragraph ............................................................................................................... 10
How to Use <br> and <hr> tag with paragraph?................................................................................... 11
HTML Phrase tag ................................................................................................................................... 13
1. Text Abbrevia on tag ............................................................................................................ 13
2. Acronym tag .......................................................................................................................... 13
Difference between <acronym> and <abbr> tag .............................................................................. 14
3. Marked tag ............................................................................................................................ 14
4. Strong text: ............................................................................................................................ 14
5. Emphasized text .................................................................................................................... 15
6. Defini on tag......................................................................................................................... 15
7. Quo ng text .......................................................................................................................... 15
8. Short Quota ons ................................................................................................................... 16
9. Code tags............................................................................................................................... 16
10. Keyboard Tag ..................................................................................................................... 17
11. Address tag........................................................................................................................ 17
HTML Anchor ........................................................................................................................................ 18
Anchor Tag Example .......................................................................................................................... 18
HTML Image .......................................................................................................................................... 18
HTML Image Example........................................................................................................................ 19
A ributes of HTML img tag ............................................................................................................... 19
 Use of height and width a ribute with img tag ................................................................................ 19
Use of alt a ribute ............................................................................................................................ 20
How to get image from another directory/folder? ........................................................................... 20
Use <img> tag as a link ...................................................................................................................... 21
HTML Table ........................................................................................................................................... 21
HTML Table Example ......................................................................................................................... 21
HTML Table with Border ................................................................................................................... 22
HTML Table with cell padding ........................................................................................................... 24
HTML Table width: ............................................................................................................................ 25
HTML Table with colspan .................................................................................................................. 27
HTML Table with rowspan................................................................................................................. 27
HTML table with cap on ................................................................................................................... 28
Styling HTML table even and odd cells ............................................................................................. 29
HTML Lists ............................................................................................................................................. 31
HTML Ordered List or Numbered List ............................................................................................... 31
Parts of Computer ......................................................................................................................... 33
Start a ribute.................................................................................................................................... 35
Reversed A ribute: ........................................................................................................................... 36
HTML Unordered List or Bulleted List ............................................................................................... 37
1. Disc Type ............................................................................................................................... 37
2. Circle Type ............................................................................................................................. 38
3. Square Type ........................................................................................................................... 39
4. None Type ............................................................................................................................. 39
The type a ribute with CSS property ............................................................................................... 40
HTML Descrip on List or Defini on List............................................................................................ 41
HTML Nested List .............................................................................................................................. 42
Output: Example for Nested List ...................................................................................................... 42
HTML Form............................................................................................................................................ 43
HTML Form Syntax ............................................................................................................................ 43
HTML <input> element ..................................................................................................................... 44
HTML TextField Control ..................................................................................................................... 44
HTML <textarea> tag in form ............................................................................................................ 45
Label Tag in Form .............................................................................................................................. 46
HTML Password Field Control ........................................................................................................... 46
HTML 5 Email Field Control ............................................................................................................... 47
Radio Bu on Control......................................................................................................................... 48
 Checkbox Control .............................................................................................................................. 48
Submit bu on control ....................................................................................................................... 50
HTML <fieldset> element: ................................................................................................................. 51
HTML Form Example ......................................................................................................................... 51
HTML Form Input Types .................................................................................................................... 54
List of all types of <input> element of HTML .................................................................................... 54
List of types of elements of HTML5 .................................................................................................. 55
HTML <form> element a ributes ......................................................................................................... 67
HTML <input> element a ribute ...................................................................................................... 74
HTML style using CSS ............................................................................................................................ 81
HTML Classes ........................................................................................................................................ 85
Class A ribute in HTML..................................................................................................................... 85
Class A ribute in JavaScript .............................................................................................................. 87
Mul ple Classes ................................................................................................................................ 89
Same class with Different Tag ........................................................................................................... 90
HTML Id A ribute.................................................................................................................................. 90
HTML iframes ........................................................................................................................................ 93
Set Width and Height of iframe ........................................................................................................ 93
Remove the border of iframe ........................................................................................................... 96
Iframe Target for a link ...................................................................................................................... 97
Embed YouTube video using iframe .................................................................................................. 98
Sandbox A ribute ........................................................................................................................... 102
allow-same-origin ........................................................................................................................... 103
Allow-Scripts ................................................................................................................................... 104
Allow-forms A ribute ..................................................................................................................... 105
Allow-popups .................................................................................................................................. 107
Srcdoc A ribute .............................................................................................................................. 107
Scrolling ........................................................................................................................................... 108
HTML Comments ................................................................................................................................ 111
How to add comment In HTML ....................................................................................................... 111
Mul line Comment ......................................................................................................................... 112
HTML Head.......................................................................................................................................... 112
HTML < tle> Element ..................................................................................................................... 113
HTML <style> Element .................................................................................................................... 113
HTML <link> Element ...................................................................................................................... 114
HTML <meta> Element ................................................................................................................... 116
 Use <meta> tag to set the Viewport ............................................................................................... 119
HTML <base> Element .................................................................................................................... 120
HTML <script> element ................................................................................................................... 121
HTML File Paths................................................................................................................................... 122
Absolute File Paths .......................................................................................................................... 123
Rela ve File Paths ........................................................................................................................... 124
HTML Javascript: ................................................................................................................................. 126
HTML <script> Tag ........................................................................................................................... 127
HTML events with JavaScript .......................................................................................................... 128
Use External Script ......................................................................................................................... 131
HTML <noscript> Tag....................................................................................................................... 132
HTML Computer code ......................................................................................................................... 133
HTML <code> element .................................................................................................................... 133
Computer Code ............................................................................................................................. 134
HTML <kbd> Element ...................................................................................................................... 134
Keyboard Command .................................................................................................................... 134
HTML <samp> Element ................................................................................................................... 134
HTML <var> element....................................................................................................................... 135
Mathematical Variables ............................................................................................................... 136
Programming Variables ............................................................................................................... 136
HTML <pre> element .................................................................................................................... 136
En es in HTML .................................................................................................................................. 137
Reserved Characters ....................................................................................................................... 137
Implemen ng an En ty ................................................................................................................... 138
HTML Symbols..................................................................................................................................... 142
Mathema cal Symbols Supported by HTML ................................................................................... 143
Greek Symbols Supported by HTML ............................................................................................... 143
Some Important Symbols Supported by HTML ............................................................................... 144
HTML Charset ...................................................................................................................................... 144
ASCII Character Set.......................................................................................................................... 144
ANSI Character Set .......................................................................................................................... 144
ISO-8859-1 Character Set ................................................................................................................ 145
UTF-8 Character Set ........................................................................................................................ 145
HTML URL Encode ............................................................................................................................... 145
URL Encoding .................................................................................................................................. 146