AgerNic.com
WEB DEVELOPER SITE, HTML, CSS, PHP, SQL

Tablas HTML


Next Page >>
HTML images

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:

<table>
<tr>
<th>title_text</th> <!-- cada línea una columna -->
...
...
...
</tr>
<tr>
<td>content</td> <!-- cada línea una columna -->
...
...
...
</tr>
</table>

Nota:Los elementos <td> son los contenedores de datos de la tabla.

 

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

Ejemplo

<!DOCTYPE html>
<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>

</body>
</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">

Ejemplo
<!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&nbsp;Files\Microsoft&nbsp;SQL&nbsp;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 ">

Ejemplo
<!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&nbsp;Files\Microsoft&nbsp;SQL&nbsp;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

Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


1
Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


CSS background color - opacity, gradient...
CSS flex - display: flex - CSS Flexbox L...
CSS border padding...
HTML text center horizontally and vertic...
HTML text input <input type="text"&g...
HTML link color...
How to Link CSS to HTML, external file n...
HTML link - hyperlink...
jQuery replace...
jQuery replaceClass...
jQuery click ()...
jQuery switchClass()...
jQuery draggable()...
jQuery HTML...
jQuery scroll smooth...
jQuery scroll()...
jQuery stop()...
jQuery animate()...
jQuery SlideToggle()...
jQuery slideDown()...