SlideShare ist ein Scribd-Unternehmen logo

4.1 advanced tables

•Als PPT, PDF herunterladen•
•
B
Bulldogs83

XHTML allows tables to span columns and rows to create more complex layouts. Spanning columns uses the colspan attribute to make a cell stretch across multiple columns. Spanning rows uses the rowspan attribute to make a cell stretch across multiple rows. This allows non-uniform grids to group or split cells across rows and columns.

BildungUnterhaltung & HumorTechnologie
1 von 4
Advanced Tables
Spanning Columns and Rows: So far, our tables have been relatively simple, with a uniform grid of rows and columns: XHTML allows us to create more complex table elements by spanning specified rows or columns:
Spanning Columns: ,[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],By adding the colspan=&quot;3&quot; to the <td> element, we are telling the browser that we want to stretch a single table cell across the space of three columns. R3C2 R2C2 R3C3 R3C1 R2C3 R2C1 Span 3 Columns
Spanning Rows: ,[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],The rowspan=&quot;3&quot; in the <td> element accomplishes the same thing, but stretches a cell across multiple rows instead. R1C3 R1C2 Span 3 Rows R3C2 R2C2 R3C3 R2C3

Empfohlen

Proportional
ProportionalProportional
Proportional
BentonGeometry
 
Different types of_triangles
Different types of_trianglesDifferent types of_triangles
Different types of_triangles
Worserbay
 
3 1 Parallel Lines And Planes Filled Out
3 1 Parallel Lines And Planes Filled Out3 1 Parallel Lines And Planes Filled Out
3 1 Parallel Lines And Planes Filled Out
Mr. Hohman
 
Geo 4.2 3-notes_cong_triangles
Geo 4.2 3-notes_cong_trianglesGeo 4.2 3-notes_cong_triangles
Geo 4.2 3-notes_cong_triangles
Jonathan Fjelstrom
 
Como sair das dividas de uma vez por todas
Como sair das dividas de uma vez por todasComo sair das dividas de uma vez por todas
Como sair das dividas de uma vez por todas
RafaelPSilva
 
Presentation 10
Presentation 10Presentation 10
Presentation 10
rfvbgt111
 
Questionaire all-students-2011
Questionaire all-students-2011Questionaire all-students-2011
Questionaire all-students-2011
Mihajlo Gajic
 
Fashion than and_now
Fashion than and_nowFashion than and_now
Fashion than and_now
Eva Vovka
 

Empfohlen

Proportional
ProportionalProportional
Proportional
BentonGeometry
 
Different types of_triangles
Different types of_trianglesDifferent types of_triangles
Different types of_triangles
Worserbay
 
3 1 Parallel Lines And Planes Filled Out
3 1 Parallel Lines And Planes Filled Out3 1 Parallel Lines And Planes Filled Out
3 1 Parallel Lines And Planes Filled Out
Mr. Hohman
 
Geo 4.2 3-notes_cong_triangles
Geo 4.2 3-notes_cong_trianglesGeo 4.2 3-notes_cong_triangles
Geo 4.2 3-notes_cong_triangles
Jonathan Fjelstrom
 
Como sair das dividas de uma vez por todas
Como sair das dividas de uma vez por todasComo sair das dividas de uma vez por todas
Como sair das dividas de uma vez por todas
RafaelPSilva
 
Presentation 10
Presentation 10Presentation 10
Presentation 10
rfvbgt111
 
Questionaire all-students-2011
Questionaire all-students-2011Questionaire all-students-2011
Questionaire all-students-2011
Mihajlo Gajic
 
Fashion than and_now
Fashion than and_nowFashion than and_now
Fashion than and_now
Eva Vovka
 
Marathon Oil Corp. Industry Profile
Marathon Oil Corp. Industry ProfileMarathon Oil Corp. Industry Profile
Marathon Oil Corp. Industry Profile
LIS7205
 
Resume
ResumeResume
Resume
Muhammad Irfan Khan
 
Power e
Power ePower e
Power e
galasol999
 
Practical applications of theory for strategic planning
Practical applications of theory for strategic planningPractical applications of theory for strategic planning
Practical applications of theory for strategic planning
Bota Baisugurova
 
Beskonacnost
BeskonacnostBeskonacnost
Beskonacnost
Mihajlo Gajic
 
American Campaign to supress Islam
American Campaign to supress IslamAmerican Campaign to supress Islam
American Campaign to supress Islam
Abu Talha
 
Fstpt 15-solo-english
Fstpt 15-solo-englishFstpt 15-solo-english
Fstpt 15-solo-english
a_agung_kartika
 
Power u
Power uPower u
Power u
galasol999
 
Power a
Power aPower a
Power a
galasol999
 
The reed flute cave
The reed flute caveThe reed flute cave
The reed flute cave
Eva Vovka
 
Osnove windows-a
Osnove windows-aOsnove windows-a
Osnove windows-a
Mihajlo Gajic
 
Culture Of Pakistan
Culture Of PakistanCulture Of Pakistan
Culture Of Pakistan
Federal Urdu University Of Arts Science & Techonology
 
Global warming, presentatation made by Lāsma Akote
Global warming, presentatation made by Lāsma AkoteGlobal warming, presentatation made by Lāsma Akote
Global warming, presentatation made by Lāsma Akote
Eva Vovka
 
Company profile Batikbumi.com
Company profile Batikbumi.comCompany profile Batikbumi.com
Company profile Batikbumi.com
Wahyu Prabowo
 
Java ders2
Java ders2Java ders2
Java ders2
Murad İmanbayli
 
Ultimate frisbee
Ultimate frisbeeUltimate frisbee
Ultimate frisbee
Mihajlo Gajic
 
Kamal b'day
Kamal b'dayKamal b'day
Kamal b'day
Shikha Thagele
 
4.2 css classes
4.2 css classes4.2 css classes
4.2 css classes
Bulldogs83
 
Photo album
Photo albumPhoto album
Photo album
Mihajlo Gajic
 
Another world (2)- Aļona
Another world (2)- AļonaAnother world (2)- Aļona
Another world (2)- Aļona
Eva Vovka
 
3.1 xhtml tables
3.1 xhtml tables3.1 xhtml tables
3.1 xhtml tables
Bulldogs83
 
Tables and Forms in HTML
Tables and Forms in HTMLTables and Forms in HTML
Tables and Forms in HTML
Doncho Minkov
 

Weitere ähnliche Inhalte

Andere mochten auch

American Campaign to supress Islam
American Campaign to supress IslamAmerican Campaign to supress Islam
American Campaign to supress Islam
Abu Talha
 
The reed flute cave
The reed flute caveThe reed flute cave
The reed flute cave
Eva Vovka
 
4.2 css classes
4.2 css classes4.2 css classes
4.2 css classes
Bulldogs83
 

Andere mochten auch (20)

Marathon Oil Corp. Industry Profile
Marathon Oil Corp. Industry ProfileMarathon Oil Corp. Industry Profile
Marathon Oil Corp. Industry Profile
 
Resume
ResumeResume
Resume
 
Power e
Power ePower e
Power e
 
Practical applications of theory for strategic planning
Practical applications of theory for strategic planningPractical applications of theory for strategic planning
Practical applications of theory for strategic planning
 
Beskonacnost
BeskonacnostBeskonacnost
Beskonacnost
 
American Campaign to supress Islam
American Campaign to supress IslamAmerican Campaign to supress Islam
American Campaign to supress Islam
 
Fstpt 15-solo-english
Fstpt 15-solo-englishFstpt 15-solo-english
Fstpt 15-solo-english
 
Power u
Power uPower u
Power u
 
Power a
Power aPower a
Power a
 
The reed flute cave
The reed flute caveThe reed flute cave
The reed flute cave
 
Osnove windows-a
Osnove windows-aOsnove windows-a
Osnove windows-a
 
Culture Of Pakistan
Culture Of PakistanCulture Of Pakistan
Culture Of Pakistan
 
Global warming, presentatation made by Lāsma Akote
Global warming, presentatation made by Lāsma AkoteGlobal warming, presentatation made by Lāsma Akote
Global warming, presentatation made by Lāsma Akote
 
Company profile Batikbumi.com
Company profile Batikbumi.comCompany profile Batikbumi.com
Company profile Batikbumi.com
 
Java ders2
Java ders2Java ders2
Java ders2
 
Ultimate frisbee
Ultimate frisbeeUltimate frisbee
Ultimate frisbee
 
Kamal b'day
Kamal b'dayKamal b'day
Kamal b'day
 
4.2 css classes
4.2 css classes4.2 css classes
4.2 css classes
 
Photo album
Photo albumPhoto album
Photo album
 
Another world (2)- Aļona
Another world (2)- AļonaAnother world (2)- Aļona
Another world (2)- Aļona
 

Ähnlich wie 4.1 advanced tables

3.1 xhtml tables
3.1 xhtml tables3.1 xhtml tables
3.1 xhtml tables
Bulldogs83
 
Tables and Forms in HTML
Tables and Forms in HTMLTables and Forms in HTML
Tables and Forms in HTML
Doncho Minkov
 
Working with html tables
Working with html tablesWorking with html tables
Working with html tables
Andz Bass
 
4.3 table styling
4.3 table styling4.3 table styling
4.3 table styling
Bulldogs83
 
1 06-more html-elements
1 06-more html-elements1 06-more html-elements
1 06-more html-elements
apnwebdev
 
1-06: More HTML Elements
1-06: More HTML Elements1-06: More HTML Elements
1-06: More HTML Elements
apnwebdev
 
XML processing with perl
XML processing with perlXML processing with perl
XML processing with perl
Joe Jiang
 

Ähnlich wie 4.1 advanced tables (20)

3.1 xhtml tables
3.1 xhtml tables3.1 xhtml tables
3.1 xhtml tables
 
Tables and Forms in HTML
Tables and Forms in HTMLTables and Forms in HTML
Tables and Forms in HTML
 
Tables
TablesTables
Tables
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
Tables overview 2010
Tables overview 2010Tables overview 2010
Tables overview 2010
 
3 xml namespaces and xml schema
3 xml namespaces and xml schema3 xml namespaces and xml schema
3 xml namespaces and xml schema
 
Working with html tables
Working with html tablesWorking with html tables
Working with html tables
 
Working with tables
Working with tablesWorking with tables
Working with tables
 
4.3 table styling
4.3 table styling4.3 table styling
4.3 table styling
 
AK html
AK htmlAK html
AK html
 
Table structure introduction
Table structure introductionTable structure introduction
Table structure introduction
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Html tables
Html tablesHtml tables
Html tables
 
Xml Schema
Xml SchemaXml Schema
Xml Schema
 
1 06-more html-elements
1 06-more html-elements1 06-more html-elements
1 06-more html-elements
 
1-06: More HTML Elements
1-06: More HTML Elements1-06: More HTML Elements
1-06: More HTML Elements
 
Html intro
Html introHtml intro
Html intro
 
Html intro
Html introHtml intro
Html intro
 
Handout5 tables
Handout5 tablesHandout5 tables
Handout5 tables
 
XML processing with perl
XML processing with perlXML processing with perl
XML processing with perl
 

Mehr von Bulldogs83

7.2 external style sheets
7.2 external style sheets7.2 external style sheets
7.2 external style sheets
Bulldogs83
 
7.1 xhtml validation
7.1 xhtml validation7.1 xhtml validation
7.1 xhtml validation
Bulldogs83
 
6.2 css link styling
6.2 css link styling6.2 css link styling
6.2 css link styling
Bulldogs83
 
6.1 special characters
6.1 special characters6.1 special characters
6.1 special characters
Bulldogs83
 
5.2 nesting and floating elements
5.2 nesting and floating elements5.2 nesting and floating elements
5.2 nesting and floating elements
Bulldogs83
 
5.1 css box model
5.1 css box model5.1 css box model
5.1 css box model
Bulldogs83
 
3.2 introduction to css
3.2 introduction to css3.2 introduction to css
3.2 introduction to css
Bulldogs83
 
3.2 introduction to css
3.2 introduction to css3.2 introduction to css
3.2 introduction to css
Bulldogs83
 
2.1 adding images
2.1 adding images2.1 adding images
2.1 adding images
Bulldogs83
 
1.4 adding comments copy (2)
1.4 adding comments copy (2)1.4 adding comments copy (2)
1.4 adding comments copy (2)
Bulldogs83
 
1.4 adding comments copy (2)
1.4 adding comments copy (2)1.4 adding comments copy (2)
1.4 adding comments copy (2)
Bulldogs83
 
1.3 creating links
1.3 creating links1.3 creating links
1.3 creating links
Bulldogs83
 
1.3 creating links
1.3 creating links1.3 creating links
1.3 creating links
Bulldogs83
 
1.2 elements and attributes copy (3)
1.2 elements and attributes copy (3)1.2 elements and attributes copy (3)
1.2 elements and attributes copy (3)
Bulldogs83
 
1.2 elements and attributes copy (3)
1.2 elements and attributes copy (3)1.2 elements and attributes copy (3)
1.2 elements and attributes copy (3)
Bulldogs83
 
1.1 xhtml basics
1.1 xhtml basics1.1 xhtml basics
1.1 xhtml basics
Bulldogs83
 

Mehr von Bulldogs83 (16)

7.2 external style sheets
7.2 external style sheets7.2 external style sheets
7.2 external style sheets
 
7.1 xhtml validation
7.1 xhtml validation7.1 xhtml validation
7.1 xhtml validation
 
6.2 css link styling
6.2 css link styling6.2 css link styling
6.2 css link styling
 
6.1 special characters
6.1 special characters6.1 special characters
6.1 special characters
 
5.2 nesting and floating elements
5.2 nesting and floating elements5.2 nesting and floating elements
5.2 nesting and floating elements
 
5.1 css box model
5.1 css box model5.1 css box model
5.1 css box model
 
3.2 introduction to css
3.2 introduction to css3.2 introduction to css
3.2 introduction to css
 
3.2 introduction to css
3.2 introduction to css3.2 introduction to css
3.2 introduction to css
 
2.1 adding images
2.1 adding images2.1 adding images
2.1 adding images
 
1.4 adding comments copy (2)
1.4 adding comments copy (2)1.4 adding comments copy (2)
1.4 adding comments copy (2)
 
1.4 adding comments copy (2)
1.4 adding comments copy (2)1.4 adding comments copy (2)
1.4 adding comments copy (2)
 
1.3 creating links
1.3 creating links1.3 creating links
1.3 creating links
 
1.3 creating links
1.3 creating links1.3 creating links
1.3 creating links
 
1.2 elements and attributes copy (3)
1.2 elements and attributes copy (3)1.2 elements and attributes copy (3)
1.2 elements and attributes copy (3)
 
1.2 elements and attributes copy (3)
1.2 elements and attributes copy (3)1.2 elements and attributes copy (3)
1.2 elements and attributes copy (3)
 
1.1 xhtml basics
1.1 xhtml basics1.1 xhtml basics
1.1 xhtml basics
 

Kürzlich hochgeladen

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
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 
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
heathfieldcps1
 

Kürzlich hochgeladen (20)

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
 
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...
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
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...
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
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
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
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
 
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
 
Understanding Accommodations and Modifications
Understanding Accommodations and ModificationsUnderstanding Accommodations and Modifications
Understanding Accommodations and Modifications
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 

4.1 advanced tables

  • 2. Spanning Columns and Rows: So far, our tables have been relatively simple, with a uniform grid of rows and columns: XHTML allows us to create more complex table elements by spanning specified rows or columns:
  • 3.
  • 4.