Creacion de Paginas Web

Descargar como docx, pdf o txt
Descargar como docx, pdf o txt
Está en la página 1de 3

EL HTML.

CONCEPTOS Y LINEAMIENTOS BASICOS.

HTML es un lenguaje de programación que utiliza una serie de códigos llamados


etiquetas que van definiendo los elementos que componen una página web: texto,
imágenes, etc. Esas etiquetas serán interpretadas por un programa navegador de
internet (como por ejemplo Internet Explorer) que mostrará adecuadamente la
página web al usuario.
Aunque existen algunas excepciones, en general las etiquetas se indican por
pares de la siguiente forma:
 Etiqueta de apertura: carácter <, seguido del nombre de la etiqueta (sin
espacios en blanco) y terminado con el carácter >.
 Etiqueta de cierre: carácter <, seguido del carácter /, seguido del nombre
de la etiqueta (sin espacios en blanco) y terminado con el carácter >.
Por tanto, la estructura típica de las etiquetas HTML es: <nombre_etiqueta>...
</nombre_etiqueta>.

ETIQUETAS HTML.

 Doctype: Es la primera línea de código que tiene que estar en cualquier


documento HTML. Esta línea indica al navegador qué especificación de
HTML se está utilizando.
 HTML: El par de etiquetas <html> y </html> se encuentran al principio y al
final de todo documento HTML y sirve para indicar a todos las aplicaciones
que pueden analizar texto sin formato (no solamente a los navegadores)
que esa página utiliza HTML.
 Head: Las etiquetas <head> y </head> delimitan el contenido de la
cabecera del documento, es decir, el título de la página y una información
que no aparece en la pantalla.
 Title: El par de etiquetas <title> y </title> rodea el texto del título. El título
aparece en la barra de título del navegador web cuando presenta la página.
Normalmente va dentro del elemento <head>.
 Meta: <meta> permite aportar metainformación al documento, para su
mejor identificación e indexación por los motores de búsqueda.
 Body: Las etiquetas <body> y </body> rodean el contenido visible de la
página. También puede llevar incluida información sobre las propiedades de
la página, por ejemplo <body bgcolor="#RRGGBB"> define el color de
fondo de la página.

ETIQUETAS HTML5.

 <ARTICLE>: representa un contenido independiente en un documento,


como las entradas de un blog.
 <FOOTER>: representa el pie de una sección con información acerca de la
página, como el autor o la fecha.
 <HEADER>: representa la cabecera de una sección, cómo un titular de un
artículo.
 <NAV>: representa una sección dedicada a la navegación dentro del sitio,
como la barra de navegación.
 <SECTION>: representa una sección dentro de un documento, como un
capítulo de un libro.
 <ASIDE>: representa un contenido poco relacionado con el resto de la
página, como una nota o una explicación al margen.
 <DIALOG>: se utiliza para escribir conversaciones, como en un chat. Se
completa con dos etiquetas complementarias, una para identificar al autor,
<DT> y otra para identificar la conversación, <DD>.
 <FIGURE>: se utiliza para asociar una imagen o un contenido multimedia a
un texto. Requiere de dos etiquetas vinculadas, una para la imagen, <IMG>
y otra para el texto, <LEGEND>.
 <VIDEO>: se utiliza para la reproducción de archivos de vídeo,
independientemente del formato que tengan. Esta etiqueta dispone del
atributo SRC que define la dirección de almacenamiento del vídeo.
 <AUDIO>: Se utiliza para la reproducción de archivos de audio,
independientemente del formato que tengan. Esta etiqueta se complementa
con los atributos SRC, -define la dirección de almacenamiento del archivo
de audio-, AUTOPLAY, -define si la reproducción es automática-, y LOOP, -
define el número de veces que se repetirá el sonido.
 <MARK>: indica texto resaltado, por ejemplo para destacar una búsqueda.
 <METER>: representa una medida, expresada con un valor numérico
asociado a una unidad.
 <TIME>: representa una fecha o una hora reconocible por el navegador.
 <DATAGRID>: representa datos de manera interactiva de actualización
automática.
 <DETAILS>: representa un bloque de información adicional, como una
ventana emergente.
 <MENU>: define un menú con sus opciones.
 <PROGRESS>: indica el estado de una tarea, como una barra de progreso
personalizada.

CONSTRUCCION DE PAGINAS WEB.

Para crear una página web debe tener estos pasos:


 Abrir el Bloc de Notas de Windows.
 Escribir los pares de etiquetas de la estructura básica (html, head, title,
body).
 Escribir el título de la página dentro del par <title> </title>.
 Escribir el contenido propiamente dicho dentro del par <body> </body>.
 Adosarle las etiquetas de formateo al contenido.
 Grabarlo con extensión .htm.

También podría gustarte