viernes, 30 de marzo de 2012

Clase 5 - HTML

Codigos a Aprender:



<html>
<head>
<title>Coloca un título al documento, generalmente es visible en la barra de título del navegador</title>
</head>
<marquee>crea una marquesina (un aviso en movimiento)</marquee>
<h1>tamaño de encabezado (texto principal-titulo texto)tamaño 1</h1>
<h2>tamaño de encabezado (texto principal-titulo texto)tamaño 2</h2>
<h3>tamaño de encabezado (texto principal-titulo texto)tamaño 3</h3>
<h4>tamaño de encabezado (texto principal-titulo texto)tamaño 4</h4>
<h5>tamaño de encabezado (texto principal-titulo texto)tamaño 5</h5>
<h6>tamaño de encabezado (texto principal-titulo texto)tamaño 6</h6>
<h7>tamaño de encabezado (texto principal-titulo texto)tamaño 7</h7><br>
<br>
<BODY>
<body bgcolor = "silver">
<font face = "ARial"> Cambia el tipo de fuente, los tipos de fuente deben ser

soportados por el navegador web, de lo contrario solo será visible en su

computadora y no en la de los demas </font><br>

<font color = "red"> cambia el color de la letra </font><br>
<font size = 6> cambia el tamaño de la letra, no necesita comillas, pues es un

valor numérico</font><br>

<b>Coloca la letra en negrilla</b>
<i>Coloca la letra en cursiva</i>
<u>coloca el texto en subrayado</u><br>

permite crear cajones de texto, son comunmente usados para tomar información, pero

ese es un tema más avanzado que no se trabaja en 10 <input> </input><br>

permite crear una caja de selección, al igual que en cajo de texto, es un tema

avanzado que no se trabaja en 10
<select>
<option>M
<option>F
</select><br>

para crear listas, usamos <ol>
<li>Elemento Nro. 1 de la lista
<li>Elemento Nro. 2 de la lista
</ol>

Para insertar una imagen, utilice
<img style="possion= relative;  " src="http://www.mundonets.com/images/articulos/cibercolegios.jpg"> <br>
recuerde que la imagen debe estar en el mismo lugar del documento html para que

funcione correctamente. <br>

<blink>esta etiqueta hace que el texto parpadee </blink>
<a href =http://www.google.com>Google.com</a>

</body>
</html>

Imagen:

 

No hay comentarios:

Publicar un comentario