Está en la página 1de 3

Plantilla Etiquetas HTML

Estructura documento:
<!DOCTYPE html>
<html>
<head>
<title>
</title>
</head>
<body>

</body>
</html>
Función CÓDIGO HTML

Color de fondo <body bgcolor=”color”>

Imagen de fondo <body background=”nombre_foto”>

Negrita <b> </b>

Cursiva <i> <i/>

Subrayado <u> </u>

Espacio en blanco &nbsp

Salto de línea <br>

Tamaño fuente <font size=”tamaño”> </font>

Color fuente <font color=”color”> </font>

Tipo fuente <font face=”nombre_fuente”> </font>

Encabezados <h1> </h1>


<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>

Párrafo alineado <p align=”left | right | center”> </p>

Línea horizontal <hr color=“nombre” align=“left| right | center” size=“n” width=“n” >

Insertar imagen <img src=”nombre_imagen” alt=”texto_alternativo” border=”tamaño”


height=”tamaño” width=”Tamaño” hspace=”margen horizontal”
vspace=”margen vertical”>

Insertar enlace <a href=”enlace” target=”_blank (abrir el enlace en una nueva pestaña) ó
_self (abrir el enlace en una nueva pestaña)”> Texto </a>

LMSG IES Julio Verne Laura Lozano Larín


Lista ordenada <ol start=”n” type=”Tipo de lista (1/a/A/i/I)”>
<li>Elemento 1
<li>Elemento 2
....
<li>Elemento n
</ol>

Lista sin numerar <ul type=”disk/circle/square”>


<li>elemento 1
<li>elemento 2
....
<li>elemento n
</ul>

Tabla <table border=”n” cellpadding=”n” cellspacing=”n” width=”n ó %” height=”n ó


%” bgcolor=”#rrggbb ó nombre” bordercolor=“#rrggbb ó nombre”>
<tr align=”left/right/center” valign=”top/middle/bottom”
bgcolor=”#rrggbb ó nombre”> (fila)
<th rowspan=”nº_filas_combinadas”
colspan=”nº_columnas_combinadas”>Celda 1</th> (negrita
centrada)
<td>Celda 2</td> (normal)
</tr> (termina fila)
<tr>
<td>Celda 3</td>
<td>Celda 4</td>
</tr>
</table>

Formulario <form action=”mailto:nombre_correo” method=”post” name=“Texto”>


<input type=“text” name=“Variable” placeholder=”Texto_casilla”
value="Valor_inicialización" size="Tamaño"
maxlength="Longitud_máxima"> (cuadro de texto)

<input type=”password” name="Variable" placeholder=”Texto_casilla”


value="Valor_inicialización" size="Tamaño"
minlength=”Longitud_mínima” maxlength="Longitud_máxima">
(contraseña)

<input type="checkbox" name="nombre" value="gusta"> (checkbox)

<input type=”radio” name="Variable" value="Valor" checked>


(Selección excluyente)

<button type=“submit”>Contenido del botón</button> (Enviar)

<button type=”reset”>Contenido del botón</button> (Reseteo)

<select name="variable" multiple size=“n”>


<option selected value="valor_1">primera opción
<option value="valor_2">segunda opción
..........
<option value="valor_n">enésima opción
</select> (Desplegable de opciones)
</form>

LMSG IES Julio Verne Laura Lozano Larín


LMSG IES Julio Verne Laura Lozano Larín

También podría gustarte