Scribd Logo
Unggah

Selamat datang di Scribd!

  • HTML 1 (Principios Bsicos)

    Diunggah oleh

    Victor Hugo Urquiola Estroz
    10 tayangan24 halaman

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    PPT, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PPT, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    10 tayangan24 halaman

    HTML 1 (Principios Bsicos)

    Diunggah oleh

    Victor Hugo Urquiola Estroz

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PPT, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 24

    El lenguaje HTML:

    Principios bsicos

    Caractersticas generales
    Hipertexto e Hipermedia HTML: HyperText Markup Language El proceso de textos mediante marcas:
    Script de IBM TEX

    Documentos HTML: fichero ASCII Lenguajes interpretados y compilados

    Edicin de pginas HTML


    La unidad bsica del lenguaje HTML son las etiquetas. Una etiqueta es una cadena formada por los smbolos de menor y mayor y entre ellos una cadena que determina el nombre de la etiqueta. < Nombre_de_la_etiqueta > Generalmente las etiquetas se utilizan como delimitadores, por lo cual una etiqueta esta compuesta de una parte que indica el inicio u el complemento que indica la finalizacin.

    Sintaxis: Etiqueta con inicio u fin


    <Etiqueta_Inicio> Texto contenido < / Etiqueta_Fin> Tambin existen etiquetas simples las cuales se componen solo de la parte de inicio. Sintaxis: Etiqueta Simple <Etiqueta_Inicio>

    Atributos de las etiquetas.


    Las etiquetas contienen una serie de parmetros para poder personalizar la operacin que desarrollan.
    Estos parmetros son llamadas Atributos de la etiqueta.

    Los atributos son parmetros que se configuran en el momento de generar una etiqueta.
    Sintaxis: < Etiqueta atributo1= Valor atributo2=Valor > Texto Contenido </Etiqueta> Notas: 1. El atributo se genera del par nombre = Valor

    2. El valor del atributo siempre se escribe entre comillas.


    3. Los atributos son denotados dentro de la etiqueta de inicio. 4. Los atributos se separan entre ellos a travs de espacios en blanco.

    Estructura de un documento HTML.


    La estructura bsica de un documentos HTML esta compuesto por una secuencia de etiquetas. A continuacin se muestra la estructura bsica de un documentos HTML.

    <html> <head> Datos de configuracin del documento. </head>

    <body> Cuerpo del documento. </body>

    </html>
    1. 2. 3. La etiqueta <html> indica el inicio de un documento HTML. La etiqueta <head> es util, para configurar datos acerca del documento La etiqueta <body> agrupa a todo el contenido del documento

    Formateo elemental de textos


    Encabezamientos
    <H1></H1>...........<H6></H6>

    Salto de prrafo
    <P></P>

    Centrado
    <CENTER></CENTER>

    Negrita y Cursiva
    <B></B> <I></I>

    Encabezados. Ejemplos
    Encabezado 1, tamao fuente: 6 Encabezado 2, tamao fuente: 5 Encabezado 3, tamao fuente: 4

    Encabezado 4, tamao fuente: 3 Encabezado 5, tamao fuente: 2 Encabezado 6, tamao fuente: 1

    Encabezados

    Por default: Si no se indica una alineacin se aplica alineacin a la izquierda

    Formato de texto
    Cuando se requiere personalizar el formato del texto en documentos HTML, se utilizan varias etiquetas, una de las mas importantes es la etiqueta <font> La etiqueta font permite configurar: 1. 2. 3. Tipo de letra. Color de la letra Tamao de la letra

    Sintaxis.

    <font>Texto para formatear</font>

    Atributo
    face size color
    Importante.

    Operacin
    Determina tipo de letra Determina el tamao de la letra Configura el color de la letra

    Valores
    Fuentes del sistema cliente {1, 2, 3, 4, 5, 6, 7} Tabla de colores HTML

    El conjunto de fuentes, es aquel que existe en el equipo donde ser reproducido el documento HTML.

    Configurando tipo de letra

    Tipo: Arial black Tipo: times New Roman Tipo: symbol

    Configurando tipo de letra


    Se pueden configurar varios tipos de letras, as en caso que el equipo cliente no cuente con la primera tendr la opcin de ejecutar alguna de la lista de configurada.

    Fuente conocida por el diseador, pero no conocida por el equipo cliente

    En este caso se muestra que el tipo de letra: miFuente no existe en el equipo cliente, pero se ejecuta la configuracin de una segunda fuente para el texto

    Tamao de la letra
    Para determinar el tamao de la letra se utiliza el atributo size de la etiqueta <font>.

    Configuracin del tamao de la letra.

    Configuracin de tipo y tamao de la letra.

    Atributos de etiquetas
    Alineacin de prrafos
    Izquierda: ALIGN=left (opcin por defecto) Derecha: ALIGN=right Centrado: ALIGN=center

    Utilizacin.
    <p ALIGN=opcin>

    Separador, vertical
    La etiqueta <hr> permite agregar separadores verticales en un documento HTML.
    Sintaxis.

    <hr>
    Atributos. Atributo width size Operacin Determina el ancho (longitud horizontal) del separador. Determina la altura o espesor del separador. Valores Valor entero en pixeles o en porcentaje En pixeles

    noshade
    align

    Si se aparece este atributo se elimina la sombra del separador


    Alineacin del separador

    Ninguno
    Alinea el separador (solo si no esta al 100% de ancho)

    Creacin de listas
    Listas no ordenadas
    <UL> <LI> </UL>

    Listas ordenadas
    <OL> <LI> </OL>

    Aadir vietas a las listas


    Sintaxis general
    <UL TYPE=atributo> <OL TYPE=atributo>

    Atributos listas no ordenadas


    DISC, CIRCLE, SQUARE

    Atributos listas ordenadas


    1, A, I

    Otras propiedades de las listas


    Listas de definicin
    <DL> <DT> <DD> </DL>

    Listas anidadas
    <UL> <LI>
    <UL> <LI>

    Otras etiquetas
    Lnea horizontal <HR> Atributos de <HR>
    <HR NOSHADE SIZE=valor WIDTH=porcentaje ALIGN=valor>

    La etiqueta <BLINK>
    <BLINK> Hola! </BLINK>

    La etiqueta <META>
    <META HTTP-EQUIV= refresh CONTENT= 5; url=http://www.uam.es >

    Inclusin de imgenes
    Formatos principales GIF y JPEG Sintaxis:
    <IMG SRC= imagen.gif >

    Atributos
    <IMG SRC= imagen.gif HEIGHT= valor WIDTH= valor >

    Alineacin
    <IMG SRC= imagen.gif ALIGN= top >

    Fondos
    Pueden ser: Texturas, Imgenes y Colores Sintaxis:
    <BODY BACKGROUND= fondo.gif > <BODY BGCOLOR= color >

    Creacin de hiperenlaces
    Permiten enlazar dos pginas cualesquiera independientemente de la ubicacin de cada una: local o en red. Ejemplos:
    <A HREF= http://www.elmol.cl > Diario El mrcurio digital</A> <A HREF= diario.html > Pgina1 </A> <A HREF= http://www.inacap.cl ><IMG SRC= imagen.gif ></A>

    Hiperenlaces entre secciones de diferentes pginas HTML


    Enlace desde una pgina (indice de autores.html) a una seccin especfica en otro documento (autores.html).
    Primero creamos la referencia en el primer documento:
    <A HREF= autores.html#A1 > Autor1 </A>

    A continuacin creamos el anclaje en el segundo documento:


    <A NAME= A1 > Autor1 </A>

    Hiperenlaces entre secciones de la misma pgina HTML


    Enlace desde una pgina (ndice de autores.html) a una seccin del mismo documento. Primero creamos la referencia:
    <A HREF= #A1 > Autor1 </A>

    A continuacin creamos el anclaje en el mismo documento:


    <A NAME= A1 > Autor1 </A>

    Anda mungkin juga menyukai