Scribd Logo
Importer

Bienvenue sur Scribd !

  • Cómo Hacer Una Página Web en HTML

    Transféré par

    Jairon Muñoz Miño
    21 vues24 pages
    Pasos para crear una pagina web en html

    Copyright

    © © All Rights Reserved

    Formats disponibles

    DOCX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    Pasos para crear una pagina web en html

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    21 vues24 pages

    Cómo Hacer Una Página Web en HTML

    Transféré par

    Jairon Muñoz Miño
    Pasos para crear una pagina web en html

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 24

    Cómo hacer una página web en HTML

    Información del autor.

    En este artículo:Crear la página webGuardar y abrir la página webReferencias

    Este wikiHow te enseñará cómo codificar una página web de texto con HTML. Una vez
    que hayas creado la página de texto, podrás guardarla como un documento HTML y
    verla en el navegador web. Crear una página HTML es posible usando editores de texto
    básicos que puedes encontrar en computadoras Windows y Mac.

    Parte 1

    Crear la página web

    1.
    1

    Abre un editor de texto. En una computadora Windows, generalmente podrás


    usar Bloc de notas o Notepad++, mientras que los usuarios de Mac podrán usar
    TextEdit:

    o Windows. Abre Inicio

    , escribe n o t e p a d + + y haz clic en Bloc de notas o "Notepad++" en la


    parte superior de la ventana.

    o Mac. Haz clic en Spotlight

    , escribe t e x t e d i t y haz doble clic en TextEdit en la parte superior de


    los resultados.

    2.
    2

    Configura el tipo de documento para HTML. Escribe < ! D O C T Y P E h t m l >


    y presiona Entrar , luego escribe < h t m l > y presiona Entrar de nuevo.
    Finalmente, escribe < h e a d > y presiona Entrar . La parte superior del documento
    debe verse de la siguiente manera: [1]

    <!DOCTYPE html>
    <html>
    <head>

    3.
    3

    Añade un título de pestaña para la página web. Este es el título que aparecerá
    en la pestaña del navegador cuando abras la página (por ejemplo, "Facebook").
    Escribe < t i t l e > , ingresa el título de pestaña de la página web y escribe
    < / t i t l e > . Luego tendrás que añadir la etiqueta de cierre "Head", que es
    < / h e a d > , en su propia línea. La sección de título se debe ver de la siguiente
    manera:

    <title>Mi página web</title>


    </head>

    4.
    4

    Indica el comienzo del texto del cuerpo de la página. Escribe < b o d y > debajo
    de la etiqueta de cierre "Head". Esta acción asegura que el resto del texto del
    documento se considere texto de la página web hasta que cierres la etiqueta
    "Body". Debes tener lo siguiente:

    <body>

    5.
    5

    Crea un encabezado de página. El encabezado de página es el título que


    aparecerá en la parte superior de la página web. Para crear uno, escribe < h 1 > ,
    añade el encabezado y luego cierra la etiqueta con < / h 1 > . Por ejemplo:

    <h1>¡Bienvenido a mi página!</h1>

    6.
    6

    Añade encabezados adicionales a medida que prosigas. Hay seis encabezados


    distintos que puedes crear usando las etiquetas < h 1 > < / h 1 > y < h 6 > < / h 6 > .
    Por ejemplo, para crear encabezados de tres tamaños distintos en sucesión,
    puedes escribir lo siguiente:

    <h1>¡Bienvenido a mi página!</h1>
    <h2>Mi nombre es Pedro.</h2>
    <h3>Espero que te guste el sitio.</h3>

    7.
    7

    Crea un párrafo. Las etiquetas de párrafo se usan para crear bloques distintos
    de texto. Para colocar texto en un párrafo, escribe < p > , luego el texto y
    finalmente < / p > para cerrar la etiqueta:

    <p>Este es mi párrafo.</p>

    o Puedes añadir varias líneas de párrafo en una fila para crear una serie de
    párrafos debajo de un encabezado.
    8.
    8

    Cambia el color del texto. Puedes cambiar el color de cualquier texto


    enmarcando el texto con las etiquetas < f o n t c o l o r = " c o l o r " > < / f o n t > ,
    asegurándote de escribir el color que prefieras en la sección "color" (debes
    incluir las comillas). Por ejemplo, para hacer que el texto de un párrafo se vuelva
    azul, debes escribir lo siguiente: [2]

    <p><font color="blue">Las ballenas son criaturas


    majestuosas.</font></p>

    o Puedes hacer que cualquier texto (por ejemplo, los encabezados) se


    vuelvan de un color distinto con este conjunto de etiquetas.
    o HTML admite una cantidad sorprendentemente grande de colores, así
    que siéntete libre de experimentar con distintos nombres de colores.
    9.
    9

    Dale formato al texto con negrita, cursiva o subrayado. El texto en negrita,


    en cursiva o subrayado se puede crear con las etiquetas < b > < / b > , < i > < / i >
    y < u > < / u > respectivamente. También puedes crear texto de subíndice (que se
    usa para cosas como números antes de las raíces cuadradas) y de superíndice
    (que se usa para cosas como números cuadrados): [3]

    <b>texto en negrita</b>
    <i>texto en cursiva</i>
    <u>texto subrayado</u>
    <sub>texto de subíndice</sub>
    <sup>texto de superíndice</sup>

    10.
    10

    Añade una imagen a la página. Puedes usar las etiquetas < i m g


    s r c = " U R L " > < / i m g > para integrar una imagen existente en la página web.
    Por ejemplo, si la dirección de la imagen es "www.mypicture.com/lake", puedes
    escribir lo siguiente:

    <img src="www.mypicture.com/lake"></img>

    11.
    11

    Haz un enlace a otra página. Puedes añadir un enlace a otra página web
    usando las etiquetas < a h r e f = " l i n k " > l i n k t e x t < / a > , en donde link es
    la dirección de la página web a la que quieres hacer un enlace y link text es el
    texto que actuará como enlace. Por ejemplo, para hacer un enlace a Facebook,
    debes escribir lo siguiente: [4]

    <a href="www.facebook.com">Este es el enlace a la página web de


    Facebook.</a>.

    12.
    12

    Cierra las etiquetas de la página web. Como con cualquier etiqueta de HTML,
    tendrás que cerrar las etiquetas < b o d y > y < h t m l > que están en la parte
    superior del documento escribiendo lo siguiente en la parte inferior del
    documento:

    </body>
    </html>

    13.
    13

    Revisa la página web. Puedes añadir más párrafos, más encabezados y más
    texto en cualquier parte de la página entre las etiquetas < b o d y > < / b o d y > , si es
    necesario. El siguiente es un ejemplo de una página web terminada:

    <!DOCTYPE html>
    <html>

    <head>
    <title>Página de fans de wikiHow</title>
    </head>

    <body>

    <h1>¡Bienvenido a mi página!</h1>
    <p>Esta es una página de fans para wikiHow. ¡Siéntete como en tu
    casa!</p>

    <h2>Fechas importantes</h2>
    <p><i>15 de enero del 2019</i> - El cumpleaños de wikiHow</p>

    <h2>Enlaces</h2>
    <p>Este es un enlace a wikiHow: <a
    href="www.wikihow.com">www.wikihow.com</a></p>

    </body>
    </html>

    14.

    14

    Haz cualquier cambio de último minuto. Si ves algún error en la codificación,


    corrígelo antes de seguir. Una vez que te asegures de que el HTML refleje
    precisamente tus expectativas, puedes pasar a la siguiente parte.

    Parte 2
    Guardar y abrir la página web

    1.

    Convierte el documento a texto sin formato en una Mac. Si usas una Mac,
    haz clic en el elemento del menú Formato que está en la parte superior de la
    pantalla, luego haz clic en Convertir a texto sin formato en el menú
    desplegable que aparece.

    o Este paso no es necesario ni posible en Windows.


    2.
    2

    Abre el menú "Guardar". Ya que has creado un nuevo documento de texto


    para escribir la página web, puedes presionar Ctrl + S (Windows) o Comando + S
    (Mac) para hacerlo.

    o También puedes hacer clic en Archivo y luego hacer clic en Guardar


    como en el menú desplegable que aparece. Esta operación funciona en
    computadoras Windows y Mac.
    3.
    3

    Ingresa un nombre para el documento HTML. Escribe el nombre que quieras


    para el documento en el cuadro de texto "Nombre de archivo" (Windows) o
    "Nombre" (Mac).

    4.
    4

    Cambiar el tipo de archivo del documento. Tendrás que cambiar el


    documento de un archivo de texto a un archivo HTML. Puedes hacerlo de la
    siguiente manera:

    o Windows. Haz clic en el cuadro desplegable "Guardar como tipo", haz


    clic en Todos los archivos y luego escribe . h t m l al final del nombre
    del archivo.
    o Mac. Reemplaza . t x t al final del nombre del archivo por . h t m l .
    5.
    5

    Haz clic en Guardar . Está en la parte inferior de la ventana. Hacerlo creará un


    archivo HTML.

    o Por lo general, los archivos HTML se abren con el navegador web


    predeterminado.
    6.
    6

    Cierra el editor de texto. En este punto, debes tener abierto el archivo HTML
    en el navegador para que puedas ver la página web.

    7.
    7

    Abre el documento HTML con el navegador. En la mayoría de los casos,


    podrás hacer doble clic en el documento HTML para abrirlo. Si hacer doble clic
    en el documento da como resultado un error, haz lo siguiente:

    o Windows. Haz clic derecho en el documento, selecciona Abrir con y haz


    clic en el navegador que prefieras.
    o Mac. Haz clic en el documento una vez, haz clic en Archivo, selecciona
    Abrir con y haz clic en el navegador que prefieras.
    8.
    8

    Si es necesario, edita el documento HTML. Puedes notar un error en la página


    HTML. Para cambiarlo, puedes editar el texto del documento HTML:

    o En Windows, puedes hacer clic derecho en el documento y hacer clic en


    Editar en el menú desplegable que aparece (si tienes Notepad++
    instalado, el mensaje dirá Editar con Notepad++).
    o En Mac, tendrás que hacer clic en el documento para seleccionarlo, haz
    clic en Archivo, selecciona Abrir con y haz clic en TextEdit. También
    puedes arrastrar el documento a TextEdit.

    Consejos
     Si quieres centrar una imagen en la página, puedes escribir <class="center">
    después del nombre de la imagen en la etiqueta img (por ejemplo, <img
    src="URL" class="center">).
     Puedes añadir texto de desplazamiento lateral a la página web usando la etiqueta
    <marquee></marquee>, pero toma en cuenta que es posible que algunos
    navegadores no reconozcan esta etiqueta.
     Muchas personas usan Notepad++ para escribir y compilar la codificación.
     Las etiquetas siempre se deben cerrar en una imagen de espejo de sus
    contrapartes abiertas. Por ejemplo, <tag1><tag2> se debe cerrar con
    </tag2></tag1>.

    Advertencias
     Es mejor alojar tus propias imágenes en Imgur o algo similar si planeas subir
    imágenes a la página web. Publicar las imágenes de otras personas puede dar
    como resultado una infracción de derechos de autor.

    Vous aimerez peut-être aussi