Documentos de Académico
Documentos de Profesional
Documentos de Cultura
HTML
Núcleo común, ajusta la
distribución de los
elementos , define una
estructura (Construcción).
Etimología
DOCTYPE – Principio .
HEAD – Encabezado de la
página; lugar en el que se
publica la información que
recuperarán los servidores
y motores de búsqueda (No
visible para el usuario).
BODY – Cuerpo de la
página; aquí se publican
todos los contenidos que
serán visibles para el
usuario final.
Definición del tipo de documento DOCTYPE
Indica tres cosas al navegador:
1. Cómo se llama el elemento raíz del navegador (HTML).
2. Qué versión de HTML se utiliza (XHTML 1.0 Transitional).
3. Dónde se puede encontrar el libro gramatical correspondiente (URL).
<HEAD>
<TITLE>
Aquí se publica el título de la página. Ideal para que los motores
de búsqueda puedan indexarlo y darle algún tipo de personalidad
a la página.
</TITLE>
</HEAD>
Cuerpo de la página BODY
En su interior se publican todas las etiquetas que serán visibles para el usuario final.
<BODY>
<P>Es importante conocer las propiedades y características de cada una de
las etiquetas para facilitar el proceso de crear una estructura ordenada de los
elementos en una página web. </P>
</BODY>
Datos de interés sobre el HTML
-Todos los elementos de HTML (un 95% aproximadamente) cuentan con una etiqueta de
inicio y una de cierre, en su interior se publican los demás elementos. Ejemplo:
Inicio Cierre
<head>
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
Etiquetas HTML más utilizadas
<DIV> (Division) - Permite dividir la página en bloques o contenedores en los que se puede
almacenar información; sería el equivalente a una estructura dentro de la estructura. Ideal
para ser utilizada con hojas de estilos CSS. Ejemplo:
<H1> a <H6> (Heading) - Establece un nivel de jerarquía entre los títulos donde H1 es el
principal y H6 se encuentra seis niveles por debajo. Cada uno ofrece un tamaño
preestablecido que luego puede ser cambiado por las hojas de estilo. Ejemplo:
<UL> (Unordered List)- Identifica el inicio de una lista representada por viñetas; cada viñeta
a su vez se representa con la etiqueta <LI>. Ejemplo:
<UL>
<LI> Viñeta 1. </LI>
<LI> Viñeta 12. </LI>
</UL>
<OL> (Ordered list) - Permite la creación de una lista numerada de elementos. Ejemplo:
<OL>
<LI> Primero. </LI>
<LI> Segundo. </LI>
</OL>
<DL> (Definition List) - Ideal para crear glosarios ofrecen estructuras que pueden ser
aprovechadas para el desarrollo de diseños . Se utiliza en conjunto con las etiquetas <DT>
término a definir y <DD> descripción.
<DL>
<DT> Término a definir. </DT>
<DD> Definición. </DD>
</DL>
<A> (Anchor) - Permite la creación de hipervínculos entre páginas. Ejemplo:
<TABLE> - Permite la creación de tablas. Se utiliza en conjunto con las etiquetas <TR> (Table
Row) para la creación de filas; y <TD> (Table Data) o celdas en las que se publicará el
contenido (Tenga en cuenta que las filas son horizontales) . Ejemplo:
<TABLE>
<TR>
<TD> Primera celda</TD> <TD> Segunda celda </TD>
</TR>
</TABLE>
* Se puede utilizar la etiqueta <TH> (Table Heading) para aplicar el formato de negrita y
centrado a la primera fila de la tabla.
Caracteres especiales
Se escriben en el código de HTML de manera especial para evitar problemas con ciertos
navegadores web (Browsers). Empiezan por el símbolo & seguido de un valor predefinido y
finalizando con punto y coma ; .