INTRODUCCIÓN
En esta publicación se determinarán algunos conceptos y modos de utilización de ciertas etiquetas en el código HTML.
<!DOCTYPE html>
Es una declaración que define el tipo de documento y su versión
en este caso está bajo el estándar de HTML 5.
<html></html>
Se utilizan para generar una estructura y contenido HTML,
este contenido siempre se colocará entre la apertura y el cierre.
<p></p>
Se utiliza para generar párrafos los mismos que se colocaran
dentro de la apertura y el cierre.
<head></head>
Encabezados del Documento. (contiene los metadatos de una
página web), por lo general casi siempre están ubicados después de la primera
etiqueta html.
<title></title>
Dentro de estas etiquetas se coloca el título de nuestra página.
<body></body>
Estas etiquetas nos ayudan a definir el cuerpo del archivo
html. Siempre se lo coloca debajo de la etiqueta head.
<br />
Esta etiqueta la utilizamos para generas saltos de línea la
misma que se la puede colocar en cualquier parte de nuestro código html 5.
<div>
Es una etiqueta que se la utiliza como contendor de más
etiquetas. Esta etiqueta es se coloca dentro de la etiqueta body y pose dentro
de si etiquetas h1 y p que están en un mismo grado jerárquico.
<h1> (h2, h3,
h5,h6)
Estas etiquetas representan a las cabezares las mismas que
poseen 6 niveles, siendo el h1 el de mayor importancia y el h6 el de menor importancia.
<!-- -->
Dentro de estas etiquetas se colocan comentarios, nos ayuda
por si decidimos regresar al código por muchas razones como revisiones, etc.
<span>
Contienen fragmentos cortos de texto. Se utilizan primordialmente
para envolver pequeños fragmentos de contenido que están en la misma línea que
otro contenido y no dividen el texto en secciones diferentes.
<div> con id
Nos ayuda organizar nuestro texto en secciones.El
id es considera como un atributo.
<em>
Nos ayuda a generar un texto enfatizado.
<strong>
Con esta etiqueta Representamos un texto especialmente
importante.
<ul>
Nos ayuda a generar una lista de elementos sin un orden en
particular.
<ol>
Nos ayuda a generar una lista de elementos ordenados.
<li>
Es la etiqueta del elemento o lista, se utiliza para
describir un elemento en una lista se esta ordenada o desordena.
<img>
Esta etiqueta nos permite agregar una imagen a una página
web.
Src
Es un atributo que nos permite establecer la fuente de la
imagen o la ubicación de la imagen.
Alt
El atributo se aplica específicamente a la etiqueta <img>.
El valor de alt debería ser una descripción de la imagen.
Este atributo también sirve para los siguientes propósitos:
Si una imagen no se carga en una página web, el usuario
puede pasar el mouse sobre el área originalmente diseñada para la imagen y leer
una breve descripción de la misma. Esto es posible gracias a la descripción que
proporciona en el atributo alt.
Los usuarios con discapacidad visual a menudo navegan por la
web con la ayuda de un software de lectura de pantalla. Cuando incluye el atributo
alt, el software de lectura de pantalla puede leer la descripción de la imagen
en voz alta para el usuario con discapacidad visual.
<video>
Nos ayuda a colocar videos a nuestro código y funciona de la
misma manera que la etiqueta img, sin embargo esta etiqueta debe constar de un
cierre.
width & height
Son atributos que se usan para delimitar el tamaño del video que se mostrara en el navegador.
<a>
Elemento de ancla, nos ayuda a agregar enlaces externos a otras páginas, el texto del enlace se coloca entre sus etiquetas de apertura y cierre.
href
Atributo que representa la referencia de un hipervínculo, se utiliza para vincular a una ruta de archivo, o la dirección donde se encuentra un archivo.
target
Este atributo especifica si un link debe abrirse en otra pagina.
blank
Valor que se le designa al atributo target para que determine la orden de abrir un link en otra pagina.
id
El id se puede otorgar casi todos los elementos de un pagina web, debe ser descriptivo para y fácil de rocordar
<nav>
Esta etiqueta sirve y funciona de forma semejante a la etiqueta div, nos ayuda a envolver enlaces con el propósito de ordenarlos u organizarlos en el contenido del website.
<table>
Este elemento nos ayuda a generar tablas de contenido.
<tr>
Nos permite agregar filas a las tablas.
<td>
In corpora data a las tablas.
<th>
Nos ayuda a colocar títulos a las tablas, aclaran la data de las tablas.
colspan
Nos ayuda a expandir las columnas
rowspan
este atributo nos ayuda a expandir las filas
<thead>
Nos sirve para crear encabezados en las tablas y a dividirlas.
<tbody>
No ayuda a generar el contenido de las tablas.
<tfoot>
nos permite colocar el pie de pagina para una tabla.
Estilos CCS
Nos ayuda agregar valores como, color, tamaño, tipo de letra, alineación entre otros valores, a las tablas, y etiquetas que dan el contenido al website
Son atributos que se usan para delimitar el tamaño del video que se mostrara en el navegador.
<a>
Elemento de ancla, nos ayuda a agregar enlaces externos a otras páginas, el texto del enlace se coloca entre sus etiquetas de apertura y cierre.
href
Atributo que representa la referencia de un hipervínculo, se utiliza para vincular a una ruta de archivo, o la dirección donde se encuentra un archivo.
target
Este atributo especifica si un link debe abrirse en otra pagina.
blank
Valor que se le designa al atributo target para que determine la orden de abrir un link en otra pagina.
id
El id se puede otorgar casi todos los elementos de un pagina web, debe ser descriptivo para y fácil de rocordar
<nav>
Esta etiqueta sirve y funciona de forma semejante a la etiqueta div, nos ayuda a envolver enlaces con el propósito de ordenarlos u organizarlos en el contenido del website.
<table>
Este elemento nos ayuda a generar tablas de contenido.
<tr>
Nos permite agregar filas a las tablas.
<td>
In corpora data a las tablas.
<th>
Nos ayuda a colocar títulos a las tablas, aclaran la data de las tablas.
colspan
Nos ayuda a expandir las columnas
rowspan
este atributo nos ayuda a expandir las filas
<thead>
Nos sirve para crear encabezados en las tablas y a dividirlas.
<tbody>
No ayuda a generar el contenido de las tablas.
<tfoot>
nos permite colocar el pie de pagina para una tabla.
Estilos CCS
Nos ayuda agregar valores como, color, tamaño, tipo de letra, alineación entre otros valores, a las tablas, y etiquetas que dan el contenido al website
Comentarios
Publicar un comentario