Portal
Hoy que tenía un poco de tiempo me he dedicado a postear alguna pregunta y en el foro y como tanto pregunto y poco aporto os dejo aquí un manual de HTML para novatos, escrito íntegramente por mí.
Un saludo
------------------------------------------
HTML PARA PRINCIPIANTES-PARTE1
Este es un manual para principiantes, si te consideras un “pro” te ruego que no lo leas, o si lo quieres leer, pues hazlo, pero luego no critiques, ¿ok?
Bueno empezemos:
¿Qué es HTML?
Es un lenguaje informático que se usa principalmente para el diseño y elaboración de los textos (hipertext) de una página web. En el puedes insertar contenido multimedia (imágenes, sonidos, videos…) y enlaces a otras páginas (o a lo que quieras enlazar).
Efectos de texto
Los efectos de texto son fundamentales para el uso de HTML, sin ellos no tendría sentido usar el código HTML. Para escribir en HTML debes conocer dos cosas fundamentales: las directivas (el efecto que se quiere conseguir) siempre ha de ir entre estos signos <y> y para cerrar esa directiva se ha de poner una barra inclinada después del primer signo. Por ejemplo:
<html> </html> (un texto debe tener siempre estas dos directivas, una al principio y otra al final)
Sencillo ¿no? Vamos a hablar ahora de la estructura del texto.
-Estructura
Un texto siempre ha de contar con un encabezamiento, en el cual ha de ir incluido el título, y el cuerpo. Para el encabezamiento escribiremos <head> y </head>, y para el cuerpo, <body> y </body>. El título empieza con <title>y termina con </title> pero al presentar el texto una vez “convertido” no se verá, es solo para darle un título al documento. Por ejemplo:
<title>html para principiantes </title>
En resumen:
<html>
<head>
<title>Titulo</title>
</head>
<body>
Texto del documento, enlaces, etc.
</body>
</html>
-Títulos
Para dar mayor o menor importancia al texto del título utilizamos las directivas:
<h1>Prueba</h1>
Prueba
<h2>Prueba</h2>
Prueba
<h3>Prueba</h3>
Prueba
-Saltos, espacios…
Si lo que quieres es escribir un texto sin nada en especial, todo seguido, no hace falta escribir ninguna directiva en especial pero en caso de que quieras señalar algo en especial como un fin de línea o una separación entre párrafos escribiremos estas dos directivas: <br> y <p>. Por ejemplo:
El gato es azul.<br>
Es un gato feo.<p>
Los gatos arañan.<p>
Esto se vería así:
El gato es azul.
Es un gato feo.
Los gatos arañan.
A otra cosa, para escribir negrita escribimos <b> y </b> y para cursiva escribimos <i> y </i>. Por ejemplo:
<b>Texto</b> <i>Texto</i>
Texto Texto
-Listas
Hay tres tipos de listas; no numeradas, numeradas y glosario.
Para escribir una lista no numerada, escribimos esto:
<u1>
<1i>Perros
<1i>Gatos
<1i>Peces
</u1>
• Perros
•Gatos
•Peces
Para una lista numerada escribimos esto:
<o1>
<1i>Google
<1i>Yahoo
</o1>
1. Google
2. Yahoo
Para escribir un glosario es un poco más difícil:
<d1>
<dt>Morodo
<dd>Mola más que Justin B.
<dt>Justin Bieber
<dd>Es horrible.
</d1>
Morodo
Mola más que Justin B.
Justin Bieber
Es horrible.
Y hasta aquí la primera parte de este “HTML para principiantes”, cualquier duda ponerla en los comentarios y os responderé encantado:).
Se despide, Juancho
Este documento tiene una licencia oficial de CreativeCommons y queda prohibida su copia y/o publicación.
Un saludo
------------------------------------------
HTML PARA PRINCIPIANTES-PARTE1
Este es un manual para principiantes, si te consideras un “pro” te ruego que no lo leas, o si lo quieres leer, pues hazlo, pero luego no critiques, ¿ok?
Bueno empezemos:
¿Qué es HTML?
Es un lenguaje informático que se usa principalmente para el diseño y elaboración de los textos (hipertext) de una página web. En el puedes insertar contenido multimedia (imágenes, sonidos, videos…) y enlaces a otras páginas (o a lo que quieras enlazar).
Efectos de texto
Los efectos de texto son fundamentales para el uso de HTML, sin ellos no tendría sentido usar el código HTML. Para escribir en HTML debes conocer dos cosas fundamentales: las directivas (el efecto que se quiere conseguir) siempre ha de ir entre estos signos <y> y para cerrar esa directiva se ha de poner una barra inclinada después del primer signo. Por ejemplo:
<html> </html> (un texto debe tener siempre estas dos directivas, una al principio y otra al final)
Sencillo ¿no? Vamos a hablar ahora de la estructura del texto.
-Estructura
Un texto siempre ha de contar con un encabezamiento, en el cual ha de ir incluido el título, y el cuerpo. Para el encabezamiento escribiremos <head> y </head>, y para el cuerpo, <body> y </body>. El título empieza con <title>y termina con </title> pero al presentar el texto una vez “convertido” no se verá, es solo para darle un título al documento. Por ejemplo:
<title>html para principiantes </title>
En resumen:
<html>
<head>
<title>Titulo</title>
</head>
<body>
Texto del documento, enlaces, etc.
</body>
</html>
-Títulos
Para dar mayor o menor importancia al texto del título utilizamos las directivas:
<h1>Prueba</h1>
Prueba
<h2>Prueba</h2>
Prueba
<h3>Prueba</h3>
Prueba
-Saltos, espacios…
Si lo que quieres es escribir un texto sin nada en especial, todo seguido, no hace falta escribir ninguna directiva en especial pero en caso de que quieras señalar algo en especial como un fin de línea o una separación entre párrafos escribiremos estas dos directivas: <br> y <p>. Por ejemplo:
El gato es azul.<br>
Es un gato feo.<p>
Los gatos arañan.<p>
Esto se vería así:
El gato es azul.
Es un gato feo.
Los gatos arañan.
A otra cosa, para escribir negrita escribimos <b> y </b> y para cursiva escribimos <i> y </i>. Por ejemplo:
<b>Texto</b> <i>Texto</i>
Texto Texto
-Listas
Hay tres tipos de listas; no numeradas, numeradas y glosario.
Para escribir una lista no numerada, escribimos esto:
<u1>
<1i>Perros
<1i>Gatos
<1i>Peces
</u1>
• Perros
•Gatos
•Peces
Para una lista numerada escribimos esto:
<o1>
<1i>Google
<1i>Yahoo
</o1>
1. Google
2. Yahoo
Para escribir un glosario es un poco más difícil:
<d1>
<dt>Morodo
<dd>Mola más que Justin B.
<dt>Justin Bieber
<dd>Es horrible.
</d1>
Morodo
Mola más que Justin B.
Justin Bieber
Es horrible.
Y hasta aquí la primera parte de este “HTML para principiantes”, cualquier duda ponerla en los comentarios y os responderé encantado:).
Se despide, Juancho
Este documento tiene una licencia oficial de CreativeCommons y queda prohibida su copia y/o publicación.
