- Information
- AI Chat
Html-tags-chart - ........
Advanced Manufacturing Processes and CNC (WS 5101)
Government Polytechnic, Pune
Preview text
H TM L Tags Char t
To use any of t he following HTML tags, sim ply select the HTML code you'd like and copy and paste it int o your web page.
Ta g N a m e Code Ex a m ple Br ow ser View
<! - - com m e nt < !- - This can be viewed in t he H TM L part of a docum ent - - >
Not hing will show ( Tip)
< a - a nchor < a hr ef= "htt p: / / dom ain / "> Visit Our Site< / a>
Visit Our Site ( Tip)
< b> bold < b> Exam ple< / b> Ex a m ple
< big> big ( t e x t ) < big> Exam ple< / big> Exam ple ( Tip)
< body>
body of H TM L docum e n t
< body > The content of your H TM L page< / body>
Cont ent s of your web page ( Tip)
< br> linebr e ak The content s of your pageof your page < br> The cont ent s
The content s of your web page The content s of your web page
< center> ce nt e r
< ce nt e r> This will cent er your contents< / ce nt e r>
This will center your contents
< dd>
de finit ion descr ipt i on
< dl> < dt > Definit ion Term < / dt> < dd> De fin it ion of t he t er m < / dd> < dt > Definit ion Term < / dt> < dd> De fin it ion of t he t er m < / dd> < / dl>
Definit ion Term D e finit ion of t he t e r m Definit ion Term D e finit ion of t he t e r m
< dl>
de finit ion list
< dl> < dt > Definit ion Term < / dt> < dd> Definit ion of t he t erm < / dd> < dt > Definit ion Term < / dt> < dd> Definit ion of t he t erm < / dd> < / dl>
Definit ion Term Definit ion of t he t erm Definit ion Term Definit ion of t he t erm
< dt >
de finit ion t e r m
< dl> < dt> D e fin ition Te rm < / dt > < dd> Definit ion of t he t erm < / dd> < dt> D e fin ition Te rm < / dt > < dd> Definit ion of t he t erm < / dd> < / dl>
D e finit ion Ter m Definit ion of t he t erm D e finit ion Ter m Definit ion of t he t erm
< em > e m pha sis This is an < em > Exam ple< / e m > of using t he em phasis tag
This is an Exam ple of using t he em phasis tag
< em bed>
e m bed obj e ct
< e m bed src= "yourfile id" width= "100% " height = "60" align= "center"> ( Tip)
< em bed> e m bed obj e ct
< e m be d src= "yourfile id" autostart = "t rue" hidden= "false" loop= "false"> < noem bed> < bgsound src= "yourfile id" loop= "1"> < / noem bed>
Music will begin playing when your page is loaded and will only play one t im e. A cont rol panel will be displayed t o enable your visit ors t o stop the m usic.
< font > font < font face= "Tim es New Rom an"> Exam ple< / font >
Example (Tip)
< font > font
< font face= "Tim es New Rom an"
size= "4"> Exam ple< / font > Example ( Tip)
< font > font
< font face= "Tim es New Rom an" size= "+ 3"
color= "# ff0000"> Exam ple< / font > Example ( Tip)
< form > for m
< form act ion= "m ailt o: you@yourdom ain "> Nam e: < input nam e= "Nam e" value= "" size= "10"> < br> Em ail: < input nam e= "Em ail" value= "" size= "10"> < br> < center> < input t ype= "subm it "> < / cent er> < / form >
Nam e: ( Tip)
Em ail: Submit
< h1> < h2> < h3> < h4> < h5> < h6>
he a ding 1 he a ding 2 he a ding 3 he a ding 4 he a ding 5 he a ding 6
< h1 > Heading 1 Exam ple< / h1 > < h2 > Heading 2 Exam ple< / h2 > < h3 > Heading 3 Exam ple< / h3 > < h4 > Heading 4 Exam ple< / h4 > < h5 > Heading 5 Exam ple< / h5 > < h6 > Heading 6 Exam ple< / h6 >
< head>
he a ding of HTM L docum e n t
< he ad> Cont ains elem ents describing t he docum ent< / he ad>
Not hing will show
< hr> hor iz ont a l r ule
< hr / >
Cont ent s of your web page ( Tip)
Cont ent s of your web page
< hr> hor iz ont a l r ule
< hr widt h= "50% " size= "3" / >
Cont ent s of your web page
Cont ent s of your web page
< hr> hor iz ont a l r ule
< hr widt h= "50% " size= "3" noshade / >
Cont ent s of your web page
Cont ent s of your web page
< hr> ( I nt ernet Explorer)
hor iz ont a l r ule
< hr widt h= "75% " color= "# ff0000" size= "4" / >
Cont ent s of your web page
Cont ent s of your web page
< hr> ( I nt ernet Explorer)
hor iz ont a l r ule
< hr widt h= "25% " color= "# 6699ff" size= "6" / >
Cont ent s of your web page
Cont ent s of your web page
< ht m l>
hype r t e x t m a r k up la ngua ge
< ht m l> < head> < m et a> < t it le> Tit le of your web page< / t it le> < / head> < body> H TML w eb page contents < / body> < / ht m l>
Cont ent s of your web page
< i> it a lic < i> Exam ple< / i> Exam ple
< im g> im a ge
< im g src= "Eart h" width= "41" height = "41" border= "0" alt= "t ext describing t he im age" / > ( Tip)
< form m et hod= post act ion= "/ cgi- bin/ exam ple"> Select an opt ion: < br> < input t ype= "radio" nam e= "opt ion"> Opt ion 1 < input t ype= "radio" nam e= "opt ion" checked> Opt ion 2 < input t ype= "radio" nam e= "opt ion"> Opt ion 3 < br> < br> Select an opt ion: < br> < input t ype= "checkbox" nam e= "select ion"> Select ion 1 < input t ype= "checkbox" nam e= "select ion" checked> Select ion 2 < input t ype= "checkbox" nam e= "select ion"> Select ion 3 < input t ype= "Subm it " value= "Subm it "> < / form >
Select an opt ion:
Opt ion 1
Opt ion 2
Opt ion 3
Select an opt ion:
Select ion 1
Select ion 2
Select ion 3 Submit
< li> list it em
Exam ple 1:
< m enu> < li t ype= "disc"> List item 1< / li> < li t ype= "circle"> List item 2< / li> < li t ype= "square"> List it em 3< / li> < / MENU>
Exam ple 2:
< ol t ype= "i"> < li> List it em 1< / li> < li> List it em 2< / li> < li> List it em 3< / li> < li> List it em 4< / li> < / ol>
Exam ple 1: ( Tip)
List it em 1
o List it em 2
List it em 3
Exam ple 2:
i. List it em 1 ii. List it em 2 iii. List it em 3 iv. List it em 4
< link> link
< head> < link rel= "st ylesheet " t ype= "t ext / css" href= "st yle" / > < / head>
< m arquee > ( I nt ernet Explorer)
scr olling t e x t
< m a rque e bgcolor= "# cccccc" loop= "- 1" scrollam ount = "2" width= "100% "> Exam ple Marquee< / m a rque e >
( Tip)
< m enu> m e nu
< m e nu> < li t ype= "disc"> List it em 1< / li> < li t ype= "circle"> List it em 2< / li> < li t ype= "square"> List item 3< / li> < / m e nu>
List it em 1
o List it em 2
List it em 3
< m et a> m e t a
< m e t a nam e= "Descript ion" content= "Descript ion of your site"> < m e t a nam e= "keywords" content= "keywords describing your sit e">
Not hing will show ( Tip)
< m et a> m e t a
< m e t a HTTP- EQUI V= "Refresh" CONTENT= "4; URL= ht tp: / / yourdom ain om / ">
Not hing will show ( Tip)
< m et a> m e t a
< m e t a htt p-equiv= "Pragm a" content = "no- cache"> Not hing will show ( Tip)
< m et a> m e t a < m e t a nam e= "rat ing" content= "General"> Not hing will show ( Tip)
< m et a> m e t a < m e t a nam e= "robots" cont ent = "all"> Not hing will show ( Tip)
< m et a> m e t a
< m e t a nam e= "robots" content= "noindex,follow"> Not hing will show ( Tip)
< ol> or de r ed list
N um be r ed
< ol> < li> List it em 1< / li> < li> List it em 2< / li> < li> List it em 3< / li> < li> List it em 4< / li> < / ol>
N um be r ed Spe cia l St a r t
< ol st a r t= " 5 " > < li> List it em 1< / li> < li> List it em 2< / li> < li> List it em 3< / li> < li> List it em 4< / li> < / ol>
Low e r case Le t t er s
< ol ty pe = " a " > < li> List it em 1< / li> < li> List it em 2< / li> < li> List it em 3< / li> < li> List it em 4< / li> < / ol>
Capit a l Le t t er s
< ol ty pe = "A" > < li> List it em 1< / li> < li> List it em 2< / li> < li> List it em 3< / li> < li> List it em 4< / li> < / ol>
Capit a l Le t t er s Spe cia l St a r t
< ol ty pe = "A" st a r t = "3 " > < li> List it em 1< / li> < li> List it em 2< / li> < li> List it em 3< / li> < li> List it em 4< / li> < / ol>
Low e r case Rom an N um er a ls
< ol ty pe = " i"> < li> List it em 1< / li> < li> List it em 2< / li> < li> List it em 3< / li> < li> List it em 4< / li> < / ol>
N um be r ed
- List it em 1
- List it em 2
- List it em 3
- List it em 4
N um be r ed Spe cia l St a r t
- List it em 1
- List it em 2
- List it em 3
- List it em 4
Low e r case Le t t er s
a. List it em 1 b. List it em 2 c. List it em 3 d. List it em 4
Capit a l Le t t er s
A. List it em 1 B. List it em 2 C. List it em 3 D. List it em 4
Capit a l Le t t er s Spe cia l St a r t
C. List it em 1 D. List it em 2 E. List it em 3 F. List it em 4
Low e r case Rom an N um e r a ls
i. List it em 1 ii. List it em 2 iii. List it em 3 iv. List it em 4
Capit a l Rom an N um e r a ls
I. List it em 1 I I. List it em 2 I I I. List it em 3 I V. List it em 4
< st rike>
de le t ed t e x t < str ik e > Exam ple< / st r ik e> Exam ple
< st rong>
st r ong e m pha sis < str ong> Exam ple< / st r ong> Ex a m ple
< t able> t a ble
Exam ple 1:
< t a ble borde r= "4" cellpadding= "2" cellspacing= "2" widt h= "100% "> < t r> < t d> Colum n 1< / t d> < t d> Colum n 2< / t d> < / t r> < / t a ble >
Exam ple 2: ( I nt ernet Explorer)
< t a ble borde r= "2" bordercolor= "# 336699" cellpadding= "2" cellspacing= "2" widt h= "100% "> < t r> < t d> Colum n 1< / t d> < t d> Colum n 2< / t d> < / t r> < / t a ble >
Exam ple 3:
< t a ble ce llpadding= "2" cellspacing= "2" widt h= "100% "> < t r> < t d bgcolor= "# cccccc"> Colum n 1< / t d> < t d bgcolor= "# cccccc"> Colum n 2< / t d> < / t r> < t r> < t d> Row 2< / td> < t d> Row 2< / td> < / t r> < / t a ble >
Exam ple 1: ( Tip)
Colum n 1 Colum n 2
Exam ple 2: ( Tip)
Colum n 1 Colum n 2
Exam ple 3: ( Tip)
Colum n 1 Colum n 2 Row 2 Row 2
< t d> t a bleda t a
< t able border= "2" cellpadding= "2" cellspacing= "2" widt h= "100% "> < t r> < t d> Colum n 1 < / td> < t d> Colum n 2 < / td> < / t r> < / t able>
Colum n 1 Colum n 2
< t h> t a ble he a der
< div align= "center"> < t able> < t r> < t h> Colum n 1 < / t h> < t h> Colum n 2 < / t h> < t h> Colum n 3 < / t h> < / t r> < t r> < t d> Row 2< / td> < t d> Row 2< / td> < t d> Row 2< / td> < / t r> < t r> < t d> Row 3< / td> < t d> Row 3< / td> < t d> Row 3< / td>
Colum
n 1
Colum
n 2
Colum
n 3
Row 2 Row 2 Row 2 Row 3 Row 3 Row 3 Row 4 Row 4 Row 4
< / t r> < t r> < t d> Row 4< / td> < t d> Row 4< / td> < t d> Row 4< / td> < / t r> < / t able> < / div>
< t it le>
docum e n t t it le < t it le > Tit le of your H TM L page < / t itle >
Tit le of your web page will be viewable in t he t it le bar.( Tip)
< t r> t a ble row
< t able border= "2" cellpadding= "2" cellspacing= "2" widt h= "100% "> < t r > < t d> Colum n 1< / t d> < t d> Colum n 2< / t d> < / t r > < / t able>
Colum n 1 Colum n 2
< t t > t e le t ype < t t > Exam ple< / t t > Example
< u> under line < u> Exam ple< / u> Exam ple
< ul> unorde re d list
Exam ple 1: < br> < br> < ul> < li> List it em 1< / li> < li> List it em 2< / li> < / ul> < br> Exam ple 2: < br> < ul ty pe = "disc" > < li> List it em 1< / li> < li> List it em 2< / li> < ul ty pe = " cir cle " > < li> List it em 3< / li> < li> List it em 4< / li> < / ul> < / ul>
Exam ple 1:
List it em 1
List it em 2
Exam ple 2:
List it em 1
List it em 2
o List it em 3
o List it em 4
Html-tags-chart - ........
Course: Advanced Manufacturing Processes and CNC (WS 5101)
University: Government Polytechnic, Pune
- Discover more from:
