Scribd Logo
Upload

Welcome to Scribd!

  • Clase 01 HTML

    Uploaded by

    Robert Sotil Lujan
    13 views2 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    13 views2 pages

    Clase 01 HTML

    Uploaded by

    Robert Sotil Lujan

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    I.E.

    P ROSA DE LAS AMERICAS DISEO WEB CON HTML



    Profesor: Robert Sotil Lujn.
    1
    HTML
    Qu es HTML?
    El HTML (Hyper Text Markup Language) es el lenguaje con el
    que se escriben las pginas web. Es un lenguaje de hipertexto,
    es decir, un lenguaje que permite escribir texto de forma
    estructurada, y que est compuesto por etiquetas, que marcan el
    inicio y el fin de cada elemento del documento.
    Un documento hipertexto no slo se compone de texto, puede
    contener imgenes, sonido, videos, etc., por lo que el resultado
    puede considerarse como un documento multimedia.

    Los documentos HTML deben tener la extensin html o htm ,
    para que puedan ser visualizados en los navegadores
    (programas que permiten visualizar las pginas web, como
    Internet Explorer, Firefox, Safari, Opera o Chrome).
    Los navegadores se encargan de interpretar el cdigo HTML de
    los documentos, y de mostrar a los usuarios las pginas web
    resultantes del cdigo interpretado.

    Editores.
    Un editor es un programa que nos permite redactar documentos.
    Hoy en da existen un gran nmero de editores que permiten
    crear pginas web sin la necesidad de escribir ni una sola lnea
    de cdigo HTML. Sin embargo, es importante que comiences
    con un editor sencillo para que te familiarices con el lenguaje.
    Etiquetas.
    Las estiquetas o marcas delimitan cada uno de los componentes
    de un documento HTML. Existen 2 tipos de estiquetas:

    a) Etiqueta de comienzo o inicio.
    b) Etiqueta final o de cierre.

    Cada uno de los elementos de la pgina se encontrar entre una
    etiqueta de comienzo y su correspondiente etiqueta de cierre, a
    excepcin de algunos elementos que no necesitan etiqueta de
    cierre.


    Estructura de una pgina.
    La estructura bsica de una pgina de internet es:


    <html>
    <head>
    ...
    </head>
    <body>
    ...
    </body>
    </html>
    A continuacin vamos a ver el significado de cada una de estas
    etiquetas.

    Identificador del tipo de documento <html>
    Todas las pginas web escritas en HTML tienen que tener la
    extensin html o htm . Al mismo tiempo, tienen que tener las
    etiquetas <html> y </html> .
    Entre las etiquetas <html> y </html> estar comprendido el resto
    del cdigo HTML de la pgina.

    Cabecera de la pgina <head>
    La cabecera de la pgina se utiliza para agrupar informacin
    sobre ella, como puede ser el ttulo. Est formada por las
    etiquetas <head> y </head> . La etiqueta <head> va justo debajo
    de la etiqueta <html>.
    Ttulo de la pgina <title>
    El ttulo de la pgina es el que aparecer en la parte superior de
    la ventana del navegador, cuando la pgina est cargada en l.
    Para asignar un ttulo a una pgina es necesario escribir el texto
    deseado entre las etiquetas <title> y </title> . Estas etiquetas
    han de estar dentro de la cabecera, es decir, entre las etiquetas
    <head> y </head>
    Cuerpo del documento <body>
    El cuerpo del documento contiene la informacin propia del
    documento, es decir lo que queremos que se visualice, el texto
    de la pgina, las imgenes, los formularios, etc.

    Todos estos elementos tienen que encontrarse entre las
    etiquetas <body> y </body> , que van justo debajo de la
    cabecera.


    EJERCICIOS:

    1.- Copia en el bloc de notas el cdigo de tu primera pgina de
    internet. Cuando termines gurdalo como primeraPagina.html y
    brelo con Firefox.




    Consejo para nombrar archivos: Utiliza nombres en tus archivos
    que tengan algunas normas bsicas para ahorrarte disgustos y
    los.

    No utilices acentos ni espacios ni otros caracteres raros.
    Tambin te ayudar escribir siempre las letras en minsculas.

    Esto no quiere decir que debes hacer nombres de archivos
    cortos, es mejor hacerlos descriptivos para que te aclaren lo que
    I.E.P ROSA DE LAS AMERICAS DISEO WEB CON HTML

    Profesor: Robert Sotil Lujn.
    2
    hay dentro. Algn caracter como el guin "-" o el guin bajo "_"
    te puede ayudar a separar las palabras. Por ejemplo
    quienes_somos.html

    2.- Disea 10 pginas de Internet que contengan como ttulo el
    nombre de alguno de tus compaeros y en el cuerpo de la
    pgina 3 caractersticas del mismo.

    3.- Crea 10 pginas de Internet cuyo ttulo sea un nombre de
    alguna pelcula que te guste, y en el cuerpo de la pgina incluya
    el nombre de 5 de los actores que participan y el nombre del
    personaje que interpretan.

    4.- Disea 10 pginas de internet que tengas como ttulo el
    nombre de algn hroe de la Independencia de Mxico, y en el
    cuerpo de la pgina incluya la biografa del mismo.

    Cuando termines avisa a tu maestro para que te califique.

    Color de fondo (bgcolor)
    El color de fondo puede establecerse usando el atributo bgcolor,
    al cual es posible asignarle un valor representado en
    hexadecimal o por el nombre del color.

    Ejemplo:

    <body bgcolor="#0000FF">
    ...
    </body>
    </html>
    Sera equivalente a poner:
    ...
    <body bgcolor="blue">
    ...
    </body>
    </html>
    EJERCICIOS:

    1.- Con la ayuda de tu maestro, disea en Notepad (bloc de
    notas) 15 pginas con color de fondo diferente utilizando el valor
    hexadecimal del color. El ttulo de cada pgina ser el nombre
    del color que usaste como fondo. En el cuerpo de la pgina
    deber aparecer un texto con el nombre del color. Guarda cada
    pgina creada en una carpeta nueva llamada colores
    hexadecimal dentro de Archivos D: o Disco Local D:

    Los colores que puedes utilizar puedes encontrarlos aqu.

    2.- Con la ayuda de tu maestro, disea en Notepad (bloc de
    notas) 15 pginas con color de fondo diferente utilizando el
    nombre del color. El ttulo de cada pgina ser el nombre del
    color que usaste como fondo. En el cuerpo de la pgina deber
    aparecer un texto con el nombre del color. Guarda cada pgina
    creada en una carpeta nueva llamada colores nombre dentro
    de Archivos D: o Disco Local D:

    Ejemplo:




    Cuando termines avisa a tu maestro para que te califique.

    You might also like