<h1 | h2 | h3 | h4 | h5 | h6>
Para empezar, veremos los elementos entre h1 y h6. Estos elementos se utilizan para establecer encabezados, es decir, el tamaño de los títulos.
Hay seis niveles de encabezados: h1, h2, h3, h4, h5 y h6, estrictamente ordenados por tamaño. Los encabezados son elementos de bloque.
Apariencia: Se deben utilizar etiquetas para abrir y cerrar.
Atributos:% attrs, align.
Ejemplo:
<body>
<h1> Cabecera H1 </h1> <h2> Cabecera H2 </h2>
<h3> Cabecera H3 </h3> <h4> Cabecera H4 </h4>
<h5> Cabecera H5 </h5> <h6> Cabecera H6 </h6>
</body>
<p>
Definición: El párrafo <p> es uno de los elementos de bloque más comunes.
Distribuimos el texto en el documento de Word por párrafos, por lo que se dividen en líneas de texto en un documento HTML dentro de un <p>. Cada párrafo en HTML se compone de una sola línea de texto, si no incluimos una orden de devolución explícita utilizando el elemento. El navegador se encargará de la línea de texto para tomar el ancho completo, y si el ancho cambia, el texto se ajustará al nuevo ancho, tomando más o menos líneas.
El texto completo de un documento HTML, excepto encabezados, listas o celdas de tabla debe estar dentro del elemento <p>.
Apariencia: La etiqueta de cierre es opcional. No puede ser elementos de bloque.
Atributos:%attrs, align.
Ejemplo:
<body>
<h1> Evolución de las redes </h1>
<h3> 1. Fase: ordenadores personales </h3>
<p> Las computadoras personales comenzaron a iniciar lentamente su negocio, pero el lanzamiento de Lotus y programas de gestión similares y otras aplicaciones relacionadas con la empresa promovieron el desarrollo de PC. </p>
<h3> 2. Fase: red peatonal </h3>
<p> Inicialmente, los equipos eran dispositivos autónomos, ya veces las impresoras estaban conectadas. Si un trabajador no tenía una impresora conectada a su computadora, tenía que copiar los archivos en el disco, imprimirlos e imprimirlos en una computadora a un amigo de la impresora. Este tipo de red no profesional se llamaba "red peatonal". </ P>
<h3> 3. Fase: red LAN </h3>
<p> Por este inconveniente, las empresas instalaron redes locales (LANs). Esto les permitió transferir rápidamente la información de los usuarios a través de la red. Por lo tanto, en lugar de impresoras locales, se instalaron impresoras de red. </p>
</body>
La barra espaciadora debe tenerse en cuenta. Si queremos insertar más de un espacio normal entre dos palabras, no se puede usar la barra espaciadora; Porque el navegador no lo ignora. Debe insertar el carácter (espacio sin interrupción) para cada espacio que desee agregar.
<hr>
Otra forma de separar el texto es usar una línea horizontal visible.
Ocurrencia: sin etiqueta de cierre (V).
Atributos:% attrs, align, noshade, size y width.
<b> <i> <big> <small> <s> <strike> <tt> <u>
Definición: Estos son los de estilo de fuente.
b: negrita, i: cursiva o cursiva, big: tamaño grande, small: tamaño pequeño,
s y strike: un texto marcado a través de una línea que divide las palabras por la mitad,
tt: texto de teletipo, u: subrayado por una línea debajo.
Apariencia: Se deben utilizar etiquetas para abrir y cerrar.
Atributos:% attrs.
Estos elementos en HTML5 han sido redefinidos en su mayoría, cuando lleguemos a HTML5 veremos las diferentes variaciones.
<font>
Definición: establece el tamaño del texto, el color y la fuente
Apariencia: se requieren etiquetas para abrir y cerrar.
Atributos:% i18,% coreattrs, size, color, face.
Ejemplo:
<body>
<h1> Estilos de fuente </h1> <hr>
<ul>
<li> <h2> Estilos simples: </h2>
<b> Abultado </ b> <i> Abajo </i> <big> Big Size </big>
<small> Pequeño tamaño </small> <tt> Teletipo </tt>
<strike> Tachado </strike> <u> Subrayado </u>
</li>
<li> <h2> Tipo de letras: </ h2>
<font face ="Verdana" size="4"> Tipo de letra Verdana </font>
<font face ="Courier New"> Cara de la fuente Courier </font>
</li>
</ul>
</body>
Con hojas de estilo, hay muchas más opciones disponibles; Es por eso que todos los estilos de fuentes están obsoletos.
Ejercicio8:
· Crea una pagina utilizando los estilos elementos de texto vistos hasta ahora:
<h..>, <p>, <b> <i> <big> <small> <s> <strike> <tt> <u><font>
<pre> Formato de vista previa
Definición: El navegador mostrará el texto como se muestra en el contenido de esta etiqueta, respetando tabuladores, espacios y saltos de línea.
La única excepción es la inclusión de otros elementos HTML en el contenido; Estos también serán ejecutados.
Ocurrencia: se requieren etiquetas iniciales y finales.
Atributos:% attrs y width.
- width: indica el ancho del bloque con el formato anterior.
Ejemplo:
<body>
<h1> Programación de Java </h1>
<h2>
<pre>
clase HolaMundo {
public static void main (String arg []) {
System.out.println (<< Hola Mundo >>)
}
}
</pre>
</h2>
</body>
Para evitar la interpretación de etiquetas "<" y ">" como etiquetas, necesitamos utilizar lo siguiente:
< = "<" (Menor que)
> = ">" (Mayor que)