You are on page 1of 8

¿Qué es el HTML?

HTML es un lenguaje de marcado que se utiliza para el desarrollo


de páginas de internet. Se trata de la sigla que corresponde a Hyper
Text Marjup lenguaje , es decir , lenguaje de marcas de hipertexto,
podría ser traducido como lenguaje de formato de documentos
para hipertexto.
HTML es un lenguaje que se utiliza para a creación de páginas en la
WWW. Por páginas entenderemos el documento que parece el
visualizador o navegador. Se compone de una serie de comandos,
que son interpretados por el visualizador, o programas que
utilizamos para navegar por el WWW. En últimas instancias el
visualizador es el que ejecuta todas las órdenes contenidas en el
código HTML, de forma que un visualizador puede estar capacitado
para unas presentaciones, pero no para otras. Así, podremos
especificar que una página tenga una imagen de fondo o un texto
parpadeando, pero si nuestro no está capacitado para esas
funciones, no podremos verlas
El navegador y HTML
Un navegador o navegador web( del ingles , web browser) es una
aplicación que opera a través de internet, interpretando e
información de archivos y sitios web para que podamos leerla, ( ya
se encuentre esta alojada en un servidor dentro de Wodl Wide
web o en un servidor local).
El navegador interpreta el código, HTML generalmente, en el que
esta escrita la pagina web y lo presenta en pantalla permitiendo al
usuario inter

Funcionalidad
La funcionalidad básica de un navegador web es permitir la
visualización de documentos de texto posiblemente con recurso
multimedia incrustados los documentos pueden estar ubicados en
la computador en donde está el usuario , pero también pueden
estar en cualquier otro dispositivos que esté conectado a la
computadora del usuario o a través de internet y que tenga los
recuerdos necesarios para la transmisión de los documentos un
software servidor

Estructuras de un Documento HTML


Un documento HTML, no es más que el texto definido entre las
marcas:
<HTML>
<HEAD> cabecera del documento
</HEAD>
<BODY> contenido del documento
</BODY>
</HTML>
Si estamos trabajando en el bloc de notas debemos guardar el
documento el nombre y terminado en HTML (ejemplo.HTML)

Cabecera 15/05/18
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 que precisa las características del documneto , principalmente el
titulo del documento .
<TITLE> y </TITLE> . el titulo debe ser breve y descriptivo de su
contenido, pues será lo que vean los demás cuando añadan nuestras
paginas a su bookmark (o libros de direcciones favoritas)

Cuerpo

Se inicia con el comando <BODY> y se termina con el comando acepta


números modificados dentro del cuerpo del documento se incluye cualquier
carácter imprimible

Comandos básicos
La marca <P> sirve para separar párrafos en HTML. Además de introducir un
salta de línea para dejar una línea en blanco entre párrafo y el siguiente. de
esta manera los párrafos quedan más espaciados y el texto se vuelve mas
legible .
LEFT: 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
<BR>
En la <BR> introduce un salto de línea en el punto del documento en el que se
coloca. Es equivalente al punto y aparte de un texto normal.
Títulos de Encabezados
HTML dispone de seis cabeceras, o tipos de la letra predefinidos de distinto
tamaño , que se utiliza para marcar los títulos resaltes con </Hn > , donde es
un numero de 1 a 6 siendo el numero indicativo del tamaño, en el tamaño
mayor es el correspondiente al número 1

Títulos de encabezados
<H1> Nivel de encabezado 1 <H1>
<H2>Nivel de encabezado 2 <H2>
<H3>Nivel de encabezado 3 <H3>
<H4>Nivel de encabezado 4 <H4>
<H5>Nivel de encabezado 5 <H5>
<H6>Nivel de encabezado 6 <H6>

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 específicamente el tipo de letra (negrita,
cursiva), tamaño , color que se desea que aparezca del texto
Tipos de letras
De lagunas de las marcas que permite especificar la tipografía de los
caracteres son las siguientes :
<B>Negrita (blod) </B>
<i>Cursiva (italic) </i>
<U>Subrayado (underline) </U>
Todos estas marcas requieren etiquetas de comienzo y fin y se pueden anidar

Tamaño del texto


Para modificar el tamaño se utiliza SIZE de la marca <FONT>, de la manera
siguiente:
<FONT SIZE>=”tamaño” >Texto< / FONT>
El comando <FONT>, requiere la etiqueta de cierre
HTML define siete tamaños de letras distintos, siendo el tamaño 3 el que se
adapta 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 u na fuente arial 16 , o una times de 8

 Existen dos formas de establecer de un trozo de texto

Si queremos modificar el tamaño de todo el texto del documento, una


forma de hacerlo seria englobar todo el cuerpo del documento en una
etiqueta con el tamaño de la letra , que queremos utilizar. Asi
escribiremos algo parecido a lo que sigue:

<HTML>
<HEAD>
</HEAD >
<BODY ><FONT SIZE =4>
(contenido del documento)
Colores del texto 22/05/18
Para dar a un texto se utiliza el comando siguiente:

<FONT COLOR = “color” >texto </FONT> en un principio la forma de


especificar un color en HTML .

5/06/18
Listas
Las listas en HTML proporcionan una forma de clasificar la
información, y hacer que esta sea más inteligible por parte del
visitante de las paginas

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 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 lis ta 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 de


tras de cada elemento de la lista .

Es posible especificar el tipo de numeración que se dará


(números arábigos, números romanos, letras , etc), por defecto
se sigue la numeración árabe.

Las laístas numeradas pueden ser anidadas dentro de otra

Listas desordenadas:UL
También llamdas listas no numeradas son listas en las que no es necesario
numerar de alguna manera los elementos que la componen , sino que cada
tiene delante un símbolo (un punto, un cuadro,etc).
La forma de espeficar una lista desodanada es mediante la marca <UL>. Las
etiquetas de comienz y fin de estas marca son obligotarias.
Cada elemento de la lista se identifica mediente la marca <LI>. La
etiqueta de fin para la marca <LI> se puede omitir

También es pisible en las listas desordenadas especificas el símbolo


que va a paracer delante de cada elemnto de la lista

Las listas desordenadas tamben pueden ser anidadas de otras

Listas de definición : DL
Diferente de los tips de anteriores de listas de definicon se utiliza para
presentar la información sin marcas , ni numero , sino que utiliza que
los sangrados de lso párrafos .
Las listas de deficion están constituidas por termino y su subsiguientes
definicon
La forma de implementar las listas de definicon es con la marca <DL>
de las siguientes forma

<DL>
<DL> Nombre del termino
<DD> definición del termino
</DL>
Cada termino de la lista de definición se indica con la marca <DT > y no
sangrara, mientras que la descripción del termino se indica con la
marca <DD> y sangra hacia la derecha para resaltarla del termino
Antes y después de la descripción de la descripción de cada clave, las
listas de definición incorporan un retorno de carro.

Las listas de definición también pueden anidarse.

Texto pre formateado: PRE.


El hecho de que HTML ignore los retornos de carro a la hora de
mostrar un texto no es un compartimiento arbitrario, sino que es la
forma que tenemos de que , independiente de la ventana del
visualizador , nuestro párrafo quede conviniendo justificado .
Sin embargo , es pisble que en el alguna aocasion queramos que el
texto aparzca el visalizador tal y como los hemos introducio,
respetando los etornos de carro e incluso los espacios que podemos
haber dejado entre caracteres. Para ellos podemos utilizar la marca
<PRE> y englobar en ella todo el texto del documento.
La marca <PRE> repseta tanto los retornos de carro como los espacios
en blanco del archivo priginal y le letra aparece como tipo de (el letra
usado por el texto reformateado es el mismo que el de <TT>…..</TT>, y
no con el tipo de letra habitual de vializador . esya marca permite
mostrar el texto prereformateado tal cual.

You might also like