Manual de HTML

Comparte
avatar
-Juancho-
Gran camarada
Gran camarada

Cantidad de envíos : 248
Reputación : 274
Fecha de inscripción : 11/05/2013
Localización : Huesca

Manual de HTML

Mensaje por -Juancho- el Mar Oct 15, 2013 7:38 pm

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? Smile
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.
avatar
чэ
Camarada
Camarada

Cantidad de envíos : 132
Reputación : 204
Fecha de inscripción : 10/12/2011
Edad : 20
Localización : Chile

Re: Manual de HTML

Mensaje por чэ el Sáb Nov 09, 2013 8:59 pm

Una vez intente hacer documentos HTML pero nunca me funcionaban y me termino aburriendo. No le pego mucho a estas cosas.
avatar
-Juancho-
Gran camarada
Gran camarada

Cantidad de envíos : 248
Reputación : 274
Fecha de inscripción : 11/05/2013
Localización : Huesca

Re: Manual de HTML

Mensaje por -Juancho- el Sáb Nov 09, 2013 9:29 pm

чэ escribió:Una vez intente hacer documentos HTML pero nunca me funcionaban y me termino aburriendo. No le pego mucho a estas cosas.
Porque no te funcionaban? problemas al escribirlo, en internet...

Chus Ditas
Miembro del Soviet
Miembro del Soviet

Cantidad de envíos : 2870
Reputación : 5829
Fecha de inscripción : 24/03/2011

Re: Manual de HTML

Mensaje por Chus Ditas el Sáb Nov 09, 2013 10:53 pm

Por si a alguien interesa:

10 sitios donde tomar cursos de programación gratis
"Aprender a programar en Internet es muy fácil en estos días, he aquí una lista de 10 sitios donde tomar cursos de programación gratis y abiertos."

http://bitelia.com/2013/10/10-sitios-donde-tomar-cursos-de-programacion-gratis


avatar
RedJack
Gran camarada
Gran camarada

Cantidad de envíos : 308
Reputación : 338
Fecha de inscripción : 11/11/2013

Re: Manual de HTML

Mensaje por RedJack el Mar Nov 12, 2013 1:01 am

Solo un comentario:

Buen resumen rapido para comenzar! Si te interesa, debes saber que todo lo relacionado con el "overview" de una página web hoy en día se hace integramente con CSS. Nada de HTML. No obstante, HTML no deja de ser útil para otras muchas cosas.

Saludos!

Contenido patrocinado

Re: Manual de HTML

Mensaje por Contenido patrocinado


    Fecha y hora actual: Lun Nov 20, 2017 10:14 am