Html

Solo disponible en BuenasTareas
  • Páginas : 14 (3438 palabras )
  • Descarga(s) : 7
  • Publicado : 23 de agosto de 2010
Leer documento completo
Vista previa del texto
Curso completo de HTML
¿Que es HTML?
HTML es un lenguaje de programación estático para crear páginas Web, cuando surgió internet, lo único que se utilizaba era código HTML. Es muy fácil crear una página web utilizando HTML, solo debemos sabe la sintaxis básica y la etiquetas (tags) mas importantes.

Conceptos básicos
Un archivo HTML debe tener la extensión “htm” o “html”, no podemosutilizar código dinámico dentro de un archivo HTML porque no funcionará. Cuando vamos a crear una página web siempre es necesario que la página principal de nuestro sitio se llame “index”. Nuestro código HTML se ejecutará en el navegador (Internet Explorer, Firefox, etc), sabiendo esto podemos seguir adelante.

Primeros pasos
HTML hace uso de etiqueta o tags para dar un aspecto visual a nuestrapágina web, las etiquetas son como instrucciones que le indican al navegador como mostrar la información. El formato de una etiqueta es el siguiente:
<etiqueta>
Hay algunas etiquetas que son simples, es decir que no necesitan ser cerradas y otras llamadas “contenedoras” que encierran un texto para darle un formato determinado, de esta forma:
<etiqueta>Texto para darformato</etiqueta>
todas las etiquetas contenedoras terminan igual pero con una barra diagonal “/” antes del nombre.

Estructura inicial
Todo archivo HTML tiene una estructura a seguir para que se visualice correctamente, para indicarle al navegador que comenzaremos a escribir código HTML utilizaremos la etiqueta <html>.
<html></html>
En toda página web hay cosas que vemos como el texto,imágenes, videos, etc, pero también hay cosas que no podemos ver como el titulo, descripción y demás, todo lo que no se ve debe ir en la cabecera encerrado entre las etiquetas <head> (cabecera en inglés) y todo el contenido visible lo pondremos entre las etiquetas <body> (cuerpo en inglés), todo esto quedaría así:
<html>
<head><title>Titulo de mi páginaWeb</title></head>
<body>
Este es el contenido de mi pagina web.
</body>
</html>
Esta es la estructura que debe seguir cualquier sitio web, como vemos, dentro de <head> utilizamos una nueva etiqueta para definir el titulo de nuestra página web, su nombre es muy intuitivo si sabemos algo de inglés, nada mas ni nada menos que <title> (título en inglés).Ejercicio Nº 1: Crear una pagina HTML cuyo título sea “Esta es mi primera página Web” y su contenido sea un texto que diga “¡Hola Mundo!”.

Dando formato al texto con HTML
Como ya vimos en lecciones anteriores, el lenguaje HTML sirve para dar formato a una página Web, cambiar colores, tamaños y demás. Hay etiquetas especificas que sirven para dar formato al texto.

Insertar párrafos y saltos delinea
Para definir un párrafo debemos encerrar el texto entre <p> y </p> y si queremos insertar un salto de linea solo basta con un <br />, recuerden que cuando presionamos ENTER no inserta un salto de linea.

Cambiar el formato de un texto
Hay varias etiquetas que nos permiten modificar el formato de un texto, por ejemplo si queremos un texto en Negrita utilizamos<b></b>:
* Esto es un texto en Negrita
Para cambiar el texto a cursiva utilizamos <i></i>:
* Texto en Cursiva
Para subrayar un texto lo encerramos entre <u></u>:
* Texto subrayado

Insertar listas
Las listas son muy importantes, muchas veces tendremos que utilizarlas para ordenar nuestro contenido. Tendremos que usar dos etiquetas para formar una lista,la primera es <ul></ul> con la que indicamos que comenzaremos una lista, y la segunda es <li></li> donde insertamos los items de la lista, se utiliza así:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Eso se vería así:
* Item 1
* Item 2
* Item 3

Títulos encabezados
Hay varios niveles de...
tracking img