Tablas HTML
Tutorial HTML » Tablas HTML
Definiendo una tabla HTML
Las tablas HTML permiten a los autores web organizar datos como texto, imágenes, enlaces, otras tablas, etc. en filas y columnas de celdas.
Las tablas HTML se crean usando la etiqueta <table> en la que la etiqueta
<tr> se usa para crear filas de tabla y la etiqueta
<td> se usa para crear celdas de datos.
Los elementos debajo de <td> son regulares y se dejan alineados por defecto.
Sintaxis:
<tr>
<th>title_text</th> <!-- cada línea una columna -->
...
...
...
</tr>
<tr>
<td>content</td> <!-- cada línea una columna -->
...
...
...
</tr>
</table>
Borde de tabla HTML - ejemplo
¿Cómo insertar borde de tabla HTML en páginas web?
El atributo de borde HTML especifica si se debe mostrar un borde alrededor de las celdas de la tabla o no.
valor = 0 Sin bordes alrededor de las celdas de la tabla
valor = 1 Agrega bordes alrededor de las celdas de la tabla
<!DOCTYPE html>
</body>
<html>
<head>
<title>Borde de tabla HTML</title>
</head>
<body>
<h2>Borde de tabla HTML </h2>
<table border="1">
<tr>
<th> titulo 1 </th>
<th> titulo 2 </th>
</tr>
<tr>
<td>line 2- column 1</td>
<td>line 2- column 2</td>
</tr>
<tr>
<td>line 3- column 1</td>
<td>line 3- column 2</td>
</tr>
<tr>
<td>line 4- column 1</td>
<td>line 4- column 2</td>
</tr>
</table>
</html>
Tamaño de fuente de la tabla HTML - ejemplos
Establecer el tamaño de fuente de la tabla HTML
En la siguiente ventana Estilo de tamaño de fuente de la tabla HTML le mostramos un ejemplo que contiene los siguientes elementos de estilo:
<table width = "100%" border = "1" style = "font-size: 16px; color: # 03C">
<!DOCTYPE html>
<html>
<head>
<title>HTML Table</title>
</head>
<body>
<h2>Tamaño de fuente de la tabla HTML - ejemplos </h2>
<table width="100%" border="1" style="font-size:16px; color:#03C">
<tr>
<td><b>Client</b></td>
<td><b>InstanceName</b></td>
<td><b>dbname</b></td>
<td><b>Filename</b></td>
<td><b>KeyName</b></td>
<td><b>Rotation</b></td>
<td><b>Path</b></td>
</tr>
<tr>
<td>NEWDEV6</td>
<td>EXPRESS2012</td>
<td>master</td><td>master.mdf</td>
<td>test_key_16</td><td>0</td>
<td>d:\Program Files\Microsoft SQL Server\master.mdf</td>
</tr>
</table>
</body>
</html>
Etiquetas:
Tablas HTML ejemplos, css, bordes, online, responsive, estilos,
poner bordes a tabla en html, diseño de tablas en html, html hacer tablas, tipos de tablas, html y css tablas, estilo de tablas, alinear tablas, etiquetas
Estilo de color de fuente de tabla HTML
En la siguiente ventana le mostramos un ejemplo que contiene los siguientes elementos de estilo de color de fuente de tabla HTML:
<table width = "100%" border = "2" style = "font-size: 16px; background-color: #CFC; color: # 039 ">
<!DOCTYPE html>
<html>
<head>
<title>Estilo y fondo de color de fuente de tabla HTML</title>
</head>
<body>
<h2>Estilo y fondo de color de fuente de tabla HTML</h2>
<table width="100%" border="2" style="font-size:16px; background-color:#CFC; color:#039">
<tr>
<td><b>Client</b></td>
<td><b>InstanceName</b></td>
<td><b>dbname</b></td>
<td><b>Filename</b></td>
<td><b>KeyName</b></td>
<td><b>Rotation</b></td>
<td><b>Path</b></td>
</tr>
<tr>
<td>NEWDEV6</td>
<td>EXPRESS2012</td>
<td>master</td><td>master.mdf</td>
<td>test_key_16</td><td>0</td>
<td>d:\Program Files\Microsoft SQL Server\master.mdf</td>
</tr>
</table>
</body>
</html>
Tablas HTML ejemplos, css, bordes, online, responsive, estilos,
poner bordes a tabla en html, diseño de tablas en html, html hacer tablas, tipos de tablas, html y css tablas, estilo de tablas, alinear tablas,Tablas HTML - html.es
This tool makes it easy to create, adjust, and experiment with custom colors for the web.
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.
Find here examples of creative and unique website layouts.
Find here examples of creative and unique website CSS HTML menu.