HTML/CSS

Curso:
Programació
n WEB
Tribunal Federal de Conciliación y
Arbitraje
Instructora: Nancy Flores
Torrecilla

Mayo 2015

HTML
HTML significa Hyper Text Markup
Language (Lenguaje de marcado de hipertexto).

Hipertexto quiere decir "texto que contiene enlaces". Cada
vez que haces clic en una palabra que te lleva a otra página
web, estás haciendo clic en un hipertexto.

Un lenguaje demarcado es un lenguaje de programación
usado para que el texto haga algo más que aparecer en una
página: puede convertir texto en imágenes, enlaces, cuadros,
listas, y mucho más.

Estructura
Básica
El código básico para crear una página web es el siguiente:





¡Hola Mundo!



En el lenguaje HTML debemos tener en cuenta :
1. La mayoría delos elementos que se pueden crear tienen una etiqueta de apertura y
de cierre
2. Todas las etiquetas tienen atributos que se definen dentro de la etiqueta de apertura
ej. google

Elementos
básicos
Al referirnos a un elemento, no nos referimos a una etiqueta, ya que
un elemento está conformado de la siguiente manera:

A partir de este momento estaremostrabajando distintos elementos, indicaremos el
nombre del elemento, la etiqueta que permite crearlo y los atributos que lo
complementan.

Atributos
Tenemos tres tipos de atributos para los elementos :

ATRIBUTOS
TIPO

EJEMPLOS

Básicos

id, class, style

Eventos

onblur, onclick, onload, onfocus,
onsubmit, etc.

De Foco

acceskey, tabindex, onfocus, onblur

TEXTO
ELEMENTO: PÁRRAFO
Descripción

Delimitael contenido de un párrafo de texto

Etiqueta

Tipo de
Elemento

Bloque

Atributos

Básicos y de Eventos




 

Este es el texto que forma el primer párrafo de la página. Los
párrafos pueden ocupar varias líneas y el navegador se encarga de
ajustar su longitud al tamaño de la ventana.

El segundopárrafo de la página también se define encerrando su
texto con la etiqueta p. El navegador también se encarga de separar
automáticamente cada párrafo.

TEXTO
ELEMENTO: SECCIONES (ENCABEZADOS)
Descripción

Define los títulos de las secciones de mayor
importancia de la página.

Etiqueta

,

…

Tipo de
Elemento

Bloque

Atributos

Básicos y de Eventos

Titular de la página

Párrafo de introducción...

La primera sub-sección

Párrafo de contenido...

Otra subsección

Más párrafos de contenido...

Caracteres
Especiales
En HTML, los acentos y cierto caracteres especiales no son
interpretados directamentepor el navegador, por lo que es
necesario indicar, por medio de un código especial si se requiere
utilizar.
Símbolo

Descripción

Código

Espacio en blanco

 

< 
> 
&

Menor que
Mayor que

<
>
&

"
¡
¿
®
©
€
á
é

Comillas
Signo de exclamación
Signo de interrogación
Marca registrada
Derecho de autor
Euro
a minúscula con acento
e minúscula con acento

"
¡
¿
®©
€
á
é

Símbolo
í
ú
ñ
ü
Á
É
Í
Ó
Ú
Ñ
Ü

Descripción
i minúscula con acento
u minúscula con acento
ñ minúscula
u minúscula con diéresis
A mayúscula con acento
E mayúscula con acento
I mayúscula con acento
O mayúscula con acento
U mayúscula con acento
Ñ mayúscula
U mayúscula con
diéresis

Código
í
ú
ñ
ü
Á
É
Í
Ó
ÚÑ
Ü

Estos son sólo algunos de los caracteres especiales que se manejan en HTML

Hipervínculos
ELEMENTO: ENLACES
Descripción

Son elementos de las páginas web que al ser pulsados nos
envían a una URL (uniform resource locator o localizador
uniforme de recursos) de nuestro sitio o a una externa

Etiqueta

Texto del vínculo

Tipo de Elemento

Línea

Atributos

Básicos y de...