SlideShare uma empresa Scribd logo
1 de 99
HTML Atul Kahate [email_address]
HTML History ,[object Object],[object Object],[object Object]
HTML Basics ,[object Object],[object Object],[object Object],[object Object],[object Object]
HTML Syntaxes
Sample HTML Page ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
How to view it? ,[object Object],[object Object]
HTML Tags ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Why lowercase tags? ,[object Object],[object Object]
Tag Attributes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Headings ,[object Object],[object Object],[object Object],[object Object]
Headings Example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Aligning Headings ,[object Object],[object Object],[object Object]
Paragraphs ,[object Object],[object Object]
Paragraphs Example ,[object Object],[object Object]
Line Breaks ,[object Object],[object Object],[object Object],[object Object]
Line Breaks Example ,[object Object]
Comments ,[object Object],[object Object],[object Object]
Comments Example ,[object Object]
General tips
General Tips – 1 ,[object Object],[object Object],[object Object],[object Object]
General Tips – 2 ,[object Object],[object Object],[object Object],[object Object],[object Object]
Character Entities – 1 ,[object Object],[object Object],[object Object]
Character Entities – 2 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Common Entities &#39; &apos; apostrophe  ' &#34; &quot; quotation mark &quot; &#38; &amp; ampersand & &#62; &gt; greater than > &#60; &lt; less than < &#160; &nbsp; non-breaking space   Entity Number Entity Name Description Result
Anchor Tag and Href Attribute ,[object Object],[object Object],[object Object]
Anchor Tag and Href Attribute ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML Tables
Tables Marks a heading cell within a row.  <th> Marks a cell (table data) within a row.  <td> Marks a row within a table.  <tr> Marks a table within an HTML document. <table> Use Tag
Table Exercise ,[object Object],Book Name Author Computer Networks Tanenbaum TCP/IP Comer TCP/IP Protocol Suite Forouzan
Solution – 1 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Solution – 2 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Solution – 3 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Solution – 4 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Exercises ,[object Object],[object Object]
Solutions ,[object Object],[object Object]
Table Example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],row 2, cell 2 row 2, cell 1 row 1, cell 2  row 1, cell 1
Table Headings ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Another Heading Heading row 2, cell 2 row 2, cell 1 row 1, cell 2  row 1, cell 1
Spanning Rows and Columns ,[object Object],[object Object],Publisher Book Name Author Computer Networks Tanenbaum Pearson TCP/IP Comer Modern Operating Systems Tanenbaum
HTML Syntax for Spanning Used in <td> or <th> tags, indicates how many columns the cell should span. For example, colspan=3 spans three columns. Colspan=n Used in <td> or <th> tags, indicates how many rows the cell should span. For example, rowspan=3 spans three rows. Rowspan=n Use Attribute
Exercise ,[object Object],Publisher Book Name Author Computer Networks Tanenbaum Pearson TCP/IP Comer Modern Operating Systems Tanenbaum
Solution – 1 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Solution – 2 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Solution – 3 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Exercise ,[object Object],Organization Project Completion % FCIB 90% i-flex GCB 50% ADCB 95%
Column Spanning ,[object Object],Book Descriptive information Type Name Price Classification C++ 100 Language Ref Java 200 Language Web Tech 250 Concepts
Solution – 1 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Solution – 2 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Solution – 3 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Table Colors, Alignment ,[object Object],[object Object]
Text Colors
Setting Text Colors ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML Lists
Lists ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Allowed “types” in Lists ,[object Object],[object Object],[object Object],[object Object]
Unordered List Example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Another Unordered List Example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ordered List Example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Another Ordered List Example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Nested List Example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Output of Nested List Example ,[object Object],[object Object],[object Object],[object Object],[object Object]
HTML Forms
Forms ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
<input> tag ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Input field tag and attributes Default selection when form is initially displayed or reloaded Selected Maximum input size for text fields Maxlength=“n” Sets visible size for text inputs Size=“n” Provide default values Value=“…” Processes form results Name=“…” Text, Password, Checkbox, Radio, File, Hidden, Image, Submit, Reset Type=“…” Sets an area in a form for user input <input> Use Tag/Attribute
Forms Example – Textboxes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Forms Example – Radio Buttons ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Forms Example – Checkboxes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Forms Example – Submit Buttons ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Submit
Forms Example – Dropdown Boxes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Exercise ,[object Object],[object Object],[object Object],[object Object],[object Object]
Solution ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Text areas ,[object Object],[object Object],[object Object],Number of visible rows Cols=“n” Number of visible rows Rows=“n” Name for the text area Name=“…” Area for multi-line user input <textarea> Use Tag/Attribute
Formatting Forms ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Images
Images ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Image Example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Sizing Images ,[object Object],[object Object],[object Object]
Adding Background Images ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Stylesheets
Formatting Nightmares ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Enter HTML 4.0 ,[object Object],[object Object],[object Object]
One css, Many html documents Corporate.css Document1.html Document2.html Document3.html Document4.html
Styles ,[object Object],[object Object],[object Object],[object Object],[object Object]
External Style Sheet ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
External Style Sheet Example: Using link ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
External Style Sheet Example: Using import ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internal Style Sheet ,[object Object],[object Object]
Internal Style Sheet Example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Inline Style Sheet ,[object Object],[object Object],[object Object]
Inline Style Sheet Example ,[object Object],[object Object],[object Object]
HTML Head ,[object Object],[object Object],[object Object],[object Object],[object Object]
HTML URLs ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML URL Examples ,[object Object],[object Object]
JavaScript: Introduction
HTML Scripts ,[object Object],[object Object],[object Object]
Script Example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Handling Old Browsers ,[object Object],[object Object],[object Object],[object Object],[object Object]
Handling Old Browsers – Code ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Thank you! Questions and Comments Welcome!

Mais conteúdo relacionado

Mais procurados (15)

Understanding THML
Understanding THMLUnderstanding THML
Understanding THML
 
Html ppt
Html pptHtml ppt
Html ppt
 
Html tag
Html tagHtml tag
Html tag
 
BasicHTML
BasicHTMLBasicHTML
BasicHTML
 
HTML Fundamentals
HTML FundamentalsHTML Fundamentals
HTML Fundamentals
 
Html
HtmlHtml
Html
 
Eye catching HTML BASICS tips: Learn easily
Eye catching HTML BASICS tips: Learn easilyEye catching HTML BASICS tips: Learn easily
Eye catching HTML BASICS tips: Learn easily
 
Html ppt
Html pptHtml ppt
Html ppt
 
Html1
Html1Html1
Html1
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Html intro
Html introHtml intro
Html intro
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Lecture1
Lecture1Lecture1
Lecture1
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
Html introduction
Html introductionHtml introduction
Html introduction
 

Destaque

Semantic Html
Semantic HtmlSemantic Html
Semantic Htmlrunekg
 
Building Semantic HTML tables
Building Semantic HTML tablesBuilding Semantic HTML tables
Building Semantic HTML tablesRay Villalobos
 
SEO: Getting Personal
SEO: Getting PersonalSEO: Getting Personal
SEO: Getting PersonalKirsty Hulse
 
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika AldabaLightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldabaux singapore
 

Destaque (10)

Semantic Html
Semantic HtmlSemantic Html
Semantic Html
 
Lesson 3
Lesson 3Lesson 3
Lesson 3
 
Spring.pdf
Spring.pdfSpring.pdf
Spring.pdf
 
Spring
SpringSpring
Spring
 
Fire your front end
Fire your front endFire your front end
Fire your front end
 
Building Semantic HTML tables
Building Semantic HTML tablesBuilding Semantic HTML tables
Building Semantic HTML tables
 
Presentation html
Presentation   htmlPresentation   html
Presentation html
 
SEO: Getting Personal
SEO: Getting PersonalSEO: Getting Personal
SEO: Getting Personal
 
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika AldabaLightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
 
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job? Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
 

Semelhante a AK html (20)

Learning HTML
Learning HTMLLearning HTML
Learning HTML
 
Html intro
Html introHtml intro
Html intro
 
Diva
DivaDiva
Diva
 
Cascading Style Sheets
Cascading Style SheetsCascading Style Sheets
Cascading Style Sheets
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Lect_html1
Lect_html1Lect_html1
Lect_html1
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html Presentation Of Web Page Making
Html Presentation Of Web Page MakingHtml Presentation Of Web Page Making
Html Presentation Of Web Page Making
 
Html
HtmlHtml
Html
 
Html part2
Html part2Html part2
Html part2
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Html
HtmlHtml
Html
 
Html basic
Html basicHtml basic
Html basic
 
HTML & CSS
HTML & CSSHTML & CSS
HTML & CSS
 
Html guide
Html guideHtml guide
Html guide
 
Html TAGS
Html TAGSHtml TAGS
Html TAGS
 
HTML
HTMLHTML
HTML
 
introduction to web technology
introduction to web technologyintroduction to web technology
introduction to web technology
 

Mais de gauravashq

5 xsl (formatting xml documents)
5   xsl (formatting xml documents)5   xsl (formatting xml documents)
5 xsl (formatting xml documents)gauravashq
 
4 xml namespaces and xml schema
4   xml namespaces and xml schema4   xml namespaces and xml schema
4 xml namespaces and xml schemagauravashq
 
3 xml namespaces and xml schema
3   xml namespaces and xml schema3   xml namespaces and xml schema
3 xml namespaces and xml schemagauravashq
 
2 dtd - validating xml documents
2   dtd - validating xml documents2   dtd - validating xml documents
2 dtd - validating xml documentsgauravashq
 
1 introduction to xml
1   introduction to xml1   introduction to xml
1 introduction to xmlgauravashq
 
1 electronic data interchange (edi)
1   electronic data interchange (edi)1   electronic data interchange (edi)
1 electronic data interchange (edi)gauravashq
 
AK 5 JSF 21 july 2008
AK 5 JSF   21 july 2008AK 5 JSF   21 july 2008
AK 5 JSF 21 july 2008gauravashq
 
AK 3 web services using apache axis
AK 3   web services using apache axisAK 3   web services using apache axis
AK 3 web services using apache axisgauravashq
 

Mais de gauravashq (16)

Spring
SpringSpring
Spring
 
Spring
SpringSpring
Spring
 
Ajax
AjaxAjax
Ajax
 
6 xml parsing
6   xml parsing6   xml parsing
6 xml parsing
 
5 xsl (formatting xml documents)
5   xsl (formatting xml documents)5   xsl (formatting xml documents)
5 xsl (formatting xml documents)
 
5 xml parsing
5   xml parsing5   xml parsing
5 xml parsing
 
4 xslt
4   xslt4   xslt
4 xslt
 
4 xml namespaces and xml schema
4   xml namespaces and xml schema4   xml namespaces and xml schema
4 xml namespaces and xml schema
 
3 xml namespaces and xml schema
3   xml namespaces and xml schema3   xml namespaces and xml schema
3 xml namespaces and xml schema
 
2 dtd - validating xml documents
2   dtd - validating xml documents2   dtd - validating xml documents
2 dtd - validating xml documents
 
1 introduction to xml
1   introduction to xml1   introduction to xml
1 introduction to xml
 
1 electronic data interchange (edi)
1   electronic data interchange (edi)1   electronic data interchange (edi)
1 electronic data interchange (edi)
 
AK 5 JSF 21 july 2008
AK 5 JSF   21 july 2008AK 5 JSF   21 july 2008
AK 5 JSF 21 july 2008
 
AK 4 JSF
AK 4 JSFAK 4 JSF
AK 4 JSF
 
AK 3 web services using apache axis
AK 3   web services using apache axisAK 3   web services using apache axis
AK 3 web services using apache axis
 
AK css
AK cssAK css
AK css
 

Último

How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSCeline George
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17Celine George
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentationcamerronhm
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxheathfieldcps1
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfNirmal Dwivedi
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxJisc
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...Amil baba
 
Plant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxPlant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxUmeshTimilsina1
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Pooja Bhuva
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxPooja Bhuva
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxannathomasp01
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxPooja Bhuva
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jisc
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxAreebaZafar22
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...ZurliaSoop
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfDr Vijay Vishwakarma
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...Poonam Aher Patil
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - Englishneillewis46
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Pooja Bhuva
 

Último (20)

How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
Plant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxPlant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptx
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 

AK html

  • 1. HTML Atul Kahate [email_address]
  • 2.
  • 3.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24. Common Entities &#39; &apos; apostrophe  ' &#34; &quot; quotation mark &quot; &#38; &amp; ampersand & &#62; &gt; greater than > &#60; &lt; less than < &#160; &nbsp; non-breaking space   Entity Number Entity Name Description Result
  • 25.
  • 26.
  • 28. Tables Marks a heading cell within a row. <th> Marks a cell (table data) within a row. <td> Marks a row within a table. <tr> Marks a table within an HTML document. <table> Use Tag
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39. HTML Syntax for Spanning Used in <td> or <th> tags, indicates how many columns the cell should span. For example, colspan=3 spans three columns. Colspan=n Used in <td> or <th> tags, indicates how many rows the cell should span. For example, rowspan=3 spans three rows. Rowspan=n Use Attribute
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 51.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 62.
  • 63.
  • 64. Input field tag and attributes Default selection when form is initially displayed or reloaded Selected Maximum input size for text fields Maxlength=“n” Sets visible size for text inputs Size=“n” Provide default values Value=“…” Processes form results Name=“…” Text, Password, Checkbox, Radio, File, Hidden, Image, Submit, Reset Type=“…” Sets an area in a form for user input <input> Use Tag/Attribute
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 75.
  • 76.
  • 77.
  • 78.
  • 80.
  • 81.
  • 82. One css, Many html documents Corporate.css Document1.html Document2.html Document3.html Document4.html
  • 83.
  • 84.
  • 85.
  • 86.
  • 87.
  • 88.
  • 89.
  • 90.
  • 91.
  • 92.
  • 93.
  • 95.
  • 96.
  • 97.
  • 98.
  • 99. Thank you! Questions and Comments Welcome!