WEB AUTHORING. MAT 108 | Alejandra Jarabo |
HTML CODE. FIRST APPROACH |
Hyper Text Markup Language: html
Current standard: XHTML (eXtensible)
Based on XML--> Set of guidelines for delimiting a text through System tags, through computers and operating systems (so everybody can see the "same" page)
Tags wrap around the content like the head and tail of a train around the wagons
Opening tag <p>
Closing tag </p>
Opening tag <table>
Closing tag </table>
Tables are measured by ROWS in html <tr> ... </tr>
Each CELL in a table is called <td>
<td>...</td>
For a complete list of html tags AND the code for special characters ( besides the alphabetic and numeral characters, or letters used in other languages). Click HERE
The basic html code of a table looks like this: <table> <tr> |
Let's look at the table in the design window
|
<table width="300" border="1" bordercolor="#333333">
|
Now let's look at a table with background color for some cells:
|
The cell tag in a table <td> can have an attribute called bgcolor that lets you provide an hexadecimal value to describe the background color of the cell.
<td bgcolor="#CC6666">
The DIV tag is a very important tool to align elements in an html page, besides being used in a table.
Is currently used by CSS (Cascade Style Sheets), a method to to attach styles such as specific fonts, colors, and spacing to HTML documents.
The DIV tag uses a tag element, an attribute, and an attribute's value written in quotes.
<div align="left">2</div>
opening tag |
closing tag | ||||
tag |
attribute | atrribute's value | text on html | tag | |
<div | align | ="left" | > | 2 | </div> |
In our case above, the <div> tag lets you center the content of the cell with the atribute align.
<div align="center">your text here</div>
The same way, the <table> tag on the red frame above, contained 3 attributes: width, border and bordercolor.
<table width="300" border="1" bordercolor="#333333">
To the next page on html code click HERE