SlideShare ist ein Scribd-Unternehmen logo
1 von 18
This is a basic layout of the most commonly used HTML tags
and what they mean or do. Be sure to use lower case letters
because some browsers can be case sensitive when
reading HTML.
When working with HTML it is important to remember to
use opening and closing brackets ( < > </> ) where
applicable. You must also remember to make sure and
include the quotation marks when enclosing items such
as color, size, numbers, etc example ( <bgcolor="#00000"> )
otherwise the effect will not work.
Color is most always expressed with the # sign first followed
by the five digit color code for a specific color. When you
look at the following list if you see a number sign enclosed
in quotations "#" or if a question mark enclosed in quotations
"?" it means you must provide a specific value in order to
obtain the effect you desire. This also holds true for
the url link "url" this means you must provide a url address
in order to link to that page or content.
This is just a basic explination for those interested in
learning HTML. You do not need expensive html editors
or software to make basic web pages, but if you want
a more professional looking job it would be advisable
to purchase software that can help you with more
detailed tags and make your life easier if you are just
starting out. You can write html code in on notepad
then save as a html document and view it with
your browser.
Hope you find this helpful and enjoy learning
HTML!
Title Tag Description
------------------------------------------------------------------------------------------------
BASIC ELEMENTS
------------------------------------------------------------------------------------------------
Document <html> </html< Document root element
type beginning and end of file
------------------------------------------------------------------------------------------------
Title <title> </title> Document title, must in
header.
------------------------------------------------------------------------------------------------
Header <head> </head> Descriptive info, such as
title.
------------------------------------------------------------------------------------------------
Body <body> </body> Bulk of the page, body of
document.
------------------------------------------------------------------------------------------------
FORMATTING
------------------------------------------------------------------------------------------------
Bold <b> </b> Bold text style.
------------------------------------------------------------------------------------------------
Italic <i> </i> Italic text style.
------------------------------------------------------------------------------------------------
Underline <u> </u> Underlines text.
------------------------------------------------------------------------------------------------
Strikeout <strike> </strike> Strikes through text.
------------------------------------------------------------------------------------------------
Strikeout <s> </s> Strikes through text.
------------------------------------------------------------------------------------------------
Subscript <sub> </sub> Subscript numbers like
footnotes.
------------------------------------------------------------------------------------------------
Superscript <sup> </sup> Superscript numbers like
cross reference numbers.
-------------------------------------------------------------------------------------------------
Typewriter <tt> </tt> Teletype or mono spaced.
-------------------------------------------------------------------------------------------------
Pre formatted <pre> </pre> Display text spacing as is.
-------------------------------------------------------------------------------------------------
Width <pre width="#"> Width in characters.
-------------------------------------------------------------------------------------------------
Center <center> </center> Centers text and images.
-------------------------------------------------------------------------------------------------
Blinking <blink> </blink> Blinking text (netscape
only).
-------------------------------------------------------------------------------------------------
Font size <font size="?"> </font> Local font size.
( range 1 - 7 )
--------------------------------------------------------------------------------------------------
Change font <font size="+1-?"> </font> Controls font size
size rendered.
--------------------------------------------------------------------------------------------------
Font color <font color="#?????" </font> Controls font color.
--------------------------------------------------------------------------------------------------
Select font <font face="???> </font> Style of text, such as-
Times New Roman.
--------------------------------------------------------------------------------------------------
Point size <font point size="?"> </font> Size of text.
--------------------------------------------------------------------------------------------------
Weight <font weight="?"> </font> Thickness of text.
--------------------------------------------------------------------------------------------------
Base font <basefont size="?"> </font> Size of font 1 - 7.
size
---------------------------------------------------------------------------------------------------
LINKING
---------------------------------------------------------------------------------------------------
Link <a href="url"> </a> Links text or graphics
something to another url.
---------------------------------------------------------------------------------------------------
Link to <a href="url#???"> </a> Links text or graphics
location to an anchor in another
document.
----------------------------------------------------------------------------------------------------
Link to <a href="url#???> </a> Links text or graphics
location in to an anchor in current
current page document.
----------------------------------------------------------------------------------------------------
Target <a href="url" target="?"> </a> Links text or graphics
window to a url in a new browser
window.
----------------------------------------------------------------------------------------------------
Action <a href="url" onclick="?"> </a> Takes effect when user
on clicks on the item.
click
----------------------------------------------------------------------------------------------------
Mouse <a href="url" onmouseover="?"> </a> Takes effect when
over user moves pointer over
action item.
----------------------------------------------------------------------------------------------------
Link to <a href="mailto:@"> </a> Creates blank email to
email indicate address with
visitors default email
client.
----------------------------------------------------------------------------------------------------
define <a name="???"> </a> Indicates an anchor's
location name and location in
a document.
----------------------------------------------------------------------------------------------------
GRAPHICS AND SOUND
----------------------------------------------------------------------------------------------------
Display image <img src="url"> Displays image from
the indicated url.
---------------------------------------------------------------------------------------------------
Alignment < img src="url" align=" Aligns the image.
top/middle/left/right/bottom">
---------------------------------------------------------------------------------------------------
Alternate <img src="url" alt="?"> displays the name or
description of image
if image not displayed.
---------------------------------------------------------------------------------------------------
Dimensions <img src="url" width="?" The dimensions, in
height="?"> pixels, of the image.
---------------------------------------------------------------------------------------------------
Dimen. <img src="url" width="%" Dimensions as a percent
height="%"> of page width/height.
---------------------------------------------------------------------------------------------------
Border <img src="url" border="?"> Border in pixels around
image.
---------------------------------------------------------------------------------------------------
Image <img src="url" ismap> Linking of a portion of an
map image.
---------------------------------------------------------------------------------------------------
Movie <img dynsrc="?" start="?" Insert movie clip.
clip loop="?">
---------------------------------------------------------------------------------------------------
Background <bgsound src="?" Insert sound clip.
sound loop="?" infinite>
---------------------------------------------------------------------------------------------------
embed <embed src="url"> Insert object into page.
object
---------------------------------------------------------------------------------------------------
Object <embed src="url" width="?" Size in pixels of embed
size hight="?"> object.
---------------------------------------------------------------------------------------------------
Object <object> </object> Embedded object.
---------------------------------------------------------------------------------------------------
Parameters <param> Named property value.
---------------------------------------------------------------------------------------------------
DIVIDERS
--------------------------------------------------------------------------------------------------
Paragraph <p> </p> Starts and stops paragraph.
--------------------------------------------------------------------------------------------------
Align <p align="left/center/ Aligns paragraph.
text right> </p>
--------------------------------------------------------------------------------------------------
Line break <br> A single carriage return.
--------------------------------------------------------------------------------------------------
Horizontal <hr> Horizontal line.
rule
--------------------------------------------------------------------------------------------------
Alignment <hr align="left/ Aligns horizontal line.
right/center">
-------------------------------------------------------------------------------------------------
Thickness <hr size="?"> Thickness in pixels of line.
-------------------------------------------------------------------------------------------------
Width <hr width="?"> Width in pixels of line.
-------------------------------------------------------------------------------------------------
Width % <hr width="%"> Width as a percentage of page.
-------------------------------------------------------------------------------------------------
Solid line <hr noshade> Line without 3D cutout look.
-------------------------------------------------------------------------------------------------
No break <nobr> </nobr> Prevents line breaks.
-------------------------------------------------------------------------------------------------
Word break <wbr> Where to break a line if needed.
-------------------------------------------------------------------------------------------------
STRUCTURAL ELEMENTS
-------------------------------------------------------------------------------------------------
Heading <h?> </h?> Document header levels 1 - 6.
-------------------------------------------------------------------------------------------------
Division <div> </div> Generic container.
-------------------------------------------------------------------------------------------------
Defined <span> </span> Generic container.
content
-------------------------------------------------------------------------------------------------
Block <blockquote> </blockquote> Long quotation block.
quote
-------------------------------------------------------------------------------------------------
quote <q> </q> Short quotation.
-------------------------------------------------------------------------------------------------
Emphasis <em> </em> Ephasized text usually as italic.
-------------------------------------------------------------------------------------------------
Strong <strong> </strong> Ephasized text strongly as bold.
emphasis
-------------------------------------------------------------------------------------------------
Citation <cite> </cite> Citation usually italics.
-------------------------------------------------------------------------------------------------
Code <code> </code> For source code listings.
-------------------------------------------------------------------------------------------------
Sample <samp> </samp> Sample program output.
output
-------------------------------------------------------------------------------------------------
keyborad <kbd> </kbd> Text that should be entered by user.
input
-------------------------------------------------------------------------------------------------
Variable <var> </var> Program variable or output.
-------------------------------------------------------------------------------------------------
Definition <dfn> </dfn> Defintion
-------------------------------------------------------------------------------------------------
Address <address> </address> Author information.
-------------------------------------------------------------------------------------------------
Large font <big> </big> Uses a large text size.
size
-------------------------------------------------------------------------------------------------
Small font <small> </small> Uses small text size.
size
-------------------------------------------------------------------------------------------------
Insert <ins> </ins> Marks inserted text in a new version.
-------------------------------------------------------------------------------------------------
Comments <ins cite="url"> </ins> Comments on the addition
in a new version.
-------------------------------------------------------------------------------------------------
Delete <del> </del> Marks deletions in a new version.
-------------------------------------------------------------------------------------------------
Acroynm <acroynm> </acroynm> Acroynms.
-------------------------------------------------------------------------------------------------
Abbreviation <abbr> </abbr> Abbreviations.
-------------------------------------------------------------------------------------------------
BACKGROUNDS
-------------------------------------------------------------------------------------------------
Tiled <body background="url"> Causes image to tile as
background background of page.
--------------------------------------------------------------------------------------------------
<body bgproperties="fixed"> Static image which
remains in the same
Watermark location as visitors
scroll.
---------------------------------------------------------------------------------------------------
Background <body bgcolor="#?????"> Solid background color.
color
---------------------------------------------------------------------------------------------------
Text <body text="#?????"> Color of text throughout page.
color
----------------------------------------------------------------------------------------------------
Link <body link="#?????"> Color of all links thoughout page.
color
----------------------------------------------------------------------------------------------------
Visited <body vlink="#?????"> Color of all visited links
link color throughout page.
----------------------------------------------------------------------------------------------------
Active <body alink="#?????"> Color of link when selected.
link
----------------------------------------------------------------------------------------------------
LISTS
----------------------------------------------------------------------------------------------------
Unordered <ul> <li> </ul> Lists with bulleted items.
lists
-----------------------------------------------------------------------------------------------------
List item <li> </li> Indicates an item on the list.
-----------------------------------------------------------------------------------------------------
Bullet <ul type="disc/circle/square"> Shape of bullet for list.
type
-----------------------------------------------------------------------------------------------------
Bullet <li type="same as above"> Shape of bullet for specific
type 2 item.
-----------------------------------------------------------------------------------------------------
Ordered <ol> <li> </ol> Numbered list.
list
-----------------------------------------------------------------------------------------------------
Numbering <ol type="A|a|I|i|1> Type of numbering for the list.
type
-----------------------------------------------------------------------------------------------------
Numb. <li type="same as above"> Type of numbering for specific
type 2 list item.
------------------------------------------------------------------------------------------------------
Starting <ol start="?"> Starting number for list.
number
------------------------------------------------------------------------------------------------------
Starting <li value="?"> Starting number for this & subsequent.
number 2 item.
------------------------------------------------------------------------------------------------------
Definition <dl> </dl> A list of definitions.
list
------------------------------------------------------------------------------------------------------
Def. term <dt> </dt> Definition term.
------------------------------------------------------------------------------------------------------
Definition <dd> </dd> Definition of a term.
------------------------------------------------------------------------------------------------------
Menu <menu> </menu> Display menu type list.
list
------------------------------------------------------------------------------------------------------
Directory <dir> </dir> Directory link.
list
------------------------------------------------------------------------------------------------------
TABLES
------------------------------------------------------------------------------------------------------
Define <table> </table> Signals the start of a table.
table
------------------------------------------------------------------------------------------------------
Table <table align="left|right|center"> Aligns table within browser.
alignment
------------------------------------------------------------------------------------------------------
Table <table border> </table> Table border either on or off.
border
------------------------------------------------------------------------------------------------------
Table <table border="?"> </table> Set width of table border.
border 2
------------------------------------------------------------------------------------------------------
Cell <table cellspacing="?"> Places specific amount of space
spacing between cells within table.
------------------------------------------------------------------------------------------------------
Cell <table cellpadding="?"> Places specific amount of space
padding between cells border and contents.
------------------------------------------------------------------------------------------------------
Desired <table width="?"> Width of table in pixels.
width
------------------------------------------------------------------------------------------------------
Width <table width="%"> Width of table in percentage of page.
percentage
------------------------------------------------------------------------------------------------------
Table <table bgcolor="#?????"> </table> Overall background
color color of table.
------------------------------------------------------------------------------------------------------
Table <table frame="void|above|below Controls how the border
frame hsides|lhs|rhs|vsides|box|border"> around outer edge of
</table> table is displayed.
------------------------------------------------------------------------------------------------------
Table <table rules="none|groups| Controls vertical & horizontal
rules rows|cols|all"> </table> lines displayed.
------------------------------------------------------------------------------------------------------
Border <table bordercolor="#???"> color of the table border.
color </table>
------------------------------------------------------------------------------------------------------
Table row <tr> </tr> table row.
------------------------------------------------------------------------------------------------------
Alignment <tr align="left|right|center Alignment of the table row.
middle|bottom">
------------------------------------------------------------------------------------------------------
Table cell <td> </td> Specific table cell, must appear within
table rows.
------------------------------------------------------------------------------------------------------
Alignment <td align="left|right|center Alignment of table cell.
valign="top|middle|bottom">
------------------------------------------------------------------------------------------------------
No line <td nowrap> No line breaks within the table cell.
breaks
------------------------------------------------------------------------------------------------------
Columns <td colospan="?"> The number of columns the cell
to span should span.
------------------------------------------------------------------------------------------------------
Rows to <td rowspan="?"> The number of rows the cell should
span span.
------------------------------------------------------------------------------------------------------
Width <td width="?"> Width of cell in pixels.
------------------------------------------------------------------------------------------------------
width in <td width="%"> Width as a percentage of table.
percentage
------------------------------------------------------------------------------------------------------
Cell Color <td bgcolor="#???"> Background color of cell.
------------------------------------------------------------------------------------------------------
Header cell <th> </th> Table cell header info (bold & centered).
------------------------------------------------------------------------------------------------------
Alignment <th align="left|right|center| Alignment of the header
middle|bottom"> cell.
------------------------------------------------------------------------------------------------------
No line <th nowrap> No line breaks with the header cell.
breaks
------------------------------------------------------------------------------------------------------
Coumn to <th colspan="?"> Number of columns the header cell
span should span.
------------------------------------------------------------------------------------------------------
Rows to <th rowspan="?"> Number of rows the header cell
span should span.
------------------------------------------------------------------------------------------------------
Width <th width="?"> Width of header cell in pixels.
------------------------------------------------------------------------------------------------------
Width as <th width="%"> Width of header cell as percentage
percentage table.
------------------------------------------------------------------------------------------------------
Cell color <th bgcolor="#???"> Background color of cell.
------------------------------------------------------------------------------------------------------
Table <tbody> Identifies the specific body section of table.
body
------------------------------------------------------------------------------------------------------
Table <tfoot> </tfoot> Seperates group of cells to serve as
footer footer material for the table (must
come before <thead>).
------------------------------------------------------------------------------------------------------
Table <thead> </thead> Seprates group of cells to serve as
header header material for table.
------------------------------------------------------------------------------------------------------
Table <caption> </caption> Caption for a table.
caption
------------------------------------------------------------------------------------------------------
Alignment <caption align="top|bottom| Alignment for the caption
left|right"> of a table.
------------------------------------------------------------------------------------------------------
Column <col> </col> Groups column attributes.
------------------------------------------------------------------------------------------------------
Column <col width="?"> </col> Column width in pixels.
width
------------------------------------------------------------------------------------------------------
Width as % <col width="%"> </col> Column width as % of table.
------------------------------------------------------------------------------------------------------
Group <colgroup> </colgroup> Groups column structure.
columns
------------------------------------------------------------------------------------------------------
Group <colgroup width="?"> </colgroup> Width of group in pixels.
width
------------------------------------------------------------------------------------------------------
Group width <colgroup width="%"> </colgroup>
as percent
------------------------------------------------------------------------------------------------------
FRAMES
------------------------------------------------------------------------------------------------------
Frame <frameset> </frameset> Creates layouts of frames
document instead of <body>.
------------------------------------------------------------------------------------------------------
Row <frameset rows=",,,"> </frameset> Comma seperated list
heights of size of each column
in frameset (pixels or %)
------------------------------------------------------------------------------------------------------
Column <frameset cols=",,,"> </frameset> Comma seperated list
width of size of each column
in frameset (pixels or %)
------------------------------------------------------------------------------------------------------
Borders <frameset framesetborder="yes|no"> If frame has a
</frameset> visible border or not.
------------------------------------------------------------------------------------------------------
Border <frameset border="?"> Width of frame border if visible.
width </frameset>
------------------------------------------------------------------------------------------------------
Border <frameset bordercolor="#???"> Color of frame border.
color </frameset>
------------------------------------------------------------------------------------------------------
Frame <frameset framespacing="?"> Number of pixels space
spacing </frameset> between frames.
------------------------------------------------------------------------------------------------------
Define <frame> Specific contents of an individual frame.
frame
------------------------------------------------------------------------------------------------------
Display <frame src="url"> Identifies initial contents of the frame.
document
------------------------------------------------------------------------------------------------------
Frame <frame name="?"_blank|_self| Assigns a name to current
name _parent|_top> frame.
------------------------------------------------------------------------------------------------------
Margin <frame marginwidth="?"> Distance between content and
width frame's left & right margin.
------------------------------------------------------------------------------------------------------
Margin <frame marginheight="?"> Distance between content &
height frame's top & bottom margin.
------------------------------------------------------------------------------------------------------
Scroll <frame scrolling="yes|no|auto"> Controls how window is or
bar isn't scrolled.
------------------------------------------------------------------------------------------------------
Borders <frame frameborder="yes|no"> Border either on or off.
------------------------------------------------------------------------------------------------------
Border <frame bordercolor="#???"> Color of border of frame.
color
------------------------------------------------------------------------------------------------------
Unframed <noframes> </noframes> For non-frames browsers.
content
------------------------------------------------------------------------------------------------------
Inline <iframe> </iframe> Inline subwindow, takes same attribute
frame as frame.
------------------------------------------------------------------------------------------------------
Dimensions <iframe width="?" height="?"> Width & height of sub
</iframe> window in pixels.
------------------------------------------------------------------------------------------------------
Dimensions <same as above with % added> Subwindow as %
as percentage
------------------------------------------------------------------------------------------------------
POSITIONING (netscape only)
------------------------------------------------------------------------------------------------------
Multi <multicol cols="?"> </multicol> More than one column.
column
------------------------------------------------------------------------------------------------------
Column <multicol gutter="?"> </multicol> Gutter of the column.
gutter
------------------------------------------------------------------------------------------------------
Width <multicol width="?"> </multicol> Width of the column.
------------------------------------------------------------------------------------------------------
Spacer <spacer> Insertion of space.
------------------------------------------------------------------------------------------------------
Spacer <spacer type="horizontal|vertical|block"> Type of space
type inserted.
------------------------------------------------------------------------------------------------------
Size <spacer size="?"> Size of spaces inserted.
------------------------------------------------------------------------------------------------------
Dimensions <spacer width="?" or height="?">
------------------------------------------------------------------------------------------------------
Alignment <spacer align="right|left|center">
------------------------------------------------------------------------------------------------------
Layer <layer> </layer> Ability to view pages using precisely
positioned overlapping layers.
------------------------------------------------------------------------------------------------------
name <layer id="?"> </layer> Specifies name of layer.
------------------------------------------------------------------------------------------------------
Location <layer left="?" or top="?"> Location of layer.
</layer>
------------------------------------------------------------------------------------------------------
visible <layer visibility="show|hidden|inherit"> Visibility of layer.
</layer>
------------------------------------------------------------------------------------------------------
color <layer bgcolor="#???"> </layer> Background color of layer.
------------------------------------------------------------------------------------------------------
Inline <ilayer> </ilayer> A layer within a layer (take same attrib.
layer as layer).
------------------------------------------------------------------------------------------------------
Created by bobby1234 at 10:00 pm on 1/09/08 and posted for download
at http://www.proprof.com

Weitere ähnliche Inhalte

Was ist angesagt? (16)

Understanding THML
Understanding THMLUnderstanding THML
Understanding THML
 
KMUTNB - Internet Programming 3/7
KMUTNB - Internet Programming 3/7KMUTNB - Internet Programming 3/7
KMUTNB - Internet Programming 3/7
 
Computer application html
Computer application htmlComputer application html
Computer application html
 
Html Tutorial Full PDF Book
Html Tutorial Full PDF BookHtml Tutorial Full PDF Book
Html Tutorial Full PDF Book
 
Introduction to web design
Introduction to web designIntroduction to web design
Introduction to web design
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
Hf html-cheat-sheet
Hf html-cheat-sheetHf html-cheat-sheet
Hf html-cheat-sheet
 
HTML - hypertext markup language
HTML - hypertext markup languageHTML - hypertext markup language
HTML - hypertext markup language
 
Lecture1
Lecture1Lecture1
Lecture1
 
Htmltag.ppt
Htmltag.pptHtmltag.ppt
Htmltag.ppt
 
Learning html & dhtml
Learning html & dhtmlLearning html & dhtml
Learning html & dhtml
 
Practicals it
Practicals itPracticals it
Practicals it
 
Html
HtmlHtml
Html
 
Html part2 (1)
Html part2 (1)Html part2 (1)
Html part2 (1)
 
BBA IV Semester CA All Assignments
BBA IV Semester CA All AssignmentsBBA IV Semester CA All Assignments
BBA IV Semester CA All Assignments
 
HTML Documentation
HTML DocumentationHTML Documentation
HTML Documentation
 

Andere mochten auch

HWA Given Institute Exterior 03
HWA Given Institute Exterior 03HWA Given Institute Exterior 03
HWA Given Institute Exterior 03Jerry Geurts
 
Surviving the trainwreck andrew hackman full_3
Surviving the trainwreck andrew hackman full_3Surviving the trainwreck andrew hackman full_3
Surviving the trainwreck andrew hackman full_3Andrew Hackman
 
ROSE - Fordham-Univ-students-on-1411DEG
ROSE - Fordham-Univ-students-on-1411DEGROSE - Fordham-Univ-students-on-1411DEG
ROSE - Fordham-Univ-students-on-1411DEGPatrick Fuery
 
Ruqyah massal Masjid Al-Wasi'i Unila
Ruqyah massal Masjid Al-Wasi'i UnilaRuqyah massal Masjid Al-Wasi'i Unila
Ruqyah massal Masjid Al-Wasi'i UnilaMahfudin Fc
 
Presentacion Guguy Luces del Oeste Alejandro Melian
Presentacion Guguy Luces del Oeste Alejandro MelianPresentacion Guguy Luces del Oeste Alejandro Melian
Presentacion Guguy Luces del Oeste Alejandro MelianMarco Batista
 
Prabal Acharyya - Industrial IoT
Prabal Acharyya - Industrial IoTPrabal Acharyya - Industrial IoT
Prabal Acharyya - Industrial IoTPrabal Acharyya
 
Genesis de cabeza y cuello
Genesis de cabeza y cuelloGenesis de cabeza y cuello
Genesis de cabeza y cuelloJuan Tipismana
 

Andere mochten auch (9)

SMCertificate
SMCertificateSMCertificate
SMCertificate
 
HWA Given Institute Exterior 03
HWA Given Institute Exterior 03HWA Given Institute Exterior 03
HWA Given Institute Exterior 03
 
Cv 1
Cv 1Cv 1
Cv 1
 
Surviving the trainwreck andrew hackman full_3
Surviving the trainwreck andrew hackman full_3Surviving the trainwreck andrew hackman full_3
Surviving the trainwreck andrew hackman full_3
 
ROSE - Fordham-Univ-students-on-1411DEG
ROSE - Fordham-Univ-students-on-1411DEGROSE - Fordham-Univ-students-on-1411DEG
ROSE - Fordham-Univ-students-on-1411DEG
 
Ruqyah massal Masjid Al-Wasi'i Unila
Ruqyah massal Masjid Al-Wasi'i UnilaRuqyah massal Masjid Al-Wasi'i Unila
Ruqyah massal Masjid Al-Wasi'i Unila
 
Presentacion Guguy Luces del Oeste Alejandro Melian
Presentacion Guguy Luces del Oeste Alejandro MelianPresentacion Guguy Luces del Oeste Alejandro Melian
Presentacion Guguy Luces del Oeste Alejandro Melian
 
Prabal Acharyya - Industrial IoT
Prabal Acharyya - Industrial IoTPrabal Acharyya - Industrial IoT
Prabal Acharyya - Industrial IoT
 
Genesis de cabeza y cuello
Genesis de cabeza y cuelloGenesis de cabeza y cuello
Genesis de cabeza y cuello
 

Ähnlich wie Html tags

Ähnlich wie Html tags (20)

Class 1 handout (2) html exercises
Class 1 handout (2) html exercisesClass 1 handout (2) html exercises
Class 1 handout (2) html exercises
 
HTML Training Centre in Ambala ! Batra Computer Cetre
HTML Training Centre in Ambala ! Batra Computer CetreHTML Training Centre in Ambala ! Batra Computer Cetre
HTML Training Centre in Ambala ! Batra Computer Cetre
 
Lecture 2 HTML part 1.pptxLecture 10 CSS part 2.pptxvvvvvvvvvvvvvv
Lecture 2 HTML part 1.pptxLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 2 HTML part 1.pptxLecture 10 CSS part 2.pptxvvvvvvvvvvvvvv
Lecture 2 HTML part 1.pptxLecture 10 CSS part 2.pptxvvvvvvvvvvvvvv
 
HTML
HTMLHTML
HTML
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
HTML.pdf
HTML.pdfHTML.pdf
HTML.pdf
 
Summary of-xhtml-basics
Summary of-xhtml-basicsSummary of-xhtml-basics
Summary of-xhtml-basics
 
Introduction to Web Design
Introduction to Web DesignIntroduction to Web Design
Introduction to Web Design
 
Intr to-html-xhtml-1233508169541646-3
Intr to-html-xhtml-1233508169541646-3Intr to-html-xhtml-1233508169541646-3
Intr to-html-xhtml-1233508169541646-3
 
html
htmlhtml
html
 
HTML Foundations, part 1
HTML Foundations, part 1HTML Foundations, part 1
HTML Foundations, part 1
 
Html Intro2
Html Intro2Html Intro2
Html Intro2
 
(SEO) Search Engine Optimization
(SEO) Search Engine Optimization(SEO) Search Engine Optimization
(SEO) Search Engine Optimization
 
Html
HtmlHtml
Html
 
belajar HTML
belajar HTML belajar HTML
belajar HTML
 
Html tags
Html tagsHtml tags
Html tags
 
Class Intro / HTML Basics
Class Intro / HTML BasicsClass Intro / HTML Basics
Class Intro / HTML Basics
 
week 3 slides.pptx
week 3 slides.pptxweek 3 slides.pptx
week 3 slides.pptx
 
Hypertext_markup_language
Hypertext_markup_languageHypertext_markup_language
Hypertext_markup_language
 
BVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptxBVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptx
 

Kürzlich hochgeladen

9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 

Kürzlich hochgeladen (20)

9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 

Html tags

  • 1. This is a basic layout of the most commonly used HTML tags and what they mean or do. Be sure to use lower case letters because some browsers can be case sensitive when reading HTML. When working with HTML it is important to remember to use opening and closing brackets ( < > </> ) where applicable. You must also remember to make sure and include the quotation marks when enclosing items such as color, size, numbers, etc example ( <bgcolor="#00000"> ) otherwise the effect will not work. Color is most always expressed with the # sign first followed by the five digit color code for a specific color. When you look at the following list if you see a number sign enclosed in quotations "#" or if a question mark enclosed in quotations "?" it means you must provide a specific value in order to obtain the effect you desire. This also holds true for the url link "url" this means you must provide a url address in order to link to that page or content. This is just a basic explination for those interested in learning HTML. You do not need expensive html editors or software to make basic web pages, but if you want a more professional looking job it would be advisable to purchase software that can help you with more detailed tags and make your life easier if you are just starting out. You can write html code in on notepad then save as a html document and view it with your browser. Hope you find this helpful and enjoy learning HTML!
  • 2. Title Tag Description ------------------------------------------------------------------------------------------------ BASIC ELEMENTS ------------------------------------------------------------------------------------------------ Document <html> </html< Document root element type beginning and end of file ------------------------------------------------------------------------------------------------ Title <title> </title> Document title, must in header. ------------------------------------------------------------------------------------------------ Header <head> </head> Descriptive info, such as title. ------------------------------------------------------------------------------------------------ Body <body> </body> Bulk of the page, body of document. ------------------------------------------------------------------------------------------------ FORMATTING ------------------------------------------------------------------------------------------------ Bold <b> </b> Bold text style. ------------------------------------------------------------------------------------------------ Italic <i> </i> Italic text style. ------------------------------------------------------------------------------------------------ Underline <u> </u> Underlines text. ------------------------------------------------------------------------------------------------ Strikeout <strike> </strike> Strikes through text.
  • 3. ------------------------------------------------------------------------------------------------ Strikeout <s> </s> Strikes through text. ------------------------------------------------------------------------------------------------ Subscript <sub> </sub> Subscript numbers like footnotes. ------------------------------------------------------------------------------------------------ Superscript <sup> </sup> Superscript numbers like cross reference numbers. ------------------------------------------------------------------------------------------------- Typewriter <tt> </tt> Teletype or mono spaced. ------------------------------------------------------------------------------------------------- Pre formatted <pre> </pre> Display text spacing as is. ------------------------------------------------------------------------------------------------- Width <pre width="#"> Width in characters. ------------------------------------------------------------------------------------------------- Center <center> </center> Centers text and images. ------------------------------------------------------------------------------------------------- Blinking <blink> </blink> Blinking text (netscape only). ------------------------------------------------------------------------------------------------- Font size <font size="?"> </font> Local font size. ( range 1 - 7 ) -------------------------------------------------------------------------------------------------- Change font <font size="+1-?"> </font> Controls font size size rendered. -------------------------------------------------------------------------------------------------- Font color <font color="#?????" </font> Controls font color. -------------------------------------------------------------------------------------------------- Select font <font face="???> </font> Style of text, such as- Times New Roman. --------------------------------------------------------------------------------------------------
  • 4. Point size <font point size="?"> </font> Size of text. -------------------------------------------------------------------------------------------------- Weight <font weight="?"> </font> Thickness of text. -------------------------------------------------------------------------------------------------- Base font <basefont size="?"> </font> Size of font 1 - 7. size --------------------------------------------------------------------------------------------------- LINKING --------------------------------------------------------------------------------------------------- Link <a href="url"> </a> Links text or graphics something to another url. --------------------------------------------------------------------------------------------------- Link to <a href="url#???"> </a> Links text or graphics location to an anchor in another document. ---------------------------------------------------------------------------------------------------- Link to <a href="url#???> </a> Links text or graphics location in to an anchor in current current page document. ---------------------------------------------------------------------------------------------------- Target <a href="url" target="?"> </a> Links text or graphics window to a url in a new browser window. ---------------------------------------------------------------------------------------------------- Action <a href="url" onclick="?"> </a> Takes effect when user on clicks on the item. click ---------------------------------------------------------------------------------------------------- Mouse <a href="url" onmouseover="?"> </a> Takes effect when over user moves pointer over
  • 5. action item. ---------------------------------------------------------------------------------------------------- Link to <a href="mailto:@"> </a> Creates blank email to email indicate address with visitors default email client. ---------------------------------------------------------------------------------------------------- define <a name="???"> </a> Indicates an anchor's location name and location in a document. ---------------------------------------------------------------------------------------------------- GRAPHICS AND SOUND ---------------------------------------------------------------------------------------------------- Display image <img src="url"> Displays image from the indicated url. --------------------------------------------------------------------------------------------------- Alignment < img src="url" align=" Aligns the image. top/middle/left/right/bottom"> --------------------------------------------------------------------------------------------------- Alternate <img src="url" alt="?"> displays the name or description of image if image not displayed. --------------------------------------------------------------------------------------------------- Dimensions <img src="url" width="?" The dimensions, in height="?"> pixels, of the image. --------------------------------------------------------------------------------------------------- Dimen. <img src="url" width="%" Dimensions as a percent height="%"> of page width/height. --------------------------------------------------------------------------------------------------- Border <img src="url" border="?"> Border in pixels around
  • 6. image. --------------------------------------------------------------------------------------------------- Image <img src="url" ismap> Linking of a portion of an map image. --------------------------------------------------------------------------------------------------- Movie <img dynsrc="?" start="?" Insert movie clip. clip loop="?"> --------------------------------------------------------------------------------------------------- Background <bgsound src="?" Insert sound clip. sound loop="?" infinite> --------------------------------------------------------------------------------------------------- embed <embed src="url"> Insert object into page. object --------------------------------------------------------------------------------------------------- Object <embed src="url" width="?" Size in pixels of embed size hight="?"> object. --------------------------------------------------------------------------------------------------- Object <object> </object> Embedded object. --------------------------------------------------------------------------------------------------- Parameters <param> Named property value. --------------------------------------------------------------------------------------------------- DIVIDERS -------------------------------------------------------------------------------------------------- Paragraph <p> </p> Starts and stops paragraph. -------------------------------------------------------------------------------------------------- Align <p align="left/center/ Aligns paragraph. text right> </p> -------------------------------------------------------------------------------------------------- Line break <br> A single carriage return. --------------------------------------------------------------------------------------------------
  • 7. Horizontal <hr> Horizontal line. rule -------------------------------------------------------------------------------------------------- Alignment <hr align="left/ Aligns horizontal line. right/center"> ------------------------------------------------------------------------------------------------- Thickness <hr size="?"> Thickness in pixels of line. ------------------------------------------------------------------------------------------------- Width <hr width="?"> Width in pixels of line. ------------------------------------------------------------------------------------------------- Width % <hr width="%"> Width as a percentage of page. ------------------------------------------------------------------------------------------------- Solid line <hr noshade> Line without 3D cutout look. ------------------------------------------------------------------------------------------------- No break <nobr> </nobr> Prevents line breaks. ------------------------------------------------------------------------------------------------- Word break <wbr> Where to break a line if needed. ------------------------------------------------------------------------------------------------- STRUCTURAL ELEMENTS ------------------------------------------------------------------------------------------------- Heading <h?> </h?> Document header levels 1 - 6. ------------------------------------------------------------------------------------------------- Division <div> </div> Generic container. ------------------------------------------------------------------------------------------------- Defined <span> </span> Generic container. content ------------------------------------------------------------------------------------------------- Block <blockquote> </blockquote> Long quotation block. quote -------------------------------------------------------------------------------------------------
  • 8. quote <q> </q> Short quotation. ------------------------------------------------------------------------------------------------- Emphasis <em> </em> Ephasized text usually as italic. ------------------------------------------------------------------------------------------------- Strong <strong> </strong> Ephasized text strongly as bold. emphasis ------------------------------------------------------------------------------------------------- Citation <cite> </cite> Citation usually italics. ------------------------------------------------------------------------------------------------- Code <code> </code> For source code listings. ------------------------------------------------------------------------------------------------- Sample <samp> </samp> Sample program output. output ------------------------------------------------------------------------------------------------- keyborad <kbd> </kbd> Text that should be entered by user. input ------------------------------------------------------------------------------------------------- Variable <var> </var> Program variable or output. ------------------------------------------------------------------------------------------------- Definition <dfn> </dfn> Defintion ------------------------------------------------------------------------------------------------- Address <address> </address> Author information. ------------------------------------------------------------------------------------------------- Large font <big> </big> Uses a large text size. size ------------------------------------------------------------------------------------------------- Small font <small> </small> Uses small text size. size ------------------------------------------------------------------------------------------------- Insert <ins> </ins> Marks inserted text in a new version. -------------------------------------------------------------------------------------------------
  • 9. Comments <ins cite="url"> </ins> Comments on the addition in a new version. ------------------------------------------------------------------------------------------------- Delete <del> </del> Marks deletions in a new version. ------------------------------------------------------------------------------------------------- Acroynm <acroynm> </acroynm> Acroynms. ------------------------------------------------------------------------------------------------- Abbreviation <abbr> </abbr> Abbreviations. ------------------------------------------------------------------------------------------------- BACKGROUNDS ------------------------------------------------------------------------------------------------- Tiled <body background="url"> Causes image to tile as background background of page. -------------------------------------------------------------------------------------------------- <body bgproperties="fixed"> Static image which remains in the same Watermark location as visitors scroll. --------------------------------------------------------------------------------------------------- Background <body bgcolor="#?????"> Solid background color. color --------------------------------------------------------------------------------------------------- Text <body text="#?????"> Color of text throughout page. color ---------------------------------------------------------------------------------------------------- Link <body link="#?????"> Color of all links thoughout page. color ---------------------------------------------------------------------------------------------------- Visited <body vlink="#?????"> Color of all visited links link color throughout page.
  • 10. ---------------------------------------------------------------------------------------------------- Active <body alink="#?????"> Color of link when selected. link ---------------------------------------------------------------------------------------------------- LISTS ---------------------------------------------------------------------------------------------------- Unordered <ul> <li> </ul> Lists with bulleted items. lists ----------------------------------------------------------------------------------------------------- List item <li> </li> Indicates an item on the list. ----------------------------------------------------------------------------------------------------- Bullet <ul type="disc/circle/square"> Shape of bullet for list. type ----------------------------------------------------------------------------------------------------- Bullet <li type="same as above"> Shape of bullet for specific type 2 item. ----------------------------------------------------------------------------------------------------- Ordered <ol> <li> </ol> Numbered list. list ----------------------------------------------------------------------------------------------------- Numbering <ol type="A|a|I|i|1> Type of numbering for the list. type ----------------------------------------------------------------------------------------------------- Numb. <li type="same as above"> Type of numbering for specific type 2 list item. ------------------------------------------------------------------------------------------------------ Starting <ol start="?"> Starting number for list. number ------------------------------------------------------------------------------------------------------ Starting <li value="?"> Starting number for this & subsequent.
  • 11. number 2 item. ------------------------------------------------------------------------------------------------------ Definition <dl> </dl> A list of definitions. list ------------------------------------------------------------------------------------------------------ Def. term <dt> </dt> Definition term. ------------------------------------------------------------------------------------------------------ Definition <dd> </dd> Definition of a term. ------------------------------------------------------------------------------------------------------ Menu <menu> </menu> Display menu type list. list ------------------------------------------------------------------------------------------------------ Directory <dir> </dir> Directory link. list ------------------------------------------------------------------------------------------------------ TABLES ------------------------------------------------------------------------------------------------------ Define <table> </table> Signals the start of a table. table ------------------------------------------------------------------------------------------------------ Table <table align="left|right|center"> Aligns table within browser. alignment ------------------------------------------------------------------------------------------------------ Table <table border> </table> Table border either on or off. border ------------------------------------------------------------------------------------------------------ Table <table border="?"> </table> Set width of table border. border 2 ------------------------------------------------------------------------------------------------------ Cell <table cellspacing="?"> Places specific amount of space
  • 12. spacing between cells within table. ------------------------------------------------------------------------------------------------------ Cell <table cellpadding="?"> Places specific amount of space padding between cells border and contents. ------------------------------------------------------------------------------------------------------ Desired <table width="?"> Width of table in pixels. width ------------------------------------------------------------------------------------------------------ Width <table width="%"> Width of table in percentage of page. percentage ------------------------------------------------------------------------------------------------------ Table <table bgcolor="#?????"> </table> Overall background color color of table. ------------------------------------------------------------------------------------------------------ Table <table frame="void|above|below Controls how the border frame hsides|lhs|rhs|vsides|box|border"> around outer edge of </table> table is displayed. ------------------------------------------------------------------------------------------------------ Table <table rules="none|groups| Controls vertical & horizontal rules rows|cols|all"> </table> lines displayed. ------------------------------------------------------------------------------------------------------ Border <table bordercolor="#???"> color of the table border. color </table> ------------------------------------------------------------------------------------------------------ Table row <tr> </tr> table row. ------------------------------------------------------------------------------------------------------ Alignment <tr align="left|right|center Alignment of the table row. middle|bottom"> ------------------------------------------------------------------------------------------------------ Table cell <td> </td> Specific table cell, must appear within table rows.
  • 13. ------------------------------------------------------------------------------------------------------ Alignment <td align="left|right|center Alignment of table cell. valign="top|middle|bottom"> ------------------------------------------------------------------------------------------------------ No line <td nowrap> No line breaks within the table cell. breaks ------------------------------------------------------------------------------------------------------ Columns <td colospan="?"> The number of columns the cell to span should span. ------------------------------------------------------------------------------------------------------ Rows to <td rowspan="?"> The number of rows the cell should span span. ------------------------------------------------------------------------------------------------------ Width <td width="?"> Width of cell in pixels. ------------------------------------------------------------------------------------------------------ width in <td width="%"> Width as a percentage of table. percentage ------------------------------------------------------------------------------------------------------ Cell Color <td bgcolor="#???"> Background color of cell. ------------------------------------------------------------------------------------------------------ Header cell <th> </th> Table cell header info (bold & centered). ------------------------------------------------------------------------------------------------------ Alignment <th align="left|right|center| Alignment of the header middle|bottom"> cell. ------------------------------------------------------------------------------------------------------ No line <th nowrap> No line breaks with the header cell. breaks ------------------------------------------------------------------------------------------------------ Coumn to <th colspan="?"> Number of columns the header cell span should span. ------------------------------------------------------------------------------------------------------
  • 14. Rows to <th rowspan="?"> Number of rows the header cell span should span. ------------------------------------------------------------------------------------------------------ Width <th width="?"> Width of header cell in pixels. ------------------------------------------------------------------------------------------------------ Width as <th width="%"> Width of header cell as percentage percentage table. ------------------------------------------------------------------------------------------------------ Cell color <th bgcolor="#???"> Background color of cell. ------------------------------------------------------------------------------------------------------ Table <tbody> Identifies the specific body section of table. body ------------------------------------------------------------------------------------------------------ Table <tfoot> </tfoot> Seperates group of cells to serve as footer footer material for the table (must come before <thead>). ------------------------------------------------------------------------------------------------------ Table <thead> </thead> Seprates group of cells to serve as header header material for table. ------------------------------------------------------------------------------------------------------ Table <caption> </caption> Caption for a table. caption ------------------------------------------------------------------------------------------------------ Alignment <caption align="top|bottom| Alignment for the caption left|right"> of a table. ------------------------------------------------------------------------------------------------------ Column <col> </col> Groups column attributes. ------------------------------------------------------------------------------------------------------ Column <col width="?"> </col> Column width in pixels. width ------------------------------------------------------------------------------------------------------
  • 15. Width as % <col width="%"> </col> Column width as % of table. ------------------------------------------------------------------------------------------------------ Group <colgroup> </colgroup> Groups column structure. columns ------------------------------------------------------------------------------------------------------ Group <colgroup width="?"> </colgroup> Width of group in pixels. width ------------------------------------------------------------------------------------------------------ Group width <colgroup width="%"> </colgroup> as percent ------------------------------------------------------------------------------------------------------ FRAMES ------------------------------------------------------------------------------------------------------ Frame <frameset> </frameset> Creates layouts of frames document instead of <body>. ------------------------------------------------------------------------------------------------------ Row <frameset rows=",,,"> </frameset> Comma seperated list heights of size of each column in frameset (pixels or %) ------------------------------------------------------------------------------------------------------ Column <frameset cols=",,,"> </frameset> Comma seperated list width of size of each column in frameset (pixels or %) ------------------------------------------------------------------------------------------------------ Borders <frameset framesetborder="yes|no"> If frame has a </frameset> visible border or not. ------------------------------------------------------------------------------------------------------ Border <frameset border="?"> Width of frame border if visible. width </frameset> ------------------------------------------------------------------------------------------------------
  • 16. Border <frameset bordercolor="#???"> Color of frame border. color </frameset> ------------------------------------------------------------------------------------------------------ Frame <frameset framespacing="?"> Number of pixels space spacing </frameset> between frames. ------------------------------------------------------------------------------------------------------ Define <frame> Specific contents of an individual frame. frame ------------------------------------------------------------------------------------------------------ Display <frame src="url"> Identifies initial contents of the frame. document ------------------------------------------------------------------------------------------------------ Frame <frame name="?"_blank|_self| Assigns a name to current name _parent|_top> frame. ------------------------------------------------------------------------------------------------------ Margin <frame marginwidth="?"> Distance between content and width frame's left & right margin. ------------------------------------------------------------------------------------------------------ Margin <frame marginheight="?"> Distance between content & height frame's top & bottom margin. ------------------------------------------------------------------------------------------------------ Scroll <frame scrolling="yes|no|auto"> Controls how window is or bar isn't scrolled. ------------------------------------------------------------------------------------------------------ Borders <frame frameborder="yes|no"> Border either on or off. ------------------------------------------------------------------------------------------------------ Border <frame bordercolor="#???"> Color of border of frame. color ------------------------------------------------------------------------------------------------------ Unframed <noframes> </noframes> For non-frames browsers. content
  • 17. ------------------------------------------------------------------------------------------------------ Inline <iframe> </iframe> Inline subwindow, takes same attribute frame as frame. ------------------------------------------------------------------------------------------------------ Dimensions <iframe width="?" height="?"> Width & height of sub </iframe> window in pixels. ------------------------------------------------------------------------------------------------------ Dimensions <same as above with % added> Subwindow as % as percentage ------------------------------------------------------------------------------------------------------ POSITIONING (netscape only) ------------------------------------------------------------------------------------------------------ Multi <multicol cols="?"> </multicol> More than one column. column ------------------------------------------------------------------------------------------------------ Column <multicol gutter="?"> </multicol> Gutter of the column. gutter ------------------------------------------------------------------------------------------------------ Width <multicol width="?"> </multicol> Width of the column. ------------------------------------------------------------------------------------------------------ Spacer <spacer> Insertion of space. ------------------------------------------------------------------------------------------------------ Spacer <spacer type="horizontal|vertical|block"> Type of space type inserted. ------------------------------------------------------------------------------------------------------ Size <spacer size="?"> Size of spaces inserted. ------------------------------------------------------------------------------------------------------ Dimensions <spacer width="?" or height="?"> ------------------------------------------------------------------------------------------------------ Alignment <spacer align="right|left|center">
  • 18. ------------------------------------------------------------------------------------------------------ Layer <layer> </layer> Ability to view pages using precisely positioned overlapping layers. ------------------------------------------------------------------------------------------------------ name <layer id="?"> </layer> Specifies name of layer. ------------------------------------------------------------------------------------------------------ Location <layer left="?" or top="?"> Location of layer. </layer> ------------------------------------------------------------------------------------------------------ visible <layer visibility="show|hidden|inherit"> Visibility of layer. </layer> ------------------------------------------------------------------------------------------------------ color <layer bgcolor="#???"> </layer> Background color of layer. ------------------------------------------------------------------------------------------------------ Inline <ilayer> </ilayer> A layer within a layer (take same attrib. layer as layer). ------------------------------------------------------------------------------------------------------ Created by bobby1234 at 10:00 pm on 1/09/08 and posted for download at http://www.proprof.com