Вы находитесь на странице: 1из 3

Lenguaje HTML

HTML: HyperText Markup Language


HTML es un lenguaje de marcas para crear documentos de hipertexto, el formato ms extendido y
fundamental de la World Wide Web. Se basa en una serie de marcas que aportan propiedades a su
contenido.
Veamos la primera pgina HTML con las etiquetas mas bsicas:

<html>
<head>
<title>DIRE - 2&ordm; DAI :: HTML :: 00 :: Mi primera p&aacute;gina :</title>
<!-- Este es un comentario HTML, el usuario no lo ve en el navegador -->
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
</head>
<body>
<!-- Aqu empieza la pgina -->
Una p&aacute;gina HTML<br>
<br>
</body>
</html>

Esto sera lo que veramos en el navegador:


Primera pgina

2. Texto bsico
Cabeceras, <H1>,<H2>,..,<H6>
Con las etiquetas de cabecera podemos crear ttulos, de mayor (<H1>) a menor tamao (<H6 ).
Veamos un ejemplo sencillo:

<html>
<head>
<title>DIRE - 2&ordm; DAI :: HTML :: 01 :: P&aacute;gina con cabeceras::</title>
<!-- Aqu se configura el juego de caracteres de la pgina -->
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
</head>
<body>
<!-- Al meter una cabecera el siguiente elemento ir en la prxima linea -->
<!-- El tamao de cabeceras va de ms grande a ms pequeo: 1,2,3,.. hasta 6 -->
<hr>Esto es una cabecera de tama&ntilde;o 1</h1>
<h2>Esto es una cabecera de tama&ntilde;o 2</h2>
<h3>Esto es una cabecera de tama&ntilde;o 3</h3>
<h4>Esto es una cabecera de tama&ntilde;o 4</h4>
<h5>Esto es una cabecera de tama&ntilde;o 5</h5>
<h6>Esto es una cabecera de tama&ntilde;o 6</h6>
</body>
</html>
Y este sera el resultado:

Prrafos y saltos de linea <p>, <br>


A la hora de meter cantidades de texto grandes conviene meter saltos de linea u organizar el texto en
parrafos, como poco para facilitar la lectura. En HTML se pueden crear prrafos con la etiqueta <p> y
meter saltos de linea con la etiqueta <br>

<html>
<head>
<title>DIRE - 2&ordm; DAI :: HTML :: 02 :: P&aacute;rrafos y saltos de linea ::
</title>
<!-- Aqu se configura el juego de caracteres de la pgina -->
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
</head>
<body>
<h1>P&aacute;rrafos y saltos de linea</h1>
<!-- Las etiquetas <p> encierran un parrafo-->
<p>Internet: Internet se define generalmente como la red de redes mundial.
Las redes que son parte de esta red se pueden comunicar entre s&iacute;
a trav&eacute;s de un protocolo denominado, TCP/IP (Transmission Control
Protocol/ Internet Protocol). Fue concebida a fines de la d&eacute;cada
de 1960 por el Departamento de Defensa de los Estados Unidos; m&aacute;s
precisamente, por la ARPA. Se la llam&oacute; primero ARPANET y fue pensada
para cumplir funciones de investigaci&oacute;n</p>
<p> Seg&uacute;n una revista alemana de inform&aacute;tica, s&oacute;lo con
cambiar 2 bytes del archivosetupreg.hiv de los archivos del CD de Windows
convierte nuestro Windows XP Home en Professional. </p>
<!-- Un salto de linea con <br> -->
Preparados para el salto<br>
Y otro salto<br>
Y ahora triple salto<br>
<br>
<br>
Alehop!
</body>
</html>
Veamos como quedara el documento:

ACTIVIDAD
Elabora 3 ejemplos parecidos utilizando las etiquetas antes mencionadas.

Вам также может понравиться