HTMLC 1

HTML
¿Qué es HTML?
HTML es un lenguaje marcado que se utiliza para el desarrollo de páginas de
internet. Se trata de la sigla que corresponde a HyperText Markup Lenguage, es
decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje
de Formato de documentos para Hipertexto.
HTML es un lenguaje que se utiliza para la creación de páginas en la WWW. Por
página entenderemos el documento que aparece en el visualizador o navegador.
Se compone de una serie de comandos, que son interpretados por el visualizador,
o programa que utilizamos para navegar por el WWW. En última instancia es el
visualizador el que ejecuta todas las órdenes contenidas en el código HTML, de
forma que un visualizador puede estar capacitado para unas prestaciones, pero no
para otras. Así, podremos especificar que una página tenga una imagen de fondo,
o un texto parpadeando, pero si nuestro visualizador no está capacitado para esas
funciones, no podremos verlas.
El navegador y HTML
Un navegador o navegador web (el inglés, web browser) es una aplicación que
opera a través de internet, interpretando a la información de archivos y sitios web
para que podamos leerla, (ya se encuentre está alojada en un servidor dentro de
la wordl wide web o en un servidor local).
El navegador interpreta el código, HTML generalmente en el que está escrita la
pagina web y lo presenta en pantalla permitiendo al usuario interactuar con su
contenido y navegar hacia otros lugares de la red mediante enlaces o
hipervínculos.
Funcionalidad
La funcionalidad básica de un navegador web es permitir a visualización de
documentos de textos, posiblemente con recursos multimedia incrustados. Los
documentos pueden estar en cualquier otro dispositivo que esté conectado a la
computadora del usuario o a través de Internet, y que tenga los recursos
necesarios para la transmisión de los documentos un software servidor.
Estructura de un documento HTML
Un documento HTML, no es más que el texto definido entre las marcas: <HTML>
</HTML>
Un documento HTML siempre se compone de las siguientes 2 partes:
<HTML>
<HEAD> Cabecera del documento
</HEAD>
<BODY> Contenido del documento
</BODY>
</HTML>
Si estamos trabajando en el bloc de notas debemos guardar el documento con el
nombre terminado en .html (ejemplo.html)
Cabecera
Se inicia mediante el comando <HEAD> y se termina con </HEAD>. Dentro de la
cabecera hay información del documento, que no se ve en la pantalla principal, y
del documento, principalmente el título del documento.
El título del documento se declara entre las etiquetas <TITLE> y </TITLE>. El título
debe ser breve y descriptivo de su contenido, pues será lo que vean los demás
cuando añadan nuestra página a su bookmark (o libro de direcciones favoritas).
Cuerpo
Se inicia mediante el comando <BODY> y se termina con el comando </BODY>.
Este comando acepta numerosos modificadores. Dentro del cuerpo del documento
se incluye cualquier carácter imprimible.
Comandos básicos de HTML
La marca sirve para separar párrafos en HTML. Además de introducir un salto
de línea, permite forzar un segundo salto de línea, permite forzar un segundo salto
de línea para dejar una línea en blanco entre un párrafo y el siguiente. De esta
manera los párrafos quedan más espaciados y el texto se vuelve más legible.
 LETF: el párrafo es justificado a la izquierda. Valor por defecto.
 CENTER: el párrafo es centrado.
 RIGHT: el párrafo es justificado a la derecha
 
La marca introduce un salto de línea en el punto del documento en el que es
colocada. Es equivalente al punto y aparte de un texto normal.
Títulos de encabezamiento
HTML dispone de seis cabeceras, o tipos de letra predefinidos de distinto tamaño,
que se utilizan para marcar los títulos o resaltes en las páginas. Se activan con el
comando <Hn> y se desactivan con </Hn>, donde n es un número del 1 al 6.
Siendo el número indicativo del tamaño. El tamaño mayor es el correspondiente al
número 1.
<H1> Nivel de encabezado 1 </H1>
Los títulos de encabezado requieren la marca de fin, y siempre provocan un salto
de línea, aunque no se le indique.
Dando estilo al texto
Las marcas de estilo de texto especifican el tipo de letra (negrita, cursiva, …),
tamaño, color que se desea que aparezca al texto.
 Tipos de letras
Algunas de las marcas que permiten especificar la tipografía de los caracteres
son las siguientes:
 Negrita (Bold)
 Cursiva (Italic)
 Subrayado (Underline)
Todas estas marcas requieren etiquetas de comienzo y fin, y se pueden anidar.
Tamaño del texto
Para modificar el tamaño se utiliza el atributo SIZE de la marca , de la
manera siguiente:
Texto/FONT>
El comando requiere la etiqueta de cierre.
HTML define siete tamaños de letra distintos, siendo el tamaño 3 el que se adopta
por defecto. Sin embargo, la mayoría de los navegadores permiten establecer cuál
es la correspondencia real del tamaño 3. Así, se puede hacer que el tamaño 3
corresponda a una fuente Arial de 16, o a una Times de 8.
 Existen dos formas de establecer el tamaño de un trozo de texto.
Si queremos modificar el tamaño de todo el texto del documento, una forma de
hacerlo sería englobar todo el cuerpo del documento en una etiqueta con el
tamaño de letra que queremos utilizar. Así escribiremos algo parecido a lo que
sigue:
<HTML>
<HEAD>
</HEAD>
<BODY>
(contenido del documento)
</BODY>
</HTML>
Colores del Texto
Para dar color a un texto se utiliza el comando siguiente:
Texto En un principio la forma de especificar un
color en HTML, era mediante el formato hexadecimal.
Listas
Las listas HTML proporcionan una forma de clasificar la información, y hacer que
ésta sea más intangible por parte del visitante de las páginas.
Listas ordenadas: OL.
También llamadas listas numeradas son aquellas en las que cada elemento tiene
delante un número que indica el orden del elemento dentro del conjunto de la lista.
La marca para crear una lista ordenada es <OL> … </OL>. Son obligatorias las
etiquetas de comienzo y fin de estas marcas.
Cada elemento de la lista ordenada se identifica escribiéndolo dentro de la marca
<LI> … </LI>. La etiqueta de fin puede ser omitida.
Con la marca LI no es necesario introducir un retorno de carro detrás de cada
elemento de la lista.
Es posible especificar el tipo de numeración que se dará (números arábigos,
números roanos, letras, etc.), por defecto se sigue la numeración árabe.
Las listas numeradas pueden ser anidadas una dentro de la otra.
Listas desordenadas: UL
También llamadas listas no numeradas son listas en las que no es necesario
numerar de alguna manera los elementos que la componen, sino que cada
elemento tiene delante un símbolo (un punto, un cuadrado, etc.…).
La forma de especificar una lista desordenada es mediante la marca <UL>. Las
etiquetas de comienzo y fin de esta marca son obligatorias.
Cada elemento de la lista se identifica mediante la marca <LI>. La etiqueta de fin
para la marca <LI> se puede omitir.
También es posible en las listas desordenadas especificar el símbolo que va a
aparecer delante de cada elemento de la lista.
Las listas desordenadas también pueden ser anidadas una dentro de la otra.
Listas de definición: DL
A diferencia de los dos tipos anteriores de lisas, las listas de definición, se utilizan
para presentar la información sin marca, ni números, sino que utiliza los sangrados
de los párrafos.
Las listas de definición están constituidas por términos y su subsiguiente
definición.
La forma de implementar las listas de definición es con la marca <DL> de la
siguiente forma
<DL>
<DT> Nombre del término
<DD> Definición del término
</DL>
Cada término de la lista de definición se indica con la marca <DT> y no sangrará,
mientras que la descripción del término se india con la marca <DD> y sangrará
hacia la derecha para resaltarla del término.
Antes y después de la descripción de cada palabra clave, las listas de definición
incorporan un retorno de carro.
Las listas de definición también pueden anidarse.
Texto preformateado: PRE.
El hecho de que HTML ignore los retornos de carro a la hora de mostrar un texto
no es un comportamiento arbitrario, sino que es la forma que tenemos de que,
independientemente de la ventana del visualizador, nuestro párrafo quede
convenientemente justificado.
Sin embargo, es posible que en alguna ocasión queramos que el texto parezca en
el visualizador tal y como lo hemos introducido, respetando los retornos de carro e
incluso los espacios que podamos haber dejado entre caracteres. Para ello
podemos utilizar la marca <PRE> y englobar en ella todo el texto del documento.
La marca <PRE> respeta tanto los retornos de carro como los espacios en blanco
del archivo original, y la letra aparece como tipo de letra de espacio no
proporcional (El tipo de letra usado por el texto preformateado es el mismo que el
de <TT> … </TT>), y no con el tipo de letra habitual del visualizador. Esta marca
permite mostrar el texto preformateado tal cual.
Además, en el texto preformateado no se interpretan los caracteres especiales
HTML: <, > y &.

HTMLC 1

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTMLC 1

Uploaded by

Copyright:

Available Formats

HTML

You might also like