DISEÑO WEB - SEMANA 03



Tema: La web

Subtema: HTML.

Los documentos HTML se conforman como documentos de texto plano (sin ningún tipo de formateo especial), en los que todo el formato del texto se especifica mediante marcas de texto (llamados etiquetas, tags), que delimitan los contenidos a los que afecta la etiqueta (disponemos de etiquetas de inicio y de final de marcado).

Las etiquetas o tags son marcas de texto que empiezan por el carácter, de la forma, para las etiquetas de inicio:

<ETIQUETA>

Y que se forman con el carácter, de la forma, para las etiquetas de final de marcado: Las etiquetas n o son sensibles a mayúsculas/minúsculas (son caseinsensitive). 

Ejemplos de etiquetas de HTML son:

</ETIQUETA>




Los atributos de las etiquetas, que especifican parámetros adicionales a la etiqueta, se incluyen en la etiqueta de inicio de la siguiente forma: La forma de dichos atributos será bien el nombre del atributo o bien el nombre del atributo, seguido de =, seguido del valor que se le quiere asignar (generalmente entrecomillado). Por ejemplo:




Cabe destacar que HTML permite omitir en algunos casos la etiqueta de final si la etiqueta no debe envolver ningún texto al que afecte, como es el caso de IMG.

Otro punto destacable es que si el cliente WWW que utilicemos (el navegador concreto que estemos usando) no entiende alguna etiqueta, la ignorará y hará lo mismo con todo el texto afectado por ésta.

Estructura de los documentos HTML

Todos los documentos HTML siguen aproximadamente la misma estructura.

Todo el documento debe ir contenido en una etiqueta HTML, dividiéndose en dos partes: la cabecera, contenida en una etiqueta HEAD y el cuerpo del documento (donde está la información del documento), que está envuelto por una etiqueta BODY. La cabecera contiene algunas definiciones sobre el documento: su título, marcas extra de formato, palabras clave, etc.

Un Primer ejemplo sería:


Si abrimos un documento con este contenido en un navegador apreciaremos que lo que contienen las etiquetas TITLE no se visualiza en el documento, sino que el navegador las visualiza en la barra de título de la ventana.

Comentarios

En HTML podemos introducir comentarios en la página con las marcas <¡- y - -!>

El navegador ignora el contenido que se encuentre entre estas dos marcas y no lo muestra al usuario.

Bloques de texto

Disponemos de diversos tipos de bloques de texto en HTML.

  • Párrafos.
  • Saltos de línea.
  • Bloques citados.
  • Divisiones.
  • Texto preformateado.
  • Centrados.


Para ampliar tus conocimientos puedes revisar los siguientes enlaces: 




TAREA:
  1. Registrarse en ClassRoom, e ingresar con la siguente clave : qyotlsj
  2. ACTIVIDADES DE ENTREGA EN EL CLASSROOM
    1. Realiza el ejercicio práctico de la estructura del documento en HTML y coloca un título en la etiqueta <TITLE>.
    2. Explica en una hoja de papel bond o inen A4 la estructura que realizaste en el enlace web.


No hay comentarios:

Publicar un comentario

Publicaciones Populares

Con la tecnología de Blogger.

Publicaciones recientes

Cursos - Mario Cobo Barona 2020