Manual de HTML

    Comparte

    -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.

    чэ
    Camarada
    Camarada

    Cantidad de envíos : 132
    Reputación : 204
    Fecha de inscripción : 10/12/2011
    Edad : 19
    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.

    -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 : 2862
    Reputación : 5821
    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



    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 Hoy a las 11:38 am


      Fecha y hora actual: Miér Dic 07, 2016 11:38 am