Scribd
Upload
15 views4 pages

Tags

Uploaded by

Kayla Real
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
15 views4 pages

Tags

Uploaded by

Kayla Real
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 4

TAGS

<html></html> = indicates the markup language is HTML


<head></head> = head section. contains information about the document.
<body></body> = body section. contains the content displayed by the Web browser.
<title></title> = document title
<!--comment-> = adding comments

BLOCK LEVEL

<hn></hn> = mark a heading


<p></p> = paragraph
<blockquote></blockquote> = mark a blockqoute
<div></div> = generic block-level element

LIST

ORDERED LIST
<ol>
<il></il>
</ol>

UNORDERED LIST
<ul>
<li><li>
</ul>

DEFINITION LIST
<dl>
<dt>term</dt>
<dd>description</dd>
</dl>

INLINE
<b></b> = boldface
<i></i> = italicized
<span></span> = generic online element

ATTRIBUTE
<element attribute1=”value1”attribute2=”value2”…>content</element>

STYLE
style=”name1:value1;name2:value2; …”
Style=”text-align: alignment” = text alignment
Style=”color:color” = text color

EMPTY Elements
Line Break - <br />
Horizontal Rule - <hr />
Inserting an Inline Image
<img src=”file” alt=”text” />

CHARACTER SETS AND SPECIAL CHARACTERS


&#code; = Numeric character string
&nbsp; = insert non breaking space
&lt; = <
&gt; = >
&bull;(.) = entity reference
WEB TABLES
<table></table> = marks table element
<tr></tr> = row
<th></th> = headings

TABLE Structure
<table>rows</table> = mark web table
<tr>cells</tr> = mark table row

ADD Border
<table border=”value”>…</table> = to add border

SPANNING Cell
colspan="value" = table cell that spans several columns
rowspan="value" = table cell that spans several rows

TABLE Caption
<caption>content</caption> = table caption

ROW GROUPS
Row group consisting of header rows:
<thread>
rows
</thread>

Row group consisting of footer rows:


<tfoot>
rows
</tfoot>

Row group consisting of rows used in the body of the table:


<tbody>
rows
</tbody>

COLUMN GROUPS
Column Group:
<colgroup>
columns
</colgroup>
Define Column with a column group:
<col span=”value” />

FORMATTING TABLES WITH HTML ATTRIBUTES

CELL PADDING:
<table cellpadding=”value”>…</table>

CELL SPACE:
<table cellspacing=”value”>…</table>

SETTING WIDTHS AND HEIGHTS


<table width=”value”>…</table> = width
<table height=”value”>…</table> = height
<tr height=”values”>…</tr> = row heights
<table border=”value” frame=”type”>…</table> = apply frame
<table border=”value” rules=”type”>…</table> = table rule
align=”position” = align cell contents
valign=”position” = align contents vertically
WEB FORMS AND LINKING WEB PAGES
Insert a Web form:
<form attributes>
elements
</form>
Identify the form:
id = “id” name = “name”
id= form id
name= form name

FIELD SET
<fields id = “id”>
controls
</fieldset>
<legend></legend> = insert legend
<input type = “type” name = “name” id = “id”/> = text input box control
<label for = “id”>label text</label> = fields labels
<label for = “id”>label text</label> = explicitly associate text label with a
control elements
<label>
label text
control
</label> = implicitly associate a text label with a control element

FORM STYLES

Option Buttons
<input type = “radio” name = “name” id = “id1” value = “value1”/>
<input type = “radio” name = “name” id = “id2” value = “value2”/>
<input type = “radio” name = “name” id = “id3” value = "value3" />
checked = "checked" = to specify defaul option

SELECTION LIST
<select name = “name” id = “id”>
<option value = “value1”> text1</option>
<option value = “value2”> text2</option>
…..
</select>

GROUPING SELECTION LIST


<select>
<optgroup label = “label1”>
<option>text1</option>
<option>text2</option>
…..
</optgroup>
<optgroup label = “label2”>
<option>text1</option>
<option>text2</option>
…..
</optgroup>
</select>
<select size = “value”>…</select> = selection list size

CHECKBOX
<input type = “checkbox” name=”name” id=”id” value=”value” = create checkbox
checked = “checked” = specify that the checkbox is selected by default
TEXT AREA
<textarea name = “name” id = “id”>
text
</textarea>
rows=”value” cols=”value” = specify dimension of the box

FORM BUTTONS
<input type=”button” value=”text”/> = command button
<input type =”submit” value=”text”/> = submit
<input type=”reset” value=”text”/> = reset

LINKING WEB PAGES


<a> = HTML Anchor tag
< a href=””> </a> = href attribute
<a name=””></a> = name
<a href = http://www.google.com target = “_blank”>Link Text</a> = target

RELATIVE
<a href=”pictures.html”>Pics</a>

ABSOLUTE
<a href=http://www.Yourdomain.com/pictures.html>Pics</a>

FRAMESET
<frameset> = tag announces that the current document is a frame document and
specifies how many frames it is creating.
COLS= how many cols in the frameset
ROWS= how many rows in the frameset
FRAMEBOARDER= if the frames should have borders
FRAMESPACING= space between the frames
BORDER= space between frames
BORDERCOLOR= color of frame borders
<frame /> = tag specifies the document that is to be included in each frame

You might also like