Html 01

Etiquetas.
La unida básica del lenguaje HTML son las etiquetas.
Una etiqueta es una cadena formada por los símbolos de menor y mayor y entre ellos una
cadena que determina el nombre de la etiqueta.
< Nombre_de_la_etiqueta >

Generalmente las etiquetas se utilizan como delimitadores, por lo cual una etiqueta esta
compuesta de una parte que indica el inicio u el complemento que indica la finalización.

Sintaxis: Etiqueta con inicio u fin

<Etiqueta_Inicio> Texto contenido < / Etiqueta_Fin>

También existen etiquetas simples las cuales se componen solo de la parte de inicio.

Sintaxis: Etiqueta Simple
<Etiqueta_Inicio>

Atributos de las etiquetas.
Las etiquetas contienen una serie de parámetros para poder personalizar la operación que
deslizan.
Estos parámetros son llamadas Atributos de la etiqueta.
Los atributos son parámetros que se configuran en el momento de generar una etiqueta.

Sintaxis:
< Etiqueta atributo1= “Valor” atributo2=“Valor” …> Texto Contenido </Etiqueta>

Notas:
1. El atributo se genera del par nombre = “Valor”
2. El valor del atributo siempre se escribe entre comillas.
3. Los atributos son denotados dentro de la etiqueta de inicio.
4. Los atributos se separan entre ellos a través de espacios en blanco.

Estructura de un documentos HTML.
La estructura básica de un documentos HTML esta compuesto por una secuencia de
etiquetas. A continuación se muestra la estructura básica de un documentos HTML.

<html>
<head>
Datos de configuración del documento.
</head>

<body>
Cuerpo del documento.
</body>
</html>

1. La etiqueta <html> indica el inicio de un documento HTML.
2. La etiqueta <head> es util, para configurar datos acerca del documento
3. La etiqueta <body> agrupa a todo el contenido del documento

Etiquetas para Párrafo.
Etiqueta para delimitar párrafo. Texto párrafo 
Atributos:

Atributo Operación Valores
align Alinea el párrafo center
left
right
justify
Ejemplos.

Es un discurso ciertamente muy interesante de un innovador que comenta su forma
de afrontar los cambios en un camino profesional, como el de cualquiera de nosotros,
sujeto cada vez con mucha mayor frecuencia a más cambios. 

Es un discurso ciertamente muy interesante de un innovador que
comenta su forma de afrontar los cambios en un camino profesional, como el de
cualquiera de nosotros, sujeto cada vez con mucha mayor frecuencia a más cambios.

Etiqueta para Encabezados.
Para generar encabezados en un documento HTML, se utilizan las etiquetas de encabezado.
Las etiquetas de encabezado formatean el texto en estilo negritas y con un tamaño de fuente
especifico.

Sintaxis:
<hn>Texto de encabezado del documento </hn>

donde:
h. Indica que se esta generando un encabezado o titulo.
n. Es un numero entero que indica el tipo de encabezado

Valore posibles para n = {1, 2, 3, 4, 5, 6}
Al terminar la etiqueta de encabezado, se genera automáticamente un salto de línea.

Atributos.

align Alinea el encabezado center
left
right
justify

Encabezados. Ejemplos
Encabezado 1, tamaño fuente: 6




Encabezados. Ejemplos

Por default:
Si no se indica una alineación se
aplica alineación a la izquierda

Formato del texto.
Cuando se requiere personalizar el formato del texto en documentos HTML, se utilizan varias etiquetas, una
de las mas importantes es la etiqueta 
La etiqueta font permite configurar:
1. Tipo de letra.
2. Color de la letra
3. Tamaño de la letra

Sintaxis.

Texto para formatear

face Determina tipo de letra Fuentes del sistema cliente

size Determina el tamaño de la {1, 2, 3, 4, 5, 6, 7}
letra
color Configura el color de la letra Tabla de colores HTML

Importante.
El conjunto de fuentes, es aquel que existe en el equipo donde será reproducido el documento HTML.

Configurando tipo de letra

Tipo: Arial black

Tipo: times New Roman

Tipo: symbol

Configurando tipo de letra
Se pueden configurar varios tipos de letras, así en caso que el equipo cliente no cuente con la primera tendrá
la opción de ejecutar alguna de la lista de configurada.

Fuente conocida por el
diseñador, pero no conocida por el
equipo cliente

En este caso se muestra que el
tipo de letra: “miFuente” no
existe en el equipo cliente, pero
se ejecuta la configuración de
una segunda fuente para el
texto

Tamaño de la letra.
Para determinar el tamaño de la letra se utiliza el atributo size de la etiqueta .

Configuración del
tamaño de la letra.

Configuración de tipo y
tamaño de la letra.

Configuración del Color de la letra.
Para determinar el color de la fuente se realiza mediante el atributo color de la etiqueta . El valor
para el atributo se puede proporcionar con el nombre del color (en ingles) o con un valor hexadecimal.

Color mediante nombre del color.

Color mediante Código Hexadecimal.

Saltos de línea.
En un documento HTML, los saltos de línea se generan en los siguientes casos:
1. Después de una etiqueta párrafo …
2. Después de una etiqueta de encabezado <hn>…</hn>
Para genera explícitamente un salto de línea, se utiliza la etiqueta 

Sintaxis.
Línea del documento 
 línea del documento
párrafo del documento
 párrafo del documento
 …

Importante.
Como se puede observar esta etiqueta no cuenta con inicio y fin, pues es una solo (inicio)

Separador Vertical
La etiqueta <hr> permite agregar separadores verticales en un documento HTML.

Sintaxis.

<hr>

Atributos.

width Determina el ancho (longitud Valor entero en pixeles o en
horizontal) del separador. porcentaje
size Determina la altura o espesor En pixeles
del separador.
noshade Si se aparece este atributo se Ninguno
elimina la sombra del separador
align Alineación del separador Alinea el separador (solo si
no esta al 100% de ancho)

Texto en negritas.
La etiqueta permite aplicar estilo negritas al texto del documento HTML.

Sintaxis.
Texto para formatear

Texto en estilo Normal

Texto en estilo Negritas

Texto en Cursivas.
La etiqueta permite aplicar estilo cursivas al texto del documento HTML.

Sintaxis.
Texto para formatear

Texto estilo normal

Texto estilo Cursivas

Texto Subrayado.
La etiqueta permite aplicar estilo subrayado al texto del documento HTML.

Sintaxis.
Texto para formatear

Texto estilo Normal.

Texto estilo Subrayado.

Etiquetas anidadas.
1 2 3

Secuencia de apertura: 
…
secuencia de cierre: 

3 2 1

1 2 3 3 2 1

Esto aplica para todas las etiquetas de
formato de texto.

Html 01

Más contenido relacionado

La actualidad más candente

Similar a Html 01

Html 01