Este documento proporciona una introducción a HTML5, incluyendo elementos básicos como <DOCTYPE>, <html>, <head>, <title>, <body>, etiquetas de encabezado como <h1>-<h6>, listas ordenadas y no ordenadas usando <ul> y <ol>, enlaces con <a> , imágenes con <img>, y tablas con <table>, <tr>, y <td>. También explica conceptos como URL y cómo insertar texto, imágenes y tablas en una página web.
2. QUE ES HTML?
HTML, siglas de hypertext markup language (lenguaje de marcas de hipertexto), hace referencia al lenguaje de
marcado para la elaboración de páginas web.
3.
4. DOCTYPE: Define el tipo de documento.
Este elemento, le indica al navegador la versión
y tipo de HTML empleado en el documento.
Elemento html: Delimita el documento HTML,
indicando al navegador el comienzo y fin de la
página html.
-Elemento head: head viene del ingles cabeza y
su función es delimitar cabecera del
documento.
La cabecera es la sección apropiada para incluir
información sobre el documento, la mayoría de
la cual no será mostrada a los lectores.
Elemento title: Indica el título del documento.
En general, los navegadores modernos lo
muestran en la barra de título de la ventana.
Elemento body: Delimita el cuerpo del
documento.
Aquí van todos los contenidos de la página
(texto, imágenes...)
5. Texto con h1
h1 es una etiqueta que sirve para colocar la frase que indica el
título del contenido de una página web.
Texto con h2
La etiqueta H2 es un elemento que indica títulos de
importancia para subsecciones del documento web actual.
Texto con h3
Las etiquetas H3 en adelante nos permiten definir títulos de subapartados
de un bloque encabezado con un H2.
Texto con h4
ETIQUETAS DE
ENCABEZADO
La etiqueta de
encabezado H1 y sus
hermanas pequeñas son
una de las
herramientas más
potentes con las que
contamos a nivel de
SEO
SEARCH ENGINE
OPTIMIZATION
6. HTML ofrece a los autores varios mecanismos para especificar listas de
información. todas las listas deben contener uno o más objetos de lista. las
listas pueden contener:
LISTAS
Información no
ordenada <UL>
Información
ordenada <OL>
Definiciones –
Objetos de lista <LI>
<UL>
<LI>Información no ordenada. </LI>
<LI>Información ordenada.</LI>
<LI>Definiciones.</LI>
</UL>
<ol>
<li>Mezcle los ingredientes secos
íntimamente.</li>
<li>Vierta los ingredientes
líquidos.</li>
<li>Remueva durante 10
minutos.</li>
<li>Hornee durante una hora a
300 grados.</li>
</ol>
7.
8. QUE ES UNA URL?
▪ URL
▪ Uniform Resource Locator
▪ localizador uniforme de recurso
Se refiere a la dirección única
que identifica a una página web
en Internet.
9. ENLACES EN HTML
▪ <a href="destino">contenido</a> Sintaxis general
▪ Href (Hypertext Reference)
▪ Enlaces internos: Los que se dirigen a otras partes dentro de la misma página.
▪ Enlaces locales: Los que se dirigen a otras páginas del mismo sitio web.
▪ Enlaces remotos: Los dirigidos hacia páginas de otros sitios web.
▪ Enlaces con direcciones de correo: Para crear un mensaje de correo dirigido a una dirección.
▪ Enlaces con archivos: Para que los usuarios puedan hacer download de ficheros.
10. INSERTAR IMAGENES
▪ <IMG SRC="immagine.gif"> Sintaxis general
▪ SRC corresponde al inglés Search y es el recorrido del que el navegador saca la imagen
▪ ALT El uso de texto para comentar las imágenes es una regla fundamental
▪ WIDTH es la dimensión horizontal (ancho) de la imagen expresada en píxel,
▪ HEIGHT la dimensión vertical (alto).
▪ BORDER podemos aplicar un borde a la imagen.
▪ HSPACE Distancia de los lados derecho e izquierdo de la imagen a los objetos más cercanos (texto, imágenes,
apliques, etc.).
▪ VSPACE Distancia de los lados superior e inferior de la imagen a los objetos más cercanos (texto, imágenes,
apliques, etc.).
▪ <IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 BORDER=2 VSPACE=3 HSPACE=3 ALT="Obra de K. Haring">
11. • <TABLE> genera la tabla, mientras que <TD>
sirve para definir los campos presentes dentro
de esta tabla.
• <TR> que es una especie de "salto" de fila dentro
de la tabla.
TABLAS