Lenguaje HTML5

Codificacin
Lic. Ramiro Estigarribia
1.Salto de Linea <br>
El texto que escribimos en una pgina aparece en la
misma lnea, en HTML no se tiene en cuenta la
tecla ENTER.

Para indicarle al navegador que contine en la
prxima lnea debemos hacerlo con <br>.

Cuando aparece <br> el navegador contina con el
texto en la lnea siguiente.
Salto de Linea <br>


Windows<br>
Linux<br>
Adroid<br>
Mac<br>




2.Prrafos <p> </p>
Un prrafo es una oracin o conjunto de oraciones
referentes a un mismo tema.

Todo lo que encerremos entre las marcas <p> y </p>
aparecer separado por un espacio con respecto al
prximo prrafo.

En un prrafo pueden haber saltos de lnea <br>.


Prrafos <p> </p>

<p>Windows</p>
<p>Linux</p>
Adroid<br>
Mac<br>




3.Ttulos <h1> </h1>
Para indicar los ttulos, se utiliza:
<h1><h2><h3><h4><h5><h6>

El ttulo de mayor nivel y tamao es <h1>
</h1>

Segn la importancia del ttulo, elegiremos el
adecuado.



Ttulos <h1> </h1>
<h1>Sistemas</h1>
Windows<br>
Linux<br>
Adroid<br>
Mac<br>




4.nfasis <em> </em>
<strong> </strong>
Enfatizar significa realzar la importancia.

Contamos con dos elementos que son: <em>
<strong>

El de mayor fuerza de nfasis es strong.

Por defecto, se muestra el texto con <strong> en
negrita y <em> en letra itlica.
nfasis <em> </em>
<strong> </strong>
<em>Windows</em><br>
<strong>Linux</strong><br>
Adroid<br>
Mac<br>




5.Hipervnculo<a href=>
</a>
Permite cargar un enlace a otra pgina en el
navegador.

Normalmente un navegador al encontrar esta marca
muestra un texto subrayado, y al hacer clic con el
mouse, carga la pgina indicada por
el hipervnculo.





Hipervnculo<a href=>
</a>

Archivo: Inicio.html
<h1>Inicio</h1>
<a href=noticias.html>Noticias</a>




Archivo: Noticias.html
<h1>Noticias</h1>
<a href=inicio.html>Inicio</a>



6.Imgen <img >
Para insertar una imagen debemos utilizar <img>, la
misma no tiene una marca de finalizacin
(similar a <br>).

Generalmente, la imagen se encuentra en la misma
carpeta que la pgina HTML.
Los formatos clsicos son gif, jpg y png.

La sintaxis es:
<img src=foto.jpg>
Imgen <img >
<img src=messi.jpg>

7.Lista Numerada <ol><li>
La Lista inicia con <ol>

Cada tem de la lista debe comenzar <li> y
terminar con </li>

Luego se encarga el navegador de numerar
cada uno de los tems.



Lista Numerada <ol><li>

<ol>
<li>Windows</li>
<li>Linux</li>
<li>Android</li>
<li>Mac</li>
</ol>


Lista no Numerada
<ul><li>

La lista no ordenada no utiliza un nmero delante de
cada tem sino un pequeo smbolo grfico.


<ul> unordered list

<li> list item

Lista no Numerada
<ul><li>


<ul>
<li>Windows</li>
<li>Linux</li>
<li>Android</li>
<li>Mac</li>
</ul>


Ejercicios

https://docs.google.com/forms/d/1N1fpg5tX24AA4_S59qfJOrdT
2SpPX0apYod-J_90TwM/viewform