Este documento resume las etiquetas HTML más comunes utilizadas en la autoría web. Explica etiquetas como <html>, <head>, <title>, <body> que definen la estructura básica de una página web. También describe etiquetas para formato de texto como <br>, <pre>, <hr> y sus atributos para saltos de línea, preformateado y separadores.
1. Daniel García Acosta
403
Este es un breve resumen de las etiquetas utilizadas en HTML. Comprende la clase
más reciente de autoría web el grupo 403
ETIQUETAS DE AUTORIA WEB
• Inicio <html>
Permite identificar el tipo de documento. Todas las pagina de web estarán escritas en
HTML y tendrán la extensión .html o .htm al mismo tiempo esta etiqueta tiene que
tener un declarado la etiqueta de inicio (<html>) y la etiquete del final (</html>).
• Cabecera de la página
<head> Se utiliza para agrupar información sobre ella, como puede ser el titulo y va
justo debajo de la etiqueta de cabecera.
Dentro de la etiquetas de cabecera podemos encontrar las siguientes etiquetas:
<link>, <style>, <scrip>, <meta>, <title>.
Titulo de la página
El titulo de la página es aquel que aparecerá en la parte superior de la ventana de
nuestro navegador. Para asignar el titulo a una página es necesario las etiquetas de
texto <title> y </title>.
• Cuerpo del documento
El cuerpo del documento contiene la información propia de nuestra página web, es
decir, lo que queremos visualizar (un texto, imágenes, formularios, etc.)
Todos estos elementos vienen dentro de la etiqueta <body>______________</body>.
Atreves de la etiqueta body es posible establecer color en el fondo de nuestra página
así como una imagen. Utilizaremos el atributo bgcolor al que es posible asignarle un
color que va a estar representado en sexagesimal.
Diseño Web
Profesora Miroslava Hdez. Olvera
2. Daniel García Acosta
403
• El atributo background
Este atributo permite establecer una imagen como fondo indicando la ruta en la que se
encuentra la imagen.
Salto de línea <br>
Cuando trabajamos un editor de texto producimos un salto de línea con la tecla intro o
enter, pero dentro de HTML, utilizaremos la etiqueta <br> y la vamos a colocar en
donde deseamos un salto de línea, esta etiqueta no requiere un cierre.
→ Comentario
Podemos añadir comentarios dentro del código de manera que no se van a poder
visualizar en el navegador. Para insertar un comentario utilizaremos el siguiente
código: <! - - ___________ //- - >
• Per formateado
Es una forma segura de que el texto aparezca en el navegador tal cual ha sido
insertado dentro del código, las etiquetas son: <pre> y </pre>. Si utilizamos estas
etiquetas podemos tener la seguridad de que el navegador mostrara todos los
espacios en blanco que se hayan insertado en el texto, así como los saltos de línea.
• Separadores <hr>
Se utiliza para separar secciones dentro de una misma página, es una regla
horizontal. Utilizaremos la etiqueta <hr> la cual no tendrá etiqueta de cierre.
Diseño Web
Profesora Miroslava Hdez. Olvera
3. Daniel García Acosta
403
Los atributos que se utilizan en esta etiqueta son los siguientes
Atributo
Align
Significado
Alineación de la regla Left (izquierda)
Wiath Right (derecha)
Ancho Center (centrado)
Acompañado de un
número y %
Size
Alto
Un número
No shade
Eliminar el sombreado
No toma valores
Diseño Web
Profesora Miroslava Hdez. Olvera