Está en la página 1de 2

Viernes, 5/4/2013.

INTRODUCCIN AL HTML.

HTML: Hypertext Markup Language (Lenguaje de marcado de hipertexto). Es


un lenguaje estructurado compuesto por etiquetas (tags), que marcan el inicio y el fin
de un elemento. Las pginas o documentos creados bajo HTML deben tener la extensin
HTM o HTML, y el resultado de su cdigo se visualizar a travs del navegador.

Estructura general de una pgina HTML:


<html>
<head><title>ttulo</title></html>
<body>
Cdigo
</body>
</html>
a) <html>: Es la etiqueta principal que indica que la pgina es un documento web.
b) <head>: Es el encabezado de la pgina, donde se pueden encontrar etiquetas
tales como: <title>, <meta> (informacin descriptiva de la pgina), <style>
(utiliza CSS, cdigo en cascada), <script> (cdigo java), <link> etc.
c) <body>: Muestra el contenido de la pgina, es decir, lo que muestra el navegador.
Ejemplo: texto, imgenes, vdeo, listas, mens, tablas, etc.
d) Etiquetas sin marcas de cierre (<br>, <hr>, <img>, <meta>).
Las etiquetas pueden tener atributos o propiedades que son opcionales, y que indican
las caractersticas del elemento a mostrar. Sintaxis:
<Etiqueta atributo1=valor atributo2=valor>
Una etiqueta se compone de las siguientes partes: elemento identificador, atributo y
valor. Ejemplo: <img (elemento identificador) src (atributo)=ubicacin/imagen.gif (valor)>
Las etiquetas de pueden anidar, es decir, colocar una etiqueta dentro de otra. Ejemplo:
<p align=center><font face=arial size=4 color=green>hola</font></p>
<!ejemplo --> o <comment>ejemplo</comment> (ambos agregan comentarios)

Propiedades de Fuente.
Se debe considerar que las propiedades se heredan de los elementos padre, es decir, si
aplica al texto color azul en el body, todos los elementos tendrn el mencionado color, a no
ser que especifique lo contrario.
<font>: Es la etiqueta principal utilizada para la fuente (apertura y cierre). Sus
propiedades o atributos son:
a) face: Se utiliza para especificar el tipo de fuente.
b) size: Se utiliza para indicar el tamao de la fuente.
c) color: Se utiliza para indicar el color de la fuente, especificado de 2 formas:
mediante su nombre en ingls o su intensidad (cdigo hexadecimal).
El cdigo del color est formado por 6 smbolos alfanumricos precedidos por la
almohadilla (#), siendo su sintaxis #RRGGBB. Ejemplo: #FF0000=color rojo. El valor de los
dgitos va de 0 a F, siendo 0 valor nulo y F valor mximo.
A su vez, los 6 smbolos se dividen en 3 grupos de 2 smbolos cada uno: RR (rojo), GG
(verde) y BB (azul).

Estructuras de Texto.
a) <p>: Esta etiqueta se utiliza principalmente para agrupar bloques de texto dentro
de un prrafo y, ocasionalmente, otros contenidos. Ejemplo:
<html>

<head><title>Pgina1</title></head>
<body>
<p>Bienvenidos</p>
<p>Estamos viendo HTML</p>
<p>Suerte.</p>
</body>
</html>
b) <br>: break (romper). Este elemento indica un salto de lnea, tantas veces
como sea necesario. Ejemplo:
<html>
<head><title>br</title></head>
<body>
<p>Bienvenidos</p>
<p>Estamos viendo HTML</p><br><br>
<p>Suerte.</p>
</body>
</html>
c) <address>: Tiene 2 usos:
- Indicar direcciones de correo. Ejemplo:
<center>
<address>abc@gmail.com</address>
</center>
- Indicar mensajes corporativos. Ejemplo:
<center>
<address>abcinmobiliaria<br>trabajandoparausted</address>
</center>

Viernes, 12/4/2013.

ETIQUETA <BODY>.
Elementos del <body>:
1) <bgcolor>: Especifica el color de fondo de la pgina, ya sea en ingls o
hexadecimal. Es una propiedad de <body>, por lo que se agrega JUNTO a esta
etiqueta. Ejemplo: <body bgcolor=#F0D7B5>
Color de fondo Pastel
</body>
*NOTA: No copiar comillas desde Word hacia Notepad.

También podría gustarte