Html
Páginas: 120 (29855 palabras)
Publicado: 10 de marzo de 2013
Introdución al Html:
1.
2. Introdución
3. La estructura
4. Tipo de Documento
5. Especificar el idioma
6. Titulo o Title
7. Meta Description
8. Tipo de Códificación
9. Párrafos
10. Resaltar Textos
11. Comentarios
12. Titulos h1, h2...
13. Las Imágenes
14. Etiqueta de Imagen
15. Ruta de Imagen
16. Nombre de Archivo
17. Dimensiones18. Texto Alternativo
19. Los Enlaces
20. Etiqueta de Enlaces
21. Ruta de Enlaces
22. El Target
23. Title Alternativo
24. Anclajes
25. Propiedad rel
26. Ejemplo Hasta Ahora
27. Saltos de Línea
28. Las Listas
29. Listas Desordenadas
30. Listas Ordenadas
31. Metatag description
32. Palabras Clave
Introdución al Curso de Html
Antes deempezar quiero comentarte alguna cosilla. En adelante te vas a encontrar con unos cuantos ejemplos que puedes ir copiando con el block de notas de windows (notepad.exe) por ejemplo. No uses el Wordpad de Windows ni el Microsoft Word ni ningún otro procesador de textos, pues es preciso que el software en el que escribas código html (o Php, Javascript, etc) NO le asigne formatos al texto (color,tamaño, etc, como el Word de Microsoft, etc).
Visita la sección Editores de Texto Plano para saber un poco más del porqué y para encontrar enlaces de descarga de Editores de Texto Plano gratuitos, oki?
Verás como el código Html (html5) que te pongo en los ejemplos suele ir coloreado de azul. Esto es para poder diferenciarlo más tarde con otros tipos de código (como el css, php, javascript, etc queirán de otro color). Eso nos clarificará los ejemplos bastante.
Bajo mi punto de vista (y de muchos otros webmasters, claro) el código Html solo hay que usarlo para añadir el contenido en la web, pero no para darle formas, colores ni nada que signifique "adornar" la web. Para eso usaremos los Estilos CSS que veremos después de terminar este curso de Html5. Es por eso que prescindiremos de todo elHtml que se usa para adornos. Repito, Html solo para añadir información, CSS para darle forma, oki? Si usas Html para cambiar tamaño al texto, poner bordes o recuadros, dar márgenes, colores de fondo y tal, estarás perdiendo el tiempo y te acordarás de estas notas cuando veas que tus páginas web no se ven igual en unos navegadores que en otros. Seguir los consejos de CCTW es un acto de fé, je je je.Me harás caso? Ya lo veremos, je je je.
La estructura
Más de una vez os habréis tropezado, bien por curiosidad o bien por error al pulsar el botón equivocado, con una pantalla llena de numerajos y letruchas que ni por asomo parecen algo con sentido. Los más aventureros habréis entrado en esa zona "prohibida" para insertar algunos fragmentos de código para vuestro contador, estadísticas, etc,pensando "como esto no chute....como me cargue mi querida pagina...va a ver ese Jorgens lo que es bueno" je je je. Pues bien, vamos a desmenuzar la estructura de una página web para ir perdiéndole el miedo.
Toda página web hecha con Html5, por complicada que parezca, se divide en dos partes bien diferentes a las que llamaremos Cabecera (head) y Cuerpo (body). Además, todas las páginas web empiezancon la palabra mágica (o etiqueta) <html> y terminan con la etiqueta </html>. Cada página web además, solo tiene una sola cabecera y un solo cuerpo. Nos dejamos los dobles cuerpos y dobles cabezas para la mitología, oki? Para que os hagáis una idea, esto sería una página web con todas las de la Ley, eso sí, vacia.
<html>
<head>
</head>
<body> </body>
</html>
Buscando un simil, podríamos decir que todo el código va metido en un armario llamado html y que a su vez tiene dos compartimentos separados, uno llamado head y otro llamado body.
El contenido correspondiente a la cabecera (head) tendrá que ir siempre entre la etiqueta <head> que indica inicio de la cabecera, y la etiqueta </head> que indica el fin...
1.
2. Introdución
3. La estructura
4. Tipo de Documento
5. Especificar el idioma
6. Titulo o Title
7. Meta Description
8. Tipo de Códificación
9. Párrafos
10. Resaltar Textos
11. Comentarios
12. Titulos h1, h2...
13. Las Imágenes
14. Etiqueta de Imagen
15. Ruta de Imagen
16. Nombre de Archivo
17. Dimensiones18. Texto Alternativo
19. Los Enlaces
20. Etiqueta de Enlaces
21. Ruta de Enlaces
22. El Target
23. Title Alternativo
24. Anclajes
25. Propiedad rel
26. Ejemplo Hasta Ahora
27. Saltos de Línea
28. Las Listas
29. Listas Desordenadas
30. Listas Ordenadas
31. Metatag description
32. Palabras Clave
Introdución al Curso de Html
Antes deempezar quiero comentarte alguna cosilla. En adelante te vas a encontrar con unos cuantos ejemplos que puedes ir copiando con el block de notas de windows (notepad.exe) por ejemplo. No uses el Wordpad de Windows ni el Microsoft Word ni ningún otro procesador de textos, pues es preciso que el software en el que escribas código html (o Php, Javascript, etc) NO le asigne formatos al texto (color,tamaño, etc, como el Word de Microsoft, etc).
Visita la sección Editores de Texto Plano para saber un poco más del porqué y para encontrar enlaces de descarga de Editores de Texto Plano gratuitos, oki?
Verás como el código Html (html5) que te pongo en los ejemplos suele ir coloreado de azul. Esto es para poder diferenciarlo más tarde con otros tipos de código (como el css, php, javascript, etc queirán de otro color). Eso nos clarificará los ejemplos bastante.
Bajo mi punto de vista (y de muchos otros webmasters, claro) el código Html solo hay que usarlo para añadir el contenido en la web, pero no para darle formas, colores ni nada que signifique "adornar" la web. Para eso usaremos los Estilos CSS que veremos después de terminar este curso de Html5. Es por eso que prescindiremos de todo elHtml que se usa para adornos. Repito, Html solo para añadir información, CSS para darle forma, oki? Si usas Html para cambiar tamaño al texto, poner bordes o recuadros, dar márgenes, colores de fondo y tal, estarás perdiendo el tiempo y te acordarás de estas notas cuando veas que tus páginas web no se ven igual en unos navegadores que en otros. Seguir los consejos de CCTW es un acto de fé, je je je.Me harás caso? Ya lo veremos, je je je.
La estructura
Más de una vez os habréis tropezado, bien por curiosidad o bien por error al pulsar el botón equivocado, con una pantalla llena de numerajos y letruchas que ni por asomo parecen algo con sentido. Los más aventureros habréis entrado en esa zona "prohibida" para insertar algunos fragmentos de código para vuestro contador, estadísticas, etc,pensando "como esto no chute....como me cargue mi querida pagina...va a ver ese Jorgens lo que es bueno" je je je. Pues bien, vamos a desmenuzar la estructura de una página web para ir perdiéndole el miedo.
Toda página web hecha con Html5, por complicada que parezca, se divide en dos partes bien diferentes a las que llamaremos Cabecera (head) y Cuerpo (body). Además, todas las páginas web empiezancon la palabra mágica (o etiqueta) <html> y terminan con la etiqueta </html>. Cada página web además, solo tiene una sola cabecera y un solo cuerpo. Nos dejamos los dobles cuerpos y dobles cabezas para la mitología, oki? Para que os hagáis una idea, esto sería una página web con todas las de la Ley, eso sí, vacia.
<html>
<head>
</head>
<body> </body>
</html>
Buscando un simil, podríamos decir que todo el código va metido en un armario llamado html y que a su vez tiene dos compartimentos separados, uno llamado head y otro llamado body.
El contenido correspondiente a la cabecera (head) tendrá que ir siempre entre la etiqueta <head> que indica inicio de la cabecera, y la etiqueta </head> que indica el fin...
Leer documento completo
Regístrate para leer el documento completo.