Está en la página 1de 3

Repaso HTML

En esta oportunidad haremos una actividad con las etiquetas vistas el año
pasado.

Primero a colocar la estructura:

<html>

<head>

<title>Repaso</title>

</head>

<body>

</body>

</html>

Etiquetas que van dentro del <body>


 Salto de línea <br>

Todo el texto que disponemos en el cuerpo de la página aparece en la misma


línea, no importa si al tipear le damos ENTER, ya que el navegador no tiene en
cuenta a esta tecla, debemos indicar con esta etiqueta que queremos que
continúe en la próxima línea.

Esta etiqueta es uno de los pocos elementos HTML que no tiene etiqueta de
cierre.

 Párrafo <p> </p>

Un párrafo es una oración o un conjunto de oraciones referentes a un mismo


tema. Todo lo que encerremos entre las etiquetas Párrafo <p> </p> aparecerá
separado por un espacio con respecto al próximo párrafo.

 Títulos <h1> <h2> <h3> <h4> <h5> <h6>

El título de mayor nivel es <h1>, es decir el que tiene una fuente de mayor
tamaño.

1
Cada título aparece en una línea distinta, no importa si lo tipeamos seguido en
el archivo, es decir el resultado será igual si hacemos:

<h1>Titulo de mayor tamaño</h1>

<h2>Título un poco menor de tamaño con respecto al anterior</h2>

o esto:

<h1>Titulo de mayor tamaño</h1><h2>Título un poco menor de tamaño con


respecto al anterior</h2>

El navegador dispone cada título en una nueva línea.

 Atributos de textos
<b>Negrita</b>
<i>Cursiva</i>
<u>Subrayada</u>
<strike>Tachada</strike>
<small>chiquitita<small>

Estas etiquetas pueden estar solas o dentro de un párrafo, no ocupa una línea.

 Listas
Hemos visto dos tipos de listas las ordenadas <ol></ol> y las
desordenadas<ul></ul>. Dentro de cada tipo de lista debíamos valga la
redundancia crear nuestra propia lista utilizando las etiquetas <li></li>
Ejemplos:
Con la etiqueta <ol> nos mostrará el navegador una lista enumerada

<ol>
<li>Naranja</li>
<li>Limón</li>
<li>Mandarina</li>
<li>Pomelo</li>
</ol>

Con la etiqueta <ul> nos mostrará el navegador una lista de viñetas

<ul>
<li>Manzana</li>
<li>Banana</li>
<li>Durazno</li>
<li>Uvas</li>
</ul>

2
• Enlaces <a href=”....”></a>
Los enlaces de Hipertexto son el elemento característico de la web
porque permiten que las páginas se relacionen entre sí. La sencillez y
libertad con que se pueden enlazar páginas situadas en servidores
distintos son el motivo del éxito de la web.

Hay dos tipos de rutas:


Las Externas (se utiliza un protocolo porque no está en nuestro servidor.
El protocolo es
https://......

Ejemplo: https://planetario.buenosaires.gob.ar/

Las Locales (Son las que están en nuestra carpeta, en nuestro servidor)
Ej:
<a href="pagina2.html">Click Aquí</a>

También podría gustarte