HTML
¿Qué es HTML?
HTML es un lenguaje para describir páginas web.
● HTML significa
H
yper
T
ext
M
arkup
L
Language
● HTML no es un lenguaje de programación, es un
lenguaje de marcado
● Un lenguaje de etiquetas es un conjunto de
etiquetas de marcas
● HTML utiliza
etiquetas de marcado
para describir páginas web
Etiquetas HTML
Etiquetasde formato HTML se llaman las etiquetas HTML
● Etiquetas HTML son palabras clave rodeado de
paréntesis angulares
como
● Etiquetas HTML normalmente
vienen en pares
como y
● La primera etiqueta en un par es la
etiqueta de inicio o apertura
,
la segunda etiqueta es la
etiqueta de cierre
Los documentos HTML = Páginas Web
● Documentos HTML
describir páginas web
● Losdocumentos HTML
contienen etiquetas HTML
y texto plano
● Los documentos HTML son también
llamadas páginas web
El propósito de un navegador web (como Internet Explorer o Firefox) es la lectura de documentos
HTML y mostrarlos como páginas web. El navegador no muestra las etiquetas HTML, pero utiliza las
etiquetas para interpretar el contenido de la página:
Ejemplo
My First Heading
My first paragraph.
Compruébalo por ti mismo »
Comenzar a aprender HTML ahora!
Explicación del Ejemplo
●
●
●
●
El
El
El
El
texto
texto
texto
texto
entre
entre
entre
entre
y describe la página web
y es el contenido de la página visible
y se muestra como un título
y se muestra como un punto
Edición de HTML
HTML se puede escribir y editar con muchos otros editores como Dreamweaver o Visual Studio.
Sin embargo, en este tutorial vamos a usar un editor de texto plano (como el Bloc de notas) para
editar HTML. Creemos que utilizando un editor de texto sin formato es la mejor manera de aprender
HTML.
Crea tu propia prueba Web
Si lo que deseas es aprender HTML, omite el resto de estecapítulo.
Si deseas crear una página de prueba en su propio ordenador, sólo tienes que copiar los 3 archivos
debajo de su escritorio.
(Haz clic en cada enlace y selecciona "Guardar destino como" o "Guardar enlace como")
mainpage.htm
pagina1.htm
pagina2.htm
Después de haber copiado los archivos, puedes hacer doble clic en el archivo llamado "mainpage.htm"
y ver tu sitio web por primera vez en acción.
.HTM o extensión de archivo. HTML?
Cuando se guarda un archivo HTML, puedes utilizar el htm. O la extensión. Html. No hay ninguna
diferencia.
Encabezados HTML
Encabezados HTML se definen con la
a , donde es el más destacado o importante y
el más pequeño o menos destacado.
Ejemplo
My First Heading
es el más destacado o importante y
el más pequeño o menos destacado.
Ejemplo
My First Heading
Ejemplo
My First Heading
My first paragraph.
Compruébalo por ti mismo »
Párrafos HTML
Los párrafos HTML se definen con la etiqueta
.
Ejemplo
This is a paragraph.
This is another paragraph.
Compruébalo por ti mismo »
Links o enlaces HTML
Los vínculos HTML se definen con la etiqueta .
Ejemplo
This is a link
Compruébalo por ti mismo »
Imágenes HTMLLas imágenes en HTML se definen con la etiqueta
Ejemplo
Compruébalo por ti mismo »
Nota:
El nombre (src) y el tamaño (width y height) de la imagen se proporcionan como atributos. Es
importante introducirlos siempre.
Los documentos HTML definen los elementos HTML.
Elementos HTML
Un elemento HTML abarca desde la etiqueta deinicio hasta la etiqueta de cierre:
Inicio * etiqueta
Elemento de contenido
Final * etiqueta
Regístrate para leer el documento completo.
Este es un párrafo
Este es un enlace
Sintaxis de elementos de HTML
●
●
●
●
●
●
Un elemento HTML comienza con una
etiqueta de inicio / etiqueta de apertura
Un elemento HTML termina con un
final tag / etiqueta de cierre
El
contenido del...