introducción al html

5

Click here to load reader

Upload: duglas-oswaldo-moreno-mendoza

Post on 12-Apr-2017

46 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Introducción al HTML

HTML (Etiquetas Básicas)

Facilitador:Ing. Duglas Moreno

Page 2: Introducción al HTML

Etiquetas de HTML

La estructura básica de las etiquetas HTML se caracteriza por ir encerradas entre los

símbolos <> para las de apertura y </> para las de cierre, como podemos ver en el

siguiente ejemplo:<p>Esto es un párrafo.</p>

Si queremos hacer comentarios dentro del código html para ayudarnos a identificarlo

y comprenderlo rápidamente utilizaremos la siguiente sintaxis:

<!-- Aquí va el comentario -->

Sin embargo, algunas etiquetas especiales llamadas “etiquetas vacías” no necesitan

encerrar ningún texto. La etiqueta <br> por ejemplo, se utiliza para indicar el

comienzo de una nueva línea. Por sus características, la etiqueta <br> nunca

encierra ningún contenido de texto. En lugar de abrir y cerrar de forma consecutiva

la etiqueta (<br></br>) se puede utilizar la sintaxis <br/> para indicar que es una

etiqueta vacía que se abre y se cierra en ese mismo punto.

Page 3: Introducción al HTML

Atributos de HTML

La etiqueta de comienzo puede contener información adicional, tal y como puede

verse en el siguiente ejemplo. Dicha información es lo que se conoce como

atributos. Los atributos suelen consistir en dos partes:

● Un atributo nombre (name).

● Un atributo valor (value).

Algunos atributos sólo pueden tener un único valor. Son atributos Booleanos y pueden

ser incluidos para especificar el nombre del atributo, o dejar su valor vacío.

Los valores de los atributos que constan de una sola palabra o un número se pueden

escribir tal cual, pero en cuanto hay dos o más cadenas de caracteres en el valor,

éstos deben escribirse entre comillas. Están permitidas tanto las comillas simples ('),

como las comillas dobles (") aunque muchos desarrolladores prefieren utilizar siempre

comillas simples para que el código sea menos ambiguo para la vista y para evitar

errores

Page 4: Introducción al HTML

Atributos de HTML

Los elementos en HTML tienen atributos; estos son valores adicionales que configuran

los elementos o ajustan su comportamiento para cumplir los criterios de los usuarios.

Las etiquetas HTML define sus propios atributos, algunos de los atributos son

comunes en casi todas las etiquetas. Los atributos comunes se dividen en cuatro

grupos según su funcionalidad:

● Atributos básicos: se pueden utilizar prácticamente en todas las etiquetas HTML.

● Atributos para internacionalización: los utilizan las páginas que muestran sus

contenidos en varios idiomas.

● Atributos de eventos: sólo se utilizan en las páginas web dinámicas creadas con

JavaScript.

● Atributos de foco: relacionados principalmente con la accesibilidad de los sitios

web.

Page 5: Introducción al HTML

Atributos de HTML

Cualquier etiqueta XHTML puede contener uno o más atributos, separados por

espacios, que permiten especificar la etiqueta. El código fuente tiene el siguiente

aspecto:

En el XHTML los atributos tienen que estar siempre definidos (mediante el signo

igual "=") y el valor del atributo tiene que estar entre comillas dobles o simples.

Existen una serie de atributos comunes a todas las etiquetas (salvo la etiqueta

<html>) y algunas etiquetas tienen unos atributos específicos. En esta lección se

comentan los atributos comunes; los atributos específicos se comentan en las

lecciones dedicadas a las etiquetas correspondientes (imágenes, tablas, etc).

<etiqueta atributo="valor_de_atributo">

<etiqueta atributo1="valor_de_atributo1" atributo2="valor_de_atributo2" >