HTML

Definición
HyperText Markup Lenguage
No es un lenguaje de programación

HTML
Markup Lenguage o lenguaje de marcado utilizado para
la descripción de páginas web

HyperText Markup Language
Franco Guidi Polanco

Corresponde a un set de etiquetas «» que incluyen
información adicional sobre la estructura de un texto

Escuela de Ingeniería Industrial
Pontificia Universidad Católica deValparaíso, Chile
fguidi@ucv.cl

Determina cómo se deben desplegar el texto y las
imágenes de un documento web.
Franco Guidi Polanco

referencias

2

Ejemplo

Estandar de la W3C

Código HTML

http://www.w3.org/standards/webdesign/htmlcss

W3Schools.com





http://www.w3schools.com/html/default.asp

Mi primer título

Resultado visible en web

Mi primer título
Miprimer párrafo.

Mi primer párrafo.



Franco Guidi Polanco

3

Franco Guidi Polanco

4

Etiquetas o Tags

Ejemplo
Código HTML



Mi primer título
Mi primer párrafo.



La declaración DOCTYPE define el
tipo de documento
El texto entre las etiquetas
y describe la
página web
El texto entre las etiquetas
y corresponde
al contenido visible de la página
web
El textoentre y es
mostrado como título de primer
nivel
El texto entre y es
mostrado como párrafo

Los marcadores de HTML son llamados
generalmente etiquetas o tags
Los tags son palabras clave entre paréntesis
angulares ( ):
Éstos se escriben normalmente en pares: un tag
de inicio y otro de fin: y
Los tags de inicio y fin se denomina también tags
de apertura y de cierre
Franco GuidiPolanco

Etiquetas o Tags
Títulos
Los títulos están definidos por las etiquetas desde
hasta , de acuerdo al nivel del título

Párrafos
Los párrafos están definidos por la etiqueta

Links
Los links están definidos por la etiqueta

Imágenes
Las imágenes están definidas por la etiqueta

Ejemplo



El texto entre y
es un título de primer nivel


Título de primer nivelEl texto entre y
es un título de primer nivel

Título de segundo nivel
Esto es un párrafo.
Este es un
link

El tag está asociado a la
imagen “holamundo.jpg”

Elementos de HTML
Un elemento se define como todo aquello desde un tag
de apertura hasta un tag de cierre

Elementos de HTML
Tag de apertura

Un elemento inicia con un tag de apertura
Un elemento termina con untag de cierre
Aquello entre ambos tags se denomina contenido del
elemento
Existen elementos con contenido vacío, éstos terminan
en el tag de apertura
Muchos elementos de HTML puede tener atributos

Contenido del
elemento

Tag de cierre



Esto es un párrafo





Esto es un link





Hola Mundo





El contenido del elemento de un párrafo es un texto
El contenidodel elemento corresponde a otro
elemento, un párrafo
es un elemento vacío. Corresponde a un término de
línea
Franco Guidi Polanco

Atributos
Los atributos proveen información adicional
respecto a un elemento
Se deben especificar en el tag de apertura
Los atributos se definen a través de un nombre y
de un valor de la siguiente manera:
nombre=¨valor¨

Etiquetas de formato
Existendiversas etiquetas para dar formato al
texto en un documento html
Tag

Descripción
Define texto en negrita



Define texto grande



Define texto enfatizado



Este es un link



Define texto en cursiva



Define texto pequeño

Define texto fuerte


El atributo asociado a un link es la dirección del link
referida en el atributo href
Franco Guidi Polanco

Definetexto como subíndice



Define texto como superíndice

Etiquetas de formato

CSS

Código HTML




Texto en negrita

Resultado visible en web
Texto en negrita

Texto grande

Texto grande

Texto en cursiva

Texto en cursiva

Texto como output de
computador
Esto es un subíndice
y un superíndice

Texto como output de
computador
Esto es un subíndice...