HTML Colors
Colors are displayed combining RED, GREEN, and BLUE light.
Tampilkan postingan dengan label RPL. Tampilkan semua postingan
Tampilkan postingan dengan label RPL. Tampilkan semua postingan
Kamis, 08 Desember 2011
Basic HTML
Label: RPL
Sebenarnya HTML itu tidak sesulit yang kita bayangkan
semua tergantung dari kemauan belajar kita
berikut adalah dasar - dasarnya :)
HTML Tables
HTML Tables
| Apples | 44% |
| Bananas | 23% |
| Oranges | 13% |
| Other | 10% |
Try it Yourself - Examples
Tables
How to create tables in an HTML document.
How to create tables in an HTML document.
Table borders
How to specify different table borders.
How to specify different table borders.
(You can find more examples at the bottom of this page).
HTML Tables
Tables are defined with the <table> tag.
A table is divided into rows (with the <tr> tag), and each row is divided into data cells (with the <td> tag). td stands for "table data," and holds the content of a data cell. A <td> tag can contain text, links, images, lists, forms, other tables, etc.
Table Example
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
How the HTML code above looks in a browser:
| row 1, cell 1 | row 1, cell 2 |
| row 2, cell 1 | row 2, cell 2 |
HTML Tables and the Border Attribute
If you do not specify a border attribute, the table will be displayed without borders. Sometimes this can be useful, but most of the time, we want the borders to show.
To display a table with borders, specify the border attribute:
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
HTML Table Headers
Header information in a table are defined with the <th> tag.
All major browsers will display the text in the <th> element as bold and centered.
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
How the HTML code above looks in your browser:
| Header 1 | Header 2 |
|---|---|
| row 1, cell 1 | row 1, cell 2 |
| row 2, cell 1 | row 2, cell 2 |
More Examples
Tables without borders
How to create tables without borders.
How to create tables without borders.
Table headers
How to create table headers.
How to create table headers.
Table with a caption
How to add a caption to a table.
How to add a caption to a table.
Table cells that span more than one row/column
How to define table cells that span more than one row or one column.
How to define table cells that span more than one row or one column.
Tags inside a table
How to display elements inside other elements.
How to display elements inside other elements.
Cell padding
How to use cellpadding to create more white space between the cell content and its borders.
How to use cellpadding to create more white space between the cell content and its borders.
Cell spacing
How to use cellspacing to increase the distance between the cells.
How to use cellspacing to increase the distance between the cells.
The frame attribute
How to use the "frame" attribute to control the borders around the table.
How to use the "frame" attribute to control the borders around the table.
HTML Table Tags
| Tag | Description |
|---|---|
| <table> | Defines a table |
| <th> | Defines a table header |
| <tr> | Defines a table row |
| <td> | Defines a table cell |
| <caption> | Defines a table caption |
| <colgroup> | Defines a group of columns in a table, for formatting |
| <col /> | Defines attribute values for one or more columns in a table |
| <thead> | Groups the header content in a table |
| <tbody> | Groups the body content in a table |
| <tfoot> | Groups the footer content in a table |
membuat list dengan HTML code
Label: RPLSekedar Share Buat temen-temen
Skali-Skali pake bahasa inggris ndak papa yah :)
HTML Unordered Lists
An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
The list items are marked with bullets (typically small black circles).
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
Langganan:
Postingan (Atom)
