SlideShare una empresa de Scribd logo
1 de 18
ShrishChandra Sharma
shrish_ravenshaw@yahoo.co.in
 We can also create tables in the web pages.
 Table can be created row by row.
 Syntax (Table):
 Here, codes for column will not be used.
 It is created through codes of rows which
includes codes for different cells.
<TABLE>……codes for row and cell……..</TABLE>
S.NO. ATTRIBUTES DESCRIPTION
1. BORDER=“…….” Width of the border.
2. CELLSPACING=“……” Space between cells.
3. CELLPADDING=“…….” Space between edges of cells and its
content.
4. WIDTH=“…….” Width of the table in pixels or a percentage
of page within.
5. ALIGN=“….” Alignment of content of cell.Values LEFT,
RIGHT,CENTRE.
6. VALIGN=“…..” Vertical alignment of content of cells.
7. BGCOLOR=“…..” Background color of the cells.
8. BACKGROUND=“image.gif” URL of image to tile in all cells in a row.
9. BORDERCOLOR=“……” Color of the border.
 Syntax:
 Attributes:
<TH>…..heading of table……</TH>
S.NO. ATTRIBUTES DESCRIPTION
1. ROWSPAN=“…..” Number of rows the cell will span.
2. COLSPAN=“….” Number of columns the cell will span.
3. ALIGN=“….” Alignment of content of cell.Values LEFT,
RIGHT,CENTRE.
4. VALIGN=“…..” Vertical alignment of content of cells.
5. BGCOLOR=“…..” Background color of the cells.
6. BACKGROUND=“image.gif
”
URL of image to tile in all cells in a row.
7. BORDERCOLOR=“……” Color of the border.
 Syntax:
 Attributes:
<TR>……codes for table cell………</TR>
S.NO. ATTRIBUTES DESCRIPTION
1. ALIGN=“….” Alignment of content of cell.Values LEFT,
RIGHT,CENTRE.
2. VALIGN=“…..” Vertical alignment of content of cells.
3. BGCOLOR=“…..” Background color of the cells.
4. BACKGROUND=“image.gif
”
URL of image to tile in all cells in a row.
5. BORDERCOLOR=“……” Color of the border.
 Syntax:
 Attributes:
<TD>……..text…..</TD>
S.NO. ATTRIBUTES DESCRIPTION
1. ROWSPAN=“…..” Number of rows the cell will span.
2. COLSPAN=“….” Number of columns the cell will span.
3. ALIGN=“….” Alignment of content of cell.Values LEFT,
RIGHT,CENTRE.
4. VALIGN=“…..” Vertical alignment of content of cells.
5. BGCOLOR=“…..” Background color of the cells.
6. BACKGROUND=“image.gif
”
URL of image to tile in all cells in a row.
7. BORDERCOLOR=“……” Color of the border.
 Example: Output:
<table>
<th>Table Heading</th>
<tr> <td>first</td>
<td>second</td>
</tr>
<tr> <td>cell 1</td>
<td>cell 2</td>
</tr>
<tr> <td>cell 3</td>
<td>cell 4</td>
</tr>
</table>
Table Heading
first second
cell 1 cell 2
cell 3 cell 4
 We can also create forms through HTML.
 Syntax:
 Attributes:
<FORMS>………..</FORMS>
S.NO. ATTRIBUTES DESCRIPTION
1. ACTION=“….” URL of script to run.
2. METHOD=“…..” How to send the form input to the server.
Values GET or POST
3. NAME=“……” Name by which subscripts can refers to the
forms.
 It is used to add the features in the form.
 Syntax:
 BasicAttribute:
 Values for Basic Attribute:
<INPUT>
<INPUTTYPE=“……..”>
1. CHECKBOX A B C
2. RADIO Male Female
3. RESET
4. TEXT
5. SUBMIT
RESET
SUBMITText to write
S.NO. ATTRIBUTES DESCRIPTION
1. NAME=“……..” Names passed to CGL script as part of
name/Value pair.
2. SRC=“……” URL of image file.
3. VALUE=“……” Value passed to CGI script as part of name/Value
pair.
4. SIZE=“…..” Size of text box, in characters.
5. ALIGN=“…..” For images in forms, save as with <IMG> tag.
6. MAXLENGTH=“…..” Maximum number of characters that can be
entered to text box.
7. CHECKED=“……” Sets check box or video button.
 It is a multiline text entry base.
 Default text can be included.
 Syntax: Explanation:
 Attributes:
<TEXTAREA> </TEXTAREA>
S.NO. ATTRIBUTES DESCRIPTION
1. NAME=“….” Names passed to CGL script as part of
name/Value pair.
2. ROWS=“…….” Number of rows of text to display.
3. COLS=“…….” Number of columns of text to display.
4. WRAP=“…..” At right side of text area ,wrap to next line.
Text area to write
 It shows the menu or scrolling list of section.
 Syntax:
 Attribute:
<SELECT> option tag code </SELECT>
S.NO. ATTRIBUTES DESCRIPTION
1. NAME=“….” Names passed to CGL script as part of
name/Value pair.
2. SIZE=“…..” Number of elements in a scrolling list, if
no size is given the section is a pop menu.
3. MULTIPLE Allows multiple section.
 It is used with <SELECT> tag.
 Syntax: Explanation:
 Attribute:
<OPTION>…text..</OPTION>
VALUE=“……”
The value to submit of this
<OPTION> tag is selected.
SELECTED the option will be
selected by default.
MUSLIM
SIKH
CHRISTAN
JAIN
OTHERS
HINDU
 It is used to divide the web pages into parts.
 It will be used in <HEAD> tag.
 Syntax:
 Attributes:
<FRAMSET> ….code for frame ….</FRAMESET>
S.NO. ATTRIBUTES DESCRIPTION
1. ROWS=“……..” Width of frame in number of rows or
percentage of windows width.
2. COLS=“……..” Height of frame in number of columns or
percentage of windows height.
3. “…,….,…*” indicates frame should take up the
remaining space.
 This tag will be used within <FRAMSET> tag.
 Syntax:
 Attributes:
<FRAME> </FRAME>
S.NO. ATTRIBUTES DESCRIPTION
1. SRC=“…..” URL of a document.
2. NAME=“….” Name used to target attribute in <HREF> links.
3. SCROLLING=“….” Values=YES, NO, AUTO
4. NORESIZE Prevents user from resizing the frame.
5. FRAMEBORDER=“…” Whether to display frame border.YES or NO
6. FRAMESPACING=“…” Spacing between frames.
HTML Series Vol 3 by S C Sharma
HTML Series Vol 3 by S C Sharma

Más contenido relacionado

Similar a HTML Series Vol 3 by S C Sharma

Similar a HTML Series Vol 3 by S C Sharma (20)

Abeer elshahat
Abeer elshahatAbeer elshahat
Abeer elshahat
 
Module 3
Module 3Module 3
Module 3
 
Mysql Optimization
Mysql OptimizationMysql Optimization
Mysql Optimization
 
HTML TABLES
HTML TABLESHTML TABLES
HTML TABLES
 
Html ref guide
Html ref guideHtml ref guide
Html ref guide
 
Std 10 Computer Chapter 4 List and Table Handling in HTML (Part 2 Table in HTML)
Std 10 Computer Chapter 4 List and Table Handling in HTML (Part 2 Table in HTML)Std 10 Computer Chapter 4 List and Table Handling in HTML (Part 2 Table in HTML)
Std 10 Computer Chapter 4 List and Table Handling in HTML (Part 2 Table in HTML)
 
HTML: Tables and Forms
HTML: Tables and FormsHTML: Tables and Forms
HTML: Tables and Forms
 
Computer skills for web designing and video editing_Lab Manual.pdf
Computer skills for web designing and video editing_Lab Manual.pdfComputer skills for web designing and video editing_Lab Manual.pdf
Computer skills for web designing and video editing_Lab Manual.pdf
 
Dreamweaver Ch05
Dreamweaver Ch05Dreamweaver Ch05
Dreamweaver Ch05
 
Web app development_html_02
Web app development_html_02Web app development_html_02
Web app development_html_02
 
CSS - LinkedIn
CSS - LinkedInCSS - LinkedIn
CSS - LinkedIn
 
HTML Tables
HTML TablesHTML Tables
HTML Tables
 
Css tables
Css tablesCss tables
Css tables
 
ADBMS Unit-II c
ADBMS Unit-II cADBMS Unit-II c
ADBMS Unit-II c
 
Chapter 4 class presentation
Chapter 4 class presentationChapter 4 class presentation
Chapter 4 class presentation
 
Chapter 4 class presentation
Chapter 4 class presentationChapter 4 class presentation
Chapter 4 class presentation
 
Working With Tables in HTML
Working With Tables in HTMLWorking With Tables in HTML
Working With Tables in HTML
 
HTML 5 Tables and Forms
HTML 5 Tables and FormsHTML 5 Tables and Forms
HTML 5 Tables and Forms
 
M02 un09 p02
M02 un09 p02M02 un09 p02
M02 un09 p02
 
Chapter7 web application
Chapter7 web applicationChapter7 web application
Chapter7 web application
 

Último

How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdfssuser54595a
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 

Último (20)

How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 

HTML Series Vol 3 by S C Sharma

  • 1.
  • 3.  We can also create tables in the web pages.  Table can be created row by row.  Syntax (Table):  Here, codes for column will not be used.  It is created through codes of rows which includes codes for different cells. <TABLE>……codes for row and cell……..</TABLE>
  • 4. S.NO. ATTRIBUTES DESCRIPTION 1. BORDER=“…….” Width of the border. 2. CELLSPACING=“……” Space between cells. 3. CELLPADDING=“…….” Space between edges of cells and its content. 4. WIDTH=“…….” Width of the table in pixels or a percentage of page within. 5. ALIGN=“….” Alignment of content of cell.Values LEFT, RIGHT,CENTRE. 6. VALIGN=“…..” Vertical alignment of content of cells. 7. BGCOLOR=“…..” Background color of the cells. 8. BACKGROUND=“image.gif” URL of image to tile in all cells in a row. 9. BORDERCOLOR=“……” Color of the border.
  • 5.  Syntax:  Attributes: <TH>…..heading of table……</TH> S.NO. ATTRIBUTES DESCRIPTION 1. ROWSPAN=“…..” Number of rows the cell will span. 2. COLSPAN=“….” Number of columns the cell will span. 3. ALIGN=“….” Alignment of content of cell.Values LEFT, RIGHT,CENTRE. 4. VALIGN=“…..” Vertical alignment of content of cells. 5. BGCOLOR=“…..” Background color of the cells. 6. BACKGROUND=“image.gif ” URL of image to tile in all cells in a row. 7. BORDERCOLOR=“……” Color of the border.
  • 6.  Syntax:  Attributes: <TR>……codes for table cell………</TR> S.NO. ATTRIBUTES DESCRIPTION 1. ALIGN=“….” Alignment of content of cell.Values LEFT, RIGHT,CENTRE. 2. VALIGN=“…..” Vertical alignment of content of cells. 3. BGCOLOR=“…..” Background color of the cells. 4. BACKGROUND=“image.gif ” URL of image to tile in all cells in a row. 5. BORDERCOLOR=“……” Color of the border.
  • 7.  Syntax:  Attributes: <TD>……..text…..</TD> S.NO. ATTRIBUTES DESCRIPTION 1. ROWSPAN=“…..” Number of rows the cell will span. 2. COLSPAN=“….” Number of columns the cell will span. 3. ALIGN=“….” Alignment of content of cell.Values LEFT, RIGHT,CENTRE. 4. VALIGN=“…..” Vertical alignment of content of cells. 5. BGCOLOR=“…..” Background color of the cells. 6. BACKGROUND=“image.gif ” URL of image to tile in all cells in a row. 7. BORDERCOLOR=“……” Color of the border.
  • 8.  Example: Output: <table> <th>Table Heading</th> <tr> <td>first</td> <td>second</td> </tr> <tr> <td>cell 1</td> <td>cell 2</td> </tr> <tr> <td>cell 3</td> <td>cell 4</td> </tr> </table> Table Heading first second cell 1 cell 2 cell 3 cell 4
  • 9.  We can also create forms through HTML.  Syntax:  Attributes: <FORMS>………..</FORMS> S.NO. ATTRIBUTES DESCRIPTION 1. ACTION=“….” URL of script to run. 2. METHOD=“…..” How to send the form input to the server. Values GET or POST 3. NAME=“……” Name by which subscripts can refers to the forms.
  • 10.  It is used to add the features in the form.  Syntax:  BasicAttribute:  Values for Basic Attribute: <INPUT> <INPUTTYPE=“……..”> 1. CHECKBOX A B C 2. RADIO Male Female 3. RESET 4. TEXT 5. SUBMIT RESET SUBMITText to write
  • 11. S.NO. ATTRIBUTES DESCRIPTION 1. NAME=“……..” Names passed to CGL script as part of name/Value pair. 2. SRC=“……” URL of image file. 3. VALUE=“……” Value passed to CGI script as part of name/Value pair. 4. SIZE=“…..” Size of text box, in characters. 5. ALIGN=“…..” For images in forms, save as with <IMG> tag. 6. MAXLENGTH=“…..” Maximum number of characters that can be entered to text box. 7. CHECKED=“……” Sets check box or video button.
  • 12.  It is a multiline text entry base.  Default text can be included.  Syntax: Explanation:  Attributes: <TEXTAREA> </TEXTAREA> S.NO. ATTRIBUTES DESCRIPTION 1. NAME=“….” Names passed to CGL script as part of name/Value pair. 2. ROWS=“…….” Number of rows of text to display. 3. COLS=“…….” Number of columns of text to display. 4. WRAP=“…..” At right side of text area ,wrap to next line. Text area to write
  • 13.  It shows the menu or scrolling list of section.  Syntax:  Attribute: <SELECT> option tag code </SELECT> S.NO. ATTRIBUTES DESCRIPTION 1. NAME=“….” Names passed to CGL script as part of name/Value pair. 2. SIZE=“…..” Number of elements in a scrolling list, if no size is given the section is a pop menu. 3. MULTIPLE Allows multiple section.
  • 14.  It is used with <SELECT> tag.  Syntax: Explanation:  Attribute: <OPTION>…text..</OPTION> VALUE=“……” The value to submit of this <OPTION> tag is selected. SELECTED the option will be selected by default. MUSLIM SIKH CHRISTAN JAIN OTHERS HINDU
  • 15.  It is used to divide the web pages into parts.  It will be used in <HEAD> tag.  Syntax:  Attributes: <FRAMSET> ….code for frame ….</FRAMESET> S.NO. ATTRIBUTES DESCRIPTION 1. ROWS=“……..” Width of frame in number of rows or percentage of windows width. 2. COLS=“……..” Height of frame in number of columns or percentage of windows height. 3. “…,….,…*” indicates frame should take up the remaining space.
  • 16.  This tag will be used within <FRAMSET> tag.  Syntax:  Attributes: <FRAME> </FRAME> S.NO. ATTRIBUTES DESCRIPTION 1. SRC=“…..” URL of a document. 2. NAME=“….” Name used to target attribute in <HREF> links. 3. SCROLLING=“….” Values=YES, NO, AUTO 4. NORESIZE Prevents user from resizing the frame. 5. FRAMEBORDER=“…” Whether to display frame border.YES or NO 6. FRAMESPACING=“…” Spacing between frames.