Ciencias Exactas

HTML

Contenido
1. 2. 3. 4. Qué es HTML Sintaxis Estructura Etiquetas básicas

Qué es HTML
• Lenguaje para describir el contenido de páginas web. • Basa su sintaxis en etiquetas.
• Estándar compuesto por recomendaciones publicadas por ww.w3.org

Sintaxis
HTML tiene 3 tipos de componentes:
1. Etiquetas 2. Atributos 3. Entidades

Etiquetas
• Proporcionan la estructura al documentoHTML e indican al navegador cómo se debe presentar un sitio web.
La etiqueta presenta frecuentemente dos partes: 1. Una apertura de forma general 2. Un cierre de tipo

Atributos
• Un atributo es un elemento que se encuentra dentro de la etiqueta de apertura y que permite definir propiedades adicionales. • Los atributos se muestran frecuentemente como una pareja clave=valor, pero algunosatributos pueden, a veces, definirse únicamente por su clave.
Ejemplo • Párrafo ejemplo •

Entidades
• Son códigos para insertar caracteres especiales que todos los navegadores pueden entender.
Carácter
á é í ó

Secuencia de escape Carácter
á é í ó

Secuencia de escape
>
& "e;

>
& “

©

©
®

ú
ñ

ú
ñ

®[espacio]

 

<

<

Estructura
• La estructura básica de una página HTML es:


Título de la página Cuerpo de la página


Contiene información que no forma parte del contenido de la página en sí.

• Título de la página. • Vínculos a hojas de estilos CSS. Esta es mi pagina web • Información para robots de búsqueda. •



Etiquetas básicas
• • • • • • • • • • •Párrafos Saltos de línea Títulos Marquesinas Separadores horizontales Comentarios Enlaces Imágenes Listas Tablas Formularios

Párrafos
• Los párrafos sirven para estructurar el contenido de la página. Sintaxis Aquí va el contenido del párrafo • Todo lo que encerremos entre las etiquetas aparecerá separado por un espacio con respecto al próximo párrafo.

Párrafos
Ejemplo:


Ejemplo depárrafos
Párrafo 1 Párrafo 2

Saltos de línea
Hay veces que necesitamos forzar un salto de línea dentro de un párrafo. Sintaxis

Saltos de línea
Ejemplo
• • Hola a todos, este es un ejemplo para el uso del salto de línea. Adios. •

Títulos
• HTML posee una serie de etiquetas que permiten disponer de títulos de hasta 6 niveles de importancia.
• Estas etiquetas son:• Siendo el más importante el uno y el menos importante el seis.

Títulos
Atributos
Atributo Valor

Descripción

style title

Color:blue;
“Mi titulo”

Especifica el estilo del elemento. Muestra información extra acerca del título

Títulos
Ejemplo
Título 1 Título 2 Título 3 Título 4 Título 5 Título 6

Marquesinas
• Con las etiquetas y se puede crear una marquesinacon texto que se desplaza. Atributos
Atributo align direction loop scrolldelay Valor
top middle bottom left right num infinite num

Descripción Posición del texto. Indica para donde se desplaza el texto. Número de veces que se desplazará el texto Milisegundos que tarda en reescribirse el texto por la marquesina.

Separadores horizontales
• Esta etiqueta está formada por una únicainstrucción y provoca que el navegador inserte una línea horizontal. Atributos
Atributo Valor align size width
left center right
Numero pixeles Numero pixeles o %

Descripción Cambiar la alineación de la línea. Controlar el grosor de la línea. Especificar el ancho de la línea.

Comentarios
• Los comentarios son notas que ponemos en el código fuente de una página, pero que no se muestran enpantalla.
• Para el navegador, son invisibles.

• Son útiles para indicar qué hacen ciertas partes del código.

Enlaces o hipervínculos
• Se usan para enlazarnos a otra página.
Sintaxis Texto del enlace

Atributos
Atributo Valor Descripción

href
target

URL

Ruta o dirección en donde se localiza la página a enlazar. _blank La página se abre en una nueva ventana. _self La página...