introducción al html
TRANSCRIPT
HTML (Etiquetas Básicas)
Facilitador:Ing. Duglas Moreno
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.
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
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.
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" >