Scribd Logo
Importer

Bienvenue sur Scribd !

  • HTML y CSS

    Transféré par

    Max Eder Jayacc DelaCruz
    14 vues10 pages
    para la comprensión de Html! =D

    Titre original

    HTML Y CSS

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    para la comprensión de Html! =D

    Droits d'auteur :

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

    HTML y CSS

    Transféré par

    Max Eder Jayacc DelaCruz
    para la comprensión de Html! =D

    Droits d'auteur :

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

    HTML Y CSS

    1.- iniciamos Sublime text.

    2.- Creamos El primer cdigo:

    2.- Guardamos el Archivo en File en Save As.

    3.- Verificar el tipo de extensin, el nombre respectivo nombre.html si usted desea guarda
    todos los archivos con la cual usted va a trabajar en una sola carpeta o en el escritorio.

    4.- Una vez guardado debemos de confirmar si se guard correctamente en el lugar sealado,
    no se olvide de sacar el check en Opciones de Carpeta, en la pestaa VER, opcin ocultar las
    extensiones

    5.- En Sublime Text escribir la estructura de Html y sus respectivas partes principales el Head,
    Body.

    6.- Conceptos
    HEAD
    Este elemento est determinado por las etiquetas <head> y </head>. Dentro de las
    mismas queda determinada la seccin head la cual contiene toda la informacin sobre
    el documento.
    Esta informacin no ser mostrada por el navegador pero es de suma importancia para
    los navegadores y para los motores de bsqueda.
    De acuerdo a los estndares de HTML solo un nmero reducido de etiquetas pueden
    incluirse en la seccin head:
    1.
    2.
    3.
    4.
    5.
    6.

    <base>
    <link>
    <meta>
    <title>
    <style>
    <script>

    En esta ocasin nosotros utilizaremos 3 etiquetas


    <link> que es para CSS
    <meta charset=UTF-8> que es para que pueda reconocer las tildes, y otro tipo de
    caracteres.
    <title> para dar un ttulo a la barra de la ventana
    BODY
    Es el contenedor de los contenidos. Su misin es contener los elementos que dan forma al
    documento.
    En esta parte del body irn todas las etiquetas HTML que sern visualizadas en la pgina web
    7.- Vemos las etiquetas bsicas para realizar una pgina web:

    Resultado:

    8.- leccin 8 Aprenderemos CSS: son las siglas de Cascade Style Sheet que traducido
    significa hojas de estilo en cascada.
    Las hojas de estilo es una tecnologa que nos permite controlar la apariencia de una
    pgina web. En un principio, los sitios web se concentraban ms en su contenido que en
    su presentacin.
    Ejemplo de CSS:

    Creamos la Hoja de style.css, en la opcin File > new File. Se crea un nuevo archivo debemos
    de guardarlo con la extensin de Tipo Css y con el nombre de style.css

    Una vez guardada el archivo volvemos a nuestro html y debemos crear la comunicacin entre
    html y css para realizar el diseo de la pgina web, en head escribimos la etiqueta <link> y en
    la opcin href= ingresamos en nombre de hoja de Css style.css

    Nos vamos a style.css y empezamos el diseo:

    Guardamos los cambios efectuados y el resultado ser:

    Ejemplo para el tamao de una Imagen:

    Width: es para el ancho de la imagen.


    heigh: es para la altura de la imagen.

    Para poner un fondo en todo el cuerpo en Body:

    9.- Crearemos varias pginas en pag.html, pag1.html, pag2.html cada pgina tiene q ser
    diferente a la otra en este caso en body de la pag1.html y pag2.html pondr un <h1> o ttulo
    diferente

    pag1.html

    Pag2.html

    10.- Insertamos la etiqueta <a> en la Primera Pag.html en texto y en una imagen

    El resultado se subraya el texto y cuando hagan clic les enviara a otra pgina

    Vous aimerez peut-être aussi