 |
Tutorial De HTML.
Estructura básica de un Documento en HTML.
Antes de empezar, te explico que son las etiquetas (ya que es algo que leeras mucho por aca y en cualquier otro tutorial) Una etiqueta, o Tag, comienza de la forma < y termina en > lo que este dentro de ambos simbolos el HTML lo tomara como un comando, es decir para el programa significa algo. Por eso todo lo que pongas dentro de los mismo debe tener sentido o sino no funcionara como debe. Toda etiqueta debe tener un inicio y un cierre, por ejemplo si yo pongo <html> debe tener una etiqueta de cierre </html>. Las etiquetas de cierre siempre llevan la barra (/) delante del nombre. No interesa si los comandos los pones en mayusculas o en minusculas, igual sernan entendidos. Recuerda que el HTML es un lenguaje torpe y necesita que nosotros le digamos todo, no se porque pero de repente me acorde de mucha gente conocida.... ;) Ahora si arranquemos
Todo Documento en Html tiene estas dos etiquetas basicas, ellas son: <html> y <body> por supuesto ambas con sus respectivas etiquetas de cierre </html> y </body> asique quedaria algo asi
| <html> <body> .... Resto del Código mas texto mas imágenes.... </body> </html> |
Pues bien, estas etiqueta son fundamentales ya que sin ellas no
se sabra si se trata de una pagina Web o de una recta de cocina. El <body>
</body> es el cuerpo de la pagina, entre estas etiquetas pondras todo lo que
aprendas a partir de ahora.
Supongo que ya estaras con el notepad o bloc de notas abierto y estaras
escribiendo lo anterior no?? no me hagas escribir por gusto!! ponle guaradar
como... y como nombre le pondras indice.htm ATENCIONNNN todas las paginas web
deberan tener la extension .htm o .html, sino no sera entendido por el Internet
explorer o cualquier otro navegador
Pues bien, hagamos nuestra primera pagina, para ello agregare una nueva etiqueta:
| <html> <body> <title> Mi Primera Pagina WEB!!</title> Hola muchachos, el portal Veperu.com es lo mejor que hay! </body> </html> |
la nueva etiqueta que aparece es </title> </title> Solo sirve para que tu pagina tenga un titulo, es decir cuando minimizas tu navegador es el nombre que se mostrara y tambien aparecera en la parte superior izquierda cuando este navegando, guarda el archivo con el mismo nombre.
RESUMEN
Lo que aprendimos en este capitulo:
- La etiqueta <html> es la que da el significado, es decir, es lo que la
convierte en un pagina web
- La etiqueta <body> es el cuerpo de la pagina, es decir que todo lo que
escribamos debera ir dentro de estos Tags.
- La etiqueta <title> es para ponerle un titulo a nuestra pagina, asi le damos
un mejor acabado.
|
Siguiente>> |
1- Estructura de un documento en HTML
2- Comandos Básicos
2.1- Formateando texto
2.2- Saltos de Línea
2.3- Formateando Párrafos
2.4- Líneas de separación
3- Listas
3.1 Listas ordenadas
3.2 Listas desordenadas
3.3- Listas de definición.
4- Imágenes
4.1- Texto Alternativo
4.2- Alineándolas
4.3- Enlaces
4.4- Mapas
5- Enlaces
5.1- Enlaces externos
5.2- Enlaces Internos (dentro de un mismo documento)
5.3- Enlaces directos para direcciones de mail
6- Tablas
6.1- Bordes
6.2- Color de fondo a las celdas
6.3- Imagen de fondo
7- Cosillas sueltas
9- Apendice
Este Tutorial esta pensado para gente sin conocimientos previos, si lo lees y te parece muy obvio o sencillo, puedes contactarnos y ampliar los temas.
Tutorial diseñado exclusivamente para el Portal Veperu, el Perú y mas, se prohíbe su reproducción total o parcial salvo que indiques la fuente.
