SlideShare a Scribd company logo
 HTML (Hypertext Markup Language) is used to create document on 
the World Wide Web. 
 HTML is not a programming language, it is a markup language 
 A markup language is a set of markup tags 
 It is not case sensitive language.
v 1.0: early 90s 
HTML+: 1993 
v 2.0 (RFC 1866, forms): 1995 
v 3.0 (tables, frames): 1995, schism between Netscape 
and Microsoft 
v 3.2 (style sheets): adopted 1996 
v 4: 1998, three versions proposed by W3C, but nothing 
really adopted yet 
XHTML: 1999, a marriage of XML and HTML 
V 5.0 : Under Construction
 Operating system independent(Cross-platform 
compatibility ) 
 Browser independent 
 The user controls the browser 
 The author controls organization
 Tags are instruction that are embedded directly into the text 
of document. 
 Html Tags are signals to a browser that should do 
something other than just through text upon the screen. 
 All HTML tags begin with an open angle bracket (<) and 
end with close angle bracket (>). 
 HTML tags can be a two types :- 
 Paired Tag 
 Singular Tags
<HTML> 
<HEAD> 
</HEAD> 
<BODY> 
</BODY> 
</HTML>
The <HTML> tag encloses all other HTML tags and 
associated text within your document. It is an optional 
tag. You can create an HTML document that omits these 
tags, and your browser can still read it and display it. But 
it is always a good form to include the start and stop tags. 
The format is: 
<HTML> 
Your Title and Document (contains text with HTML tags) 
goes here 
</HTML>
HEAD tag comes after the HTML start tag. It contains TITLE 
tag 
to give the document a title that displays on the browsers 
title bar 
at the top. 
The Format is: 
<HEAD> 
<TITLE> 
Your title goes here 
</TITLE> 
</HEAD>
The BODY tag contains all the text and graphics of 
the document with all the HTML tags that are used 
for control and formatting of the page. 
The Format is: 
<BODY> 
Your Document goes here 
</BODY>
 Attribute are used to say something about the 
element that carries them and always appear on 
the opening tag of the element that carries them. 
All attributes are made-up two parts a name and a 
value. 
 The name is the property of the element that you 
want to set. 
 The value is what you want the value of property 
to be.
Syntax- 
<tagname attr_1= “value” attr_2= “value”> 
Content 
</tagname> 
Example 
<body bgcolor=“red” text=”blue”> 
Text…. 
</body>
 Bgcolor 
 Background 
 Text 
 Bottommargin- 
 Topmargin- 
 Leftmargin- 
 Rightmargin- 
 Link- 
 Vlink-
 Line break <br> 
 Paragraph <p>…</p> 
◦ Attribute of paragraph tag 
 Align 
 Drawing line <hr> 
◦ Attribute of <hr> tag 
 Align 
 Size (thickness) 
 Width (length) 
 Color
 Headings <H1>,<H2>…<H6> 
 Bold <B>..</B>. 
 Italics <i>…</I> 
 Underline <U>…</U> 
 Subscript <SUB>…</SUB> 
 Superscript <SUP>..</SUP> 
 Delete <DEL>…</DEL> 
 Center <CENTER>…. </CENTER> 
 Blinking text <BLINK>..</BLINK> 
 Marquee <MARQUEE>… </MARQUEE>
 Font <FONT>…</FONT> 
◦ Attribute of FONT tag 
 Face 
 Size (1to 7 default is 3) 
 Color 
 Comment <!--message text-->
 Space- &nbsp; 
 &- &amp; 
 >- &gt; 
 <- &lt; 
 ©- &copy 
 ®- &reg
 <IMG> tag is used to insert image on web page , it 
support .gif,.png,.jpg image file. 
◦ Attribute of <IMG> tag 
 Src 
 Width 
 Height 
 Border 
 Align 
 Hspace 
 Vspace 
 Alt
 <bgsound> tag is used to embed the sound file in 
web page. 
◦ Attribute of <bgsound> 
 Src 
 Loop (-1….)
 Ordered list <ol>..</ol> 
◦ Attribute of <ol> tag 
 Type (“1”,”i”, “I”, “a”, “A”) 
 Start (numeric) 
 Unordered list <ul>..</ul> 
◦ Attribute of <ul> tag 
 type (“fillround”, “square”, “round”) 
◦ List item <li>..</li> 
 Attribute of <li> tag 
 value
 <a> ..</a> tag is used to make link in html 
document 
there are two types of link 
 Internal link 
 External Link 
◦ Attribute of <a> tag 
 Href 
 Target 
 Name
 Table <table></table> 
 Table row <tr></tr> 
 Table data <td></td> 
 Table header<th></th> 
 Caption <caption> 
◦ Attribute of <caption> tag 
 Align: bottom, top
◦ Border 
◦ Align 
◦ Valign 
◦ Width 
◦ Height 
◦ Cellpadding 
◦ Cellspacing
 Colspan 
 Rowspan 
 Bgcolor 
 Width 
 Height
 <Form></form> tag is used to create form in 
HTML. 
 Forms are used for data gathering in webpage. 
 It provide the full range of GUI controls 
 It can automatically submit data collected in its 
control through a web Server
 Name 
 Method 
◦ Get 
◦ Post 
 Action
 Text – Text fields accept a single line of text entry. 
◦ <Input Type=“Text” name=“t1” value=“”> 
 Password 
◦ <Input type=“password” name=“pass” value=“”> 
 Button 
◦ <Input type=“Button” name=“but” value=“Ok”> 
 Submit 
◦ <Input type=“submit” name=“s1” value=“UPDATE”>
 Checkbox 
◦ <input type=“checkbox” name=“c1” value=“1” checked> 
 Radio Button 
◦ <input type=“radio” name=“r1” value=“1”> 
◦ (note) radio name are same for one group 
 TextArea 
◦ <textarea name=“ta1”>….</textarea> 
◦ Attribute of text area 
 Rows 
 cols
 Selection List 
<select > 
<option> one</option> 
<option> one</option> 
<option> one</option> 
</option> 
◦Attribute of select tag 
Size 
Name
 Frameset: <frameset> …</frameset> 
◦ It is used to dividing a webpage into sections 
◦ Attribute of Frameset 
 Rows 
 Cols 
 Frame: <frame>…</frame> 
◦ It is used for inserting page into specific section. 
◦ Attribute of Frame 
 src 
 name
 Noresize 
 Scrolling 
 Marginheight 
 Marginwidth 
 Frameborder 
 Border 
 noframe
Html

More Related Content

What's hot

Html 5 tags
Html  5 tagsHtml  5 tags
Html 5 tags
Eagle Eyes
 
Html tag list
Html tag listHtml tag list
Html
HtmlHtml
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
Amit Tyagi
 
Introhtml 2
Introhtml 2Introhtml 2
Introhtml 2
bluejayjunior
 
Chapter 8 - Web Design
Chapter 8 - Web DesignChapter 8 - Web Design
Chapter 8 - Web Design
tclanton4
 
Html Basic Tags
Html Basic TagsHtml Basic Tags
Html Basic Tags
Richa Singh
 
Html complete
Html completeHtml complete
Html complete
Neelima Kamboj
 
FYBSC IT Web Programming Unit III Document Object
FYBSC IT Web Programming Unit III  Document ObjectFYBSC IT Web Programming Unit III  Document Object
FYBSC IT Web Programming Unit III Document Object
Arti Parab Academics
 
HTML presentation for beginners
HTML presentation for beginnersHTML presentation for beginners
HTML presentation for beginners
jeroenvdmeer
 
Ppt of web designing
Ppt of web designingPpt of web designing
Ppt of web designing
prab5
 
1. introduction to html5
1. introduction to html51. introduction to html5
1. introduction to html5
JayjZens
 
HTML Lecture Part 1 of 2
HTML Lecture Part 1 of 2HTML Lecture Part 1 of 2
HTML Lecture Part 1 of 2
Sharon Wasden
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
Sayan De
 
Xhtml
XhtmlXhtml
HTML/CSS/java Script/Jquery
HTML/CSS/java Script/JqueryHTML/CSS/java Script/Jquery
HTML/CSS/java Script/Jquery
FAKHRUN NISHA
 

What's hot (20)

Html 5 tags
Html  5 tagsHtml  5 tags
Html 5 tags
 
Html
HtmlHtml
Html
 
HTML
HTMLHTML
HTML
 
Html tag list
Html tag listHtml tag list
Html tag list
 
Html
HtmlHtml
Html
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Introhtml 2
Introhtml 2Introhtml 2
Introhtml 2
 
Chapter 8 - Web Design
Chapter 8 - Web DesignChapter 8 - Web Design
Chapter 8 - Web Design
 
Introduction html
Introduction htmlIntroduction html
Introduction html
 
Html Basic Tags
Html Basic TagsHtml Basic Tags
Html Basic Tags
 
Html complete
Html completeHtml complete
Html complete
 
FYBSC IT Web Programming Unit III Document Object
FYBSC IT Web Programming Unit III  Document ObjectFYBSC IT Web Programming Unit III  Document Object
FYBSC IT Web Programming Unit III Document Object
 
HTML presentation for beginners
HTML presentation for beginnersHTML presentation for beginners
HTML presentation for beginners
 
HTML
HTML HTML
HTML
 
Ppt of web designing
Ppt of web designingPpt of web designing
Ppt of web designing
 
1. introduction to html5
1. introduction to html51. introduction to html5
1. introduction to html5
 
HTML Lecture Part 1 of 2
HTML Lecture Part 1 of 2HTML Lecture Part 1 of 2
HTML Lecture Part 1 of 2
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
Xhtml
XhtmlXhtml
Xhtml
 
HTML/CSS/java Script/Jquery
HTML/CSS/java Script/JqueryHTML/CSS/java Script/Jquery
HTML/CSS/java Script/Jquery
 

Similar to Html

introduction to HTML. How to learn HTML coding
introduction to HTML. How to learn HTML codingintroduction to HTML. How to learn HTML coding
introduction to HTML. How to learn HTML coding
meheraf045
 
introdution-to-html (1).ppt
introdution-to-html (1).pptintrodution-to-html (1).ppt
introdution-to-html (1).ppt
Marktero2
 
introdution-to-htmlppt.ppt
introdution-to-htmlppt.pptintrodution-to-htmlppt.ppt
introdution-to-htmlppt.ppt
navyar41
 
introduction-to-html hyper text markup .ppt
introduction-to-html hyper text markup  .pptintroduction-to-html hyper text markup  .ppt
introduction-to-html hyper text markup .ppt
ubaidullah75790
 
ppt.pptx
ppt.pptxppt.pptx
ppt.pptx
Anshkamra3
 
HTML
HTMLHTML
introdution-to-html.pptx
introdution-to-html.pptxintrodution-to-html.pptx
introdution-to-html.pptx
datapro2
 
Html
HtmlHtml
introdution-to-html_jayarao27_11_22.pptx
introdution-to-html_jayarao27_11_22.pptxintrodution-to-html_jayarao27_11_22.pptx
introdution-to-html_jayarao27_11_22.pptx
jayarao21
 
Intodcution to Html
Intodcution to HtmlIntodcution to Html
Intodcution to Html
Taha Malampatti
 
INTRODUCTION FOR HTML
INTRODUCTION  FOR HTML INTRODUCTION  FOR HTML
INTRODUCTION FOR HTML
Rahul Bathri
 
introdution-to-html.ppt
introdution-to-html.pptintrodution-to-html.ppt
introdution-to-html.ppt
SanthoshReddy841587
 
introdution-to-html.ppt
introdution-to-html.pptintrodution-to-html.ppt
introdution-to-html.ppt
Sri Latha
 
summary html.ppt
summary html.pptsummary html.ppt
summary html.ppt
ramansingh911318
 
introdution-to-html.ppt
introdution-to-html.pptintrodution-to-html.ppt
introdution-to-html.ppt
SameerPrajapati18
 
introduction to html.ppt
introduction to html.pptintroduction to html.ppt
introduction to html.ppt
VincentAcapen
 
HTML is a markup language used by the browser to manipulate text, images, and...
HTML is a markup language used by the browser to manipulate text, images, and...HTML is a markup language used by the browser to manipulate text, images, and...
HTML is a markup language used by the browser to manipulate text, images, and...
ssuser6478a8
 
introdution-to-html programming and dhtml
introdution-to-html programming and dhtmlintrodution-to-html programming and dhtml
introdution-to-html programming and dhtml
santhosh sriprada
 

Similar to Html (20)

introduction to HTML. How to learn HTML coding
introduction to HTML. How to learn HTML codingintroduction to HTML. How to learn HTML coding
introduction to HTML. How to learn HTML coding
 
introdution-to-html (1).ppt
introdution-to-html (1).pptintrodution-to-html (1).ppt
introdution-to-html (1).ppt
 
introdution-to-htmlppt.ppt
introdution-to-htmlppt.pptintrodution-to-htmlppt.ppt
introdution-to-htmlppt.ppt
 
introduction-to-html hyper text markup .ppt
introduction-to-html hyper text markup  .pptintroduction-to-html hyper text markup  .ppt
introduction-to-html hyper text markup .ppt
 
ppt.pptx
ppt.pptxppt.pptx
ppt.pptx
 
HTML
HTMLHTML
HTML
 
introdution-to-html.pptx
introdution-to-html.pptxintrodution-to-html.pptx
introdution-to-html.pptx
 
html tutorial
html tutorialhtml tutorial
html tutorial
 
Html
HtmlHtml
Html
 
introdution-to-html_jayarao27_11_22.pptx
introdution-to-html_jayarao27_11_22.pptxintrodution-to-html_jayarao27_11_22.pptx
introdution-to-html_jayarao27_11_22.pptx
 
Intodcution to Html
Intodcution to HtmlIntodcution to Html
Intodcution to Html
 
Html
HtmlHtml
Html
 
INTRODUCTION FOR HTML
INTRODUCTION  FOR HTML INTRODUCTION  FOR HTML
INTRODUCTION FOR HTML
 
introdution-to-html.ppt
introdution-to-html.pptintrodution-to-html.ppt
introdution-to-html.ppt
 
introdution-to-html.ppt
introdution-to-html.pptintrodution-to-html.ppt
introdution-to-html.ppt
 
summary html.ppt
summary html.pptsummary html.ppt
summary html.ppt
 
introdution-to-html.ppt
introdution-to-html.pptintrodution-to-html.ppt
introdution-to-html.ppt
 
introduction to html.ppt
introduction to html.pptintroduction to html.ppt
introduction to html.ppt
 
HTML is a markup language used by the browser to manipulate text, images, and...
HTML is a markup language used by the browser to manipulate text, images, and...HTML is a markup language used by the browser to manipulate text, images, and...
HTML is a markup language used by the browser to manipulate text, images, and...
 
introdution-to-html programming and dhtml
introdution-to-html programming and dhtmlintrodution-to-html programming and dhtml
introdution-to-html programming and dhtml
 

Recently uploaded

S1-Introduction-Biopesticides in ICM.pptx
S1-Introduction-Biopesticides in ICM.pptxS1-Introduction-Biopesticides in ICM.pptx
S1-Introduction-Biopesticides in ICM.pptx
tarandeep35
 
Best Digital Marketing Institute In NOIDA
Best Digital Marketing Institute In NOIDABest Digital Marketing Institute In NOIDA
Best Digital Marketing Institute In NOIDA
deeptiverma2406
 
2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...
Sandy Millin
 
Acetabularia Information For Class 9 .docx
Acetabularia Information For Class 9  .docxAcetabularia Information For Class 9  .docx
Acetabularia Information For Class 9 .docx
vaibhavrinwa19
 
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
EugeneSaldivar
 
Digital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental DesignDigital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental Design
amberjdewit93
 
Executive Directors Chat Leveraging AI for Diversity, Equity, and Inclusion
Executive Directors Chat  Leveraging AI for Diversity, Equity, and InclusionExecutive Directors Chat  Leveraging AI for Diversity, Equity, and Inclusion
Executive Directors Chat Leveraging AI for Diversity, Equity, and Inclusion
TechSoup
 
Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
EverAndrsGuerraGuerr
 
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdfANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
Priyankaranawat4
 
Top five deadliest dog breeds in America
Top five deadliest dog breeds in AmericaTop five deadliest dog breeds in America
Top five deadliest dog breeds in America
Bisnar Chase Personal Injury Attorneys
 
Assignment_4_ArianaBusciglio Marvel(1).docx
Assignment_4_ArianaBusciglio Marvel(1).docxAssignment_4_ArianaBusciglio Marvel(1).docx
Assignment_4_ArianaBusciglio Marvel(1).docx
ArianaBusciglio
 
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Thiyagu K
 
RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3
RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3
RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3
IreneSebastianRueco1
 
Lapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdfLapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdf
Jean Carlos Nunes Paixão
 
PCOS corelations and management through Ayurveda.
PCOS corelations and management through Ayurveda.PCOS corelations and management through Ayurveda.
PCOS corelations and management through Ayurveda.
Dr. Shivangi Singh Parihar
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
Thiyagu K
 
South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)
Academy of Science of South Africa
 
How to Add Chatter in the odoo 17 ERP Module
How to Add Chatter in the odoo 17 ERP ModuleHow to Add Chatter in the odoo 17 ERP Module
How to Add Chatter in the odoo 17 ERP Module
Celine George
 
MATATAG CURRICULUM: ASSESSING THE READINESS OF ELEM. PUBLIC SCHOOL TEACHERS I...
MATATAG CURRICULUM: ASSESSING THE READINESS OF ELEM. PUBLIC SCHOOL TEACHERS I...MATATAG CURRICULUM: ASSESSING THE READINESS OF ELEM. PUBLIC SCHOOL TEACHERS I...
MATATAG CURRICULUM: ASSESSING THE READINESS OF ELEM. PUBLIC SCHOOL TEACHERS I...
NelTorrente
 
Aficamten in HCM (SEQUOIA HCM TRIAL 2024)
Aficamten in HCM (SEQUOIA HCM TRIAL 2024)Aficamten in HCM (SEQUOIA HCM TRIAL 2024)
Aficamten in HCM (SEQUOIA HCM TRIAL 2024)
Ashish Kohli
 

Recently uploaded (20)

S1-Introduction-Biopesticides in ICM.pptx
S1-Introduction-Biopesticides in ICM.pptxS1-Introduction-Biopesticides in ICM.pptx
S1-Introduction-Biopesticides in ICM.pptx
 
Best Digital Marketing Institute In NOIDA
Best Digital Marketing Institute In NOIDABest Digital Marketing Institute In NOIDA
Best Digital Marketing Institute In NOIDA
 
2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...
 
Acetabularia Information For Class 9 .docx
Acetabularia Information For Class 9  .docxAcetabularia Information For Class 9  .docx
Acetabularia Information For Class 9 .docx
 
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
 
Digital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental DesignDigital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental Design
 
Executive Directors Chat Leveraging AI for Diversity, Equity, and Inclusion
Executive Directors Chat  Leveraging AI for Diversity, Equity, and InclusionExecutive Directors Chat  Leveraging AI for Diversity, Equity, and Inclusion
Executive Directors Chat Leveraging AI for Diversity, Equity, and Inclusion
 
Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
 
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdfANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
 
Top five deadliest dog breeds in America
Top five deadliest dog breeds in AmericaTop five deadliest dog breeds in America
Top five deadliest dog breeds in America
 
Assignment_4_ArianaBusciglio Marvel(1).docx
Assignment_4_ArianaBusciglio Marvel(1).docxAssignment_4_ArianaBusciglio Marvel(1).docx
Assignment_4_ArianaBusciglio Marvel(1).docx
 
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
 
RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3
RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3
RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3
 
Lapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdfLapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdf
 
PCOS corelations and management through Ayurveda.
PCOS corelations and management through Ayurveda.PCOS corelations and management through Ayurveda.
PCOS corelations and management through Ayurveda.
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
 
South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)
 
How to Add Chatter in the odoo 17 ERP Module
How to Add Chatter in the odoo 17 ERP ModuleHow to Add Chatter in the odoo 17 ERP Module
How to Add Chatter in the odoo 17 ERP Module
 
MATATAG CURRICULUM: ASSESSING THE READINESS OF ELEM. PUBLIC SCHOOL TEACHERS I...
MATATAG CURRICULUM: ASSESSING THE READINESS OF ELEM. PUBLIC SCHOOL TEACHERS I...MATATAG CURRICULUM: ASSESSING THE READINESS OF ELEM. PUBLIC SCHOOL TEACHERS I...
MATATAG CURRICULUM: ASSESSING THE READINESS OF ELEM. PUBLIC SCHOOL TEACHERS I...
 
Aficamten in HCM (SEQUOIA HCM TRIAL 2024)
Aficamten in HCM (SEQUOIA HCM TRIAL 2024)Aficamten in HCM (SEQUOIA HCM TRIAL 2024)
Aficamten in HCM (SEQUOIA HCM TRIAL 2024)
 

Html

  • 1.
  • 2.  HTML (Hypertext Markup Language) is used to create document on the World Wide Web.  HTML is not a programming language, it is a markup language  A markup language is a set of markup tags  It is not case sensitive language.
  • 3. v 1.0: early 90s HTML+: 1993 v 2.0 (RFC 1866, forms): 1995 v 3.0 (tables, frames): 1995, schism between Netscape and Microsoft v 3.2 (style sheets): adopted 1996 v 4: 1998, three versions proposed by W3C, but nothing really adopted yet XHTML: 1999, a marriage of XML and HTML V 5.0 : Under Construction
  • 4.  Operating system independent(Cross-platform compatibility )  Browser independent  The user controls the browser  The author controls organization
  • 5.  Tags are instruction that are embedded directly into the text of document.  Html Tags are signals to a browser that should do something other than just through text upon the screen.  All HTML tags begin with an open angle bracket (<) and end with close angle bracket (>).  HTML tags can be a two types :-  Paired Tag  Singular Tags
  • 6. <HTML> <HEAD> </HEAD> <BODY> </BODY> </HTML>
  • 7. The <HTML> tag encloses all other HTML tags and associated text within your document. It is an optional tag. You can create an HTML document that omits these tags, and your browser can still read it and display it. But it is always a good form to include the start and stop tags. The format is: <HTML> Your Title and Document (contains text with HTML tags) goes here </HTML>
  • 8. HEAD tag comes after the HTML start tag. It contains TITLE tag to give the document a title that displays on the browsers title bar at the top. The Format is: <HEAD> <TITLE> Your title goes here </TITLE> </HEAD>
  • 9. The BODY tag contains all the text and graphics of the document with all the HTML tags that are used for control and formatting of the page. The Format is: <BODY> Your Document goes here </BODY>
  • 10.  Attribute are used to say something about the element that carries them and always appear on the opening tag of the element that carries them. All attributes are made-up two parts a name and a value.  The name is the property of the element that you want to set.  The value is what you want the value of property to be.
  • 11. Syntax- <tagname attr_1= “value” attr_2= “value”> Content </tagname> Example <body bgcolor=“red” text=”blue”> Text…. </body>
  • 12.  Bgcolor  Background  Text  Bottommargin-  Topmargin-  Leftmargin-  Rightmargin-  Link-  Vlink-
  • 13.  Line break <br>  Paragraph <p>…</p> ◦ Attribute of paragraph tag  Align  Drawing line <hr> ◦ Attribute of <hr> tag  Align  Size (thickness)  Width (length)  Color
  • 14.  Headings <H1>,<H2>…<H6>  Bold <B>..</B>.  Italics <i>…</I>  Underline <U>…</U>  Subscript <SUB>…</SUB>  Superscript <SUP>..</SUP>  Delete <DEL>…</DEL>  Center <CENTER>…. </CENTER>  Blinking text <BLINK>..</BLINK>  Marquee <MARQUEE>… </MARQUEE>
  • 15.  Font <FONT>…</FONT> ◦ Attribute of FONT tag  Face  Size (1to 7 default is 3)  Color  Comment <!--message text-->
  • 16.  Space- &nbsp;  &- &amp;  >- &gt;  <- &lt;  ©- &copy  ®- &reg
  • 17.  <IMG> tag is used to insert image on web page , it support .gif,.png,.jpg image file. ◦ Attribute of <IMG> tag  Src  Width  Height  Border  Align  Hspace  Vspace  Alt
  • 18.  <bgsound> tag is used to embed the sound file in web page. ◦ Attribute of <bgsound>  Src  Loop (-1….)
  • 19.  Ordered list <ol>..</ol> ◦ Attribute of <ol> tag  Type (“1”,”i”, “I”, “a”, “A”)  Start (numeric)  Unordered list <ul>..</ul> ◦ Attribute of <ul> tag  type (“fillround”, “square”, “round”) ◦ List item <li>..</li>  Attribute of <li> tag  value
  • 20.  <a> ..</a> tag is used to make link in html document there are two types of link  Internal link  External Link ◦ Attribute of <a> tag  Href  Target  Name
  • 21.  Table <table></table>  Table row <tr></tr>  Table data <td></td>  Table header<th></th>  Caption <caption> ◦ Attribute of <caption> tag  Align: bottom, top
  • 22. ◦ Border ◦ Align ◦ Valign ◦ Width ◦ Height ◦ Cellpadding ◦ Cellspacing
  • 23.  Colspan  Rowspan  Bgcolor  Width  Height
  • 24.  <Form></form> tag is used to create form in HTML.  Forms are used for data gathering in webpage.  It provide the full range of GUI controls  It can automatically submit data collected in its control through a web Server
  • 25.  Name  Method ◦ Get ◦ Post  Action
  • 26.  Text – Text fields accept a single line of text entry. ◦ <Input Type=“Text” name=“t1” value=“”>  Password ◦ <Input type=“password” name=“pass” value=“”>  Button ◦ <Input type=“Button” name=“but” value=“Ok”>  Submit ◦ <Input type=“submit” name=“s1” value=“UPDATE”>
  • 27.  Checkbox ◦ <input type=“checkbox” name=“c1” value=“1” checked>  Radio Button ◦ <input type=“radio” name=“r1” value=“1”> ◦ (note) radio name are same for one group  TextArea ◦ <textarea name=“ta1”>….</textarea> ◦ Attribute of text area  Rows  cols
  • 28.  Selection List <select > <option> one</option> <option> one</option> <option> one</option> </option> ◦Attribute of select tag Size Name
  • 29.  Frameset: <frameset> …</frameset> ◦ It is used to dividing a webpage into sections ◦ Attribute of Frameset  Rows  Cols  Frame: <frame>…</frame> ◦ It is used for inserting page into specific section. ◦ Attribute of Frame  src  name
  • 30.  Noresize  Scrolling  Marginheight  Marginwidth  Frameborder  Border  noframe