HTML es el lenguaje de marcado predominante para construir páginas web. Usa etiquetas para estructurar el contenido y complementarlo con objetos como imágenes. Los elementos de HTML proveen la estructura básica y pueden ser estructurales, presentacionales o hipertextuales.
2. Es el lenguaje de marcado predominante para
la construcción de páginas web.
Describe la estructura y el contenido en
forma de texto.
Permite complementar el texto con objetos
tales como imágenes.
Se escribe en forma de "etiquetas", rodeadas
por corchetes angulares (<,>).
3. Los elementos son la estructura básica de HTML.
Poseen propiedades básicas: atributos y contenido.
Generalmente tienen una etiqueta de inicio y una
etiqueta de cierre que encierran el contenido.
<nombre-de-elemento>contenido</nombre-de-elemento>
4. Estructural:Describe el propósito del texto.
◦ <h2>Golf</h2> encabezamiento de segundo
nivel.
Presentacional:Describe la apariencia del
texto.
• <b>negrita</b> Texto resaltado.
Hipertextual: Enlazar partes del documento
con otros documentos o con otras partes del
mismo documento.
• <a>
5. <html>: Define el inicio del documento
HTML, le indica al navegador que lo que viene
a continuación debe ser interpretado como
código HTML.
<head>: Define la cabecera del documento
HTML, esta cabecera suele contener
información sobre el documento que no se
muestra directamente al usuario.
<body>: Define el contenido principal o
cuerpo del documento. Esta es la parte del
documento html que se muestra en el
navegador.
6. <img>: imagen. Requiere del atributo src, que
indica la ruta en la que se encuentra la imagen.
<b>: texto en negrita (Etiqueta descartada. Se
recomienda usar la etiqueta <strong>).
<i>: texto en cursiva.
La mayoría de etiquetas deben cerrarse como se
abren, pero con una barra ("/")
<h1><i>BIENVENIDOS A MI PAGINA WEB</i></h1>
7. La estructura básica de todo documento web tiene:
Una cabecera <HEAD>: donde va el título y
algunas cosas más que no se ven en la página, y
su cierre </HEAD>.
Un cuerpo <BODY>: donde irá lo que se verá, y
su cierre </BODY>.
Además, una etiqueta al principio de todo
<HTML> y otra al final de todo </HTML>.
8. Veamos como queda la estructura básica:
<HTML>
<HEAD>
.....
</HEAD>
<BODY>
.....
</BODY>
</HTML>
9. Es posible añadir atributos a determinados
elementos.
LOS ELEMENTOS estructuran el contenido de
todo el documento HTML. Indican al
navegador cómo debería presentarse el
contenido.
En algunos elementos se puede añadir más
información. Esa información extra se
denomina atributo.
10. Los atributos se incluyen siempre dentro de la
etiqueta de inicio y llevan inmediatamente detrás
el signo de igual ("=") con los valores de dichos
atributos entre comillas ("").
<nombre-eti atributo1="valor1" atributo2="valor2">conte</nombre-eti>
Elemento HTML
Etiqueta de apertura
Atributos y sus Valores