Professional Documents
Culture Documents
A <td> tag can contain text, links, images, lists, forms, and other tables.
Table Example
<table>
<tr>
<td>row 1, cell 1</td>
<td>row 2, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
Table Border Attribute
By default, the table will be displayed without borders.
An unordered list starts with the <ul> tag. Each item starts with the <li> tag.
An ordered list starts with <ol>.
Example: <ol>
<ul> <li>Red</li>
<li>Red</li> <li>Yellow</li>
<li>Yellow</li>
</ol>
</ul> * <ol start="value" type="A"|"a"|"I"|"i"|"1">
* <ul type="CIRCLE"|"DISC"|"SQUARE">
Description List
A description list is a list of items with a description of each term/name
The <dl> tag defines a description list. <dl> is used together with <dt> (defines
items) and <dd> (describes each item)
Example:
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
</dl>
HTML List Tags
<ol>: defines an ordered list
<ul>: defines an unordered list
<li>: defines a list item
<dl>: defines a description list
<dt>: defines an item in a description list
<dd>: defines a description of an item in a description list
HTML Block Element
HTML elements are defined as block level element or as inline element.
Since <div> is a block level element, the browser will display a line break before
and after it.
<span> element
<span> element is an inline element that can be used as a container for text.
Inline styles
External CSS
CSS History
HTML stated to add formatting to its tags list (such as <font>, <b>, <i> <strong>,
etc) . This caused some problems?
The W3C created CSS and added it to HTML 4.0 with the intent of deprecating all
HTML format tags.
Presentation of HTML
HTML markup can be used to indicate both semantics of a document and its presentation (such
as style and format)
HTML never designed for formatting. It defines the semantics of a HTML document.
A rule set consists of two parts: selector string followed by declaration block.
CSS Core Syntax
Selectors
Type Selector: the selector string is simply the name of an element type.
◦ <a>, <p>, <ul>, etc.
* selector: it is the universal selector which represents every possible element type.
◦ * { font-weight: bold}. This specifies a value of bold for the font-weight property of every element in a
document.
ID Selectors
ID Selector: every element in a HTML has an ID attribute. An element must
have an unique ID. If a selector is precede by a (#), then it represents an ID
value. The ID value is case sensitive.
Text properties
Font families
Line Boxes
CSS Box Model