Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Etiquetas HTML

    Cargado por

    Majo DS
    12 vistas8 páginas
    El documento describe las etiquetas HTML y sus atributos para crear estructuras básicas de páginas web como encabezados, párrafos, listas, imágenes, marquesinas, tablas y sus filas y celdas. Se explican etiquetas como <head>, <body>, <title>, <font>, <img>, <p>, <ul>, <ol>, <dt>, <dd>, <table>, <tr> y <td> y los atributos como color, size, src, align, width y height para formatar el contenido y diseño de la página.

    Descripción original:

    Título original

    etiquetas html (1)

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    El documento describe las etiquetas HTML y sus atributos para crear estructuras básicas de páginas web como encabezados, párrafos, listas, imágenes, marquesinas, tablas y sus filas y celdas. Se explican etiquetas como <head>, <body>, <title>, <font>, <img>, <p>, <ul>, <ol>, <dt>, <dd>, <table>, <tr> y <td> y los atributos como color, size, src, align, width y height para formatar el contenido y diseño de la página.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    12 vistas8 páginas

    Etiquetas HTML

    Cargado por

    Majo DS
    El documento describe las etiquetas HTML y sus atributos para crear estructuras básicas de páginas web como encabezados, párrafos, listas, imágenes, marquesinas, tablas y sus filas y celdas. Se explican etiquetas como <head>, <body>, <title>, <font>, <img>, <p>, <ul>, <ol>, <dt>, <dd>, <table>, <tr> y <td> y los atributos como color, size, src, align, width y height para formatar el contenido y diseño de la página.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 8

    Estructura de un documento de página web con HTML

    Etiquetas para práctica de página web

    Etiqueta atributos acción

    <TITLE> </TITLE> Título de la pagina

    <HEAD> </HEAD> Cabecera de la pagina y dentro de ella el titulo


    de la pagiana.

    BGCOLOR Color de fondo

    BACKGROUND Imagen de fondo

    <Body> </Body> TEXT Color del texto

    Cuerpo de pagina LINK Color de vínculo

    VLINK Color de vínculo visitado

    ALINK

    Color Color de texto


    <FONT> </FONT>
    size Tamaño de texto
    Formato de fuente
    face Tipo de texto

    SIZE Grosor

    <HR> WIDTH Ancho

    Línea horizontal en la pagina ALIGN. Alineacion

    Color color

    <BR>
    Retorno de línea. Salta un renglón en la pagina
    Salto de línea o de renglón

    <H1 ...H6> ALINEACION

    Tamaño de encabezado LEFT izquierda

    CENTER centrado
    RIGHT Derecha

    Espacio donde se encuentra el archivo que se


    SRC
    insertara.

    ALIGN Alineación
    <IMG> Texto que sobresale en la imagen al paso del
    ALT
    Insertar imagen mause

    WIDTH ancho

    HEIGHT altura

    Grosor del borde si se desea agregar a la


    BORDER
    imagen

    ALIGN Alineación

    Controla el movimiento de la marquesina


    Alternate se mueve de un lado a otro, Slide
    BEHAVIOR
    se detiene cuando llega al lado opuesto de
    la marquesina

    BGCOLOR Color del fondo de la marquesina

    Lugar se desplazamiento el texto estos


    DIRECTION
    <MARQUEE> pueden ser left / right”

    </MARQUEE> HEIGHT Altura de la marquesina


    Marquesina o en movimiento WIDTH Anchura de la marquesina

    HSPACE Indica el numero de espacios horizontales

    Indica el número de veces que se desplazara


    LOOP
    el texto por la marquesina

    SCROLLAMOUNT Inserta una imagen de fondo a la marquesina

    Indica el numero de milisegundos que tarda en


    SCROLLDELAY
    reescribirse el texto por la marquesina

    Align
    Alineación izquierda
    LEFT
    <P >
    CENTER Alineación centrada
    Párrafo
    RIGHT Alineación derecha

    JUSTIFY Alineación justificada


    Etiqueta atributos acción

    Lista desordenada Type=disc Viñeta de punto


    <ul> al inicio de la
    Type=square Viñeta de cuadro
    lista.
    Type=circle Viñeta de circulo
    <LI> ELEMENTO DE
    LA LISTA</>

    <ul/>Cuando se
    termina la lista.

    Type=A Símbolo al inicio con letra mayúscula


    Lista ordenada
    Type=a Símbolo al inicio con letra minúscula
    <ol>Al inicio de la
    Símbolo al inicio con numeración
    lista. Type=I
    romana mayúscula
    <LI> ELEMENTO DE Símbolo al inicio con numeración
    Type=i
    LA LISTA</> romana minúscula

    </ol> Cuando se Type=1 Símbolo al inicio numeración arábiga

    termina la lista. start=Numero Indica el numero con el que desea que


    empiece la lista
    Lista ordenada

    Lista de definición

    <dl>Inicio de la lista
    Indica lista de concepto
    </dl>Cuando se termina la lista

    <dt> Palabras que se van a describir</dt> Indica termino a definir

    <dd>Toda la información de la
    Indica definición del termino
    descripción</dd>

    Atributos para la
    Etiqueta acción
    etiqueta tabla
    Indica el grosor en pixels del borde de la tabla. Si es
    cero, la tabla no tendrá borde (es la opción por defecto
    BORDER=(TAMAÑ si no usas el atributo border) si no pones nada ( o sea,
    O 1,2,3,,4 etc), solo pones "border", sin signo igual),entonces se
    considera como si fuera "border=1".

    CELLPADDING=(S
    Iindica la separación entre el borde de la celda y su
    EPARACIÓN 1,2- n
    contenido.
    numero)

    CELLSPACING=(S
    Iindica la separación en pixeles que existe entre cada
    EPARACIÓN 1,2- n
    celda.
    numero)
    <Table>
    Donde (ancho) puede ser un número que representará
    </Table> el ancho de la tabla, o estar en la forma número% (por
    WIDTH=(ANCHO)
    ejemplo, 50%) que indicaría el ancho en proporción al
    Crear tabla
    ancho total de la ventana

     Definirá el alto de la tabla, a igual que WIDTH, se


    puede indicar en valor absoluto o en porcentaje. En
    HEIGHT=VALOR O
    este caso es más recomendado en valor absoluto ya
    PORCENTAJE%
    que el alto es más dificil que pueda coincir con el
    tamaño de la ventana.

    ALIGN=(ESPECIFI
    Alinea toda la tabla
    CAR)

    bgcolor=(color), permite elegir el color del fondo de la tabla, para esto


    se usan los códigos de color que ya conocemos.
    Indica la alineación vertical del contenido de la celda,
    Valign=”TOP / en la parte superior (TOP), en la inferior (BOTTOM), o
    MIDDLE / en el centro (MIDDLE).
    BOTTOM”.

    Atributos para fila


    Etiqueta para fila Acción
    de la tabla

    <tr> </tr> Background=”imag Especifica el archivo de imagen de fondo, mediante un


    en” URL para la fila.
    Etiqueta para formar
    Bgcolor=”código de Especifica el color de fondo para la fila.
    cada fila (table
    color”
    row).Se repiten
    tantas veces como Bordercolor=”códig
    Especifica el color del borde de la fila.
    filas queremos que o de color”
    tenga la tabla

    Etiqueta para Atributo celda de


    Acción
    celda la fila

    <td></td>Las
    Ancho de toda la fila o celda. También se puede
    etiquetas <td> y </t WIDTH=
    dar en %
    d> se utilizan para
    definir las celdas de
    cada una de las
    filas, pero podemos ALIGN=" left",
    Alinea el contenido a la izquierda, derecha o centro
    poner en su lugar "right", "center
    las
    etiquetas <th> y </th>
    Para la VALIGN="top" , Alinea el contenido verticalmente arriba, en medio o
    etiqueta <th> es "middle" o "bottom". abajo
    posible especificar los
    mismos atributos que
    para la etiqueta <td>, BGCOLOR= Pone un fondo del color especificado a la celda o fila
    pero esta nueva
    etiqueta hace que el COLSPAN= Especifica el número de columnas que abarca la fila
    texto de la celda
    aparezca centrado y
    en negrita, por lo que
    se utiliza para definir
    los encabezados o ROWSPAN= Especifica el número de filas que abarca la columna
    títulos de las
    columnas

    Los Enlaces o Links:Los enlaces o links(en Inglés) nos permiten conectarnos con otros documentos
    por medio de :una imagen, un video, un archivo de sonido, sitios en la web(otra página web), mandar
    un email.
    En función del destino los enlaces son clásicamente agrupados de la siguiente forma:
     Enlaces intenos los que se dirigen a otras partes dentro de la misma pagina.
     Enlaces locales los que se dirigen a otra páginas del mismo sitio web
     Enlaces remotos los dirigidos hacia paginas de otros sitios Web.
    Para ello debemos usar la etiqueta <a> que proviene de la primera letra de la palabra anchor(ancla).
    La etiqueta <a> tiene como cierre </a>.
    Href=#nombre indica el URL de enlace
    Name=”nombre” nombre para los enlaces locales
    Alink=color o código (Color al enlace activo)
    Link=color o código (color del enlace)
    Vlink= color o código (color de enlace ya visitado)
    Ejemplos de sintaxis
    <a href=”http://www.sep.gob.mx/”>Visite nuestra web </a> A pagina web

    A correo electrónico
    <a href=”nombre del archivo.extension”>visualiza esta información</a> A un archivo

    SONIDO DE FONDO
    La página Web puede tener un sonido que se activara al abrir la pagina, la pagina deberá abrirse con

    La etiqueta es <BGSOUND> y tiene los siguientes atributos:


    → src: Indica la ruta (donde está el archivo) y el nombre del archivo (por ej: musica.mp3).
    → loop: Indica si se repite o no el sonido, y si se repite indica cuantas veces se repite (el valor -1
    indica reproducir infinitamente).
    → volume: El volúmen que se escuchará el sonido (mínimo -10,000 y máximo 0).
    <BGSOUND src= "NOMBRE DEL ARCHIVO. EXTENSIÓN" loop= infinite>

    INSERTAR VIDEO permite insertar contenido multimedia a una pagina web


    Etiqueta es EMBED con los siguiente atributos
    Width ancho del video
    Autoestar si el inicio es automatico
    Heigth alto del espacio del video
    Hidden true false
    Src ruta dende se encuentra el video
    ejemplo
    <embed src=”nombre del archivo.extensión” mas los atributos deseados o solicitados>
    Ademas de la etiqueta de EMBED existe otra etiqueta que también funciona para insertar video y es
    IMG con el atributo DYNSRC

    También es posible usar el resto de atributos de la


    etiqueta IMG como ALIGN, VSPACE, HSPACE, WIDTH, HEIGHT, etc. Pero además de
    estos, Microsoft introdujo otros nuevos como acompañamiento del atributo DYNSRC y que nos
    permitirán tener un mayor control sobre el vídeo, estos son:
     CONTROLS: Este es un atributo que no toma ningún valor. Si es incluido, muestra el vídeo
    AVI junto con una serie de controles para que el usuario pueda parar y reproducir el vídeo a
    su antojo.
     LOOP: Toma como valor un número que determina el número de veces que el vídeo será
    mostrado. Por ejemplo con LOOP="5" el vídeo volverá a reproducirse desde el principio 5
    veces y luego parará. Con un valor LOOP= "-1" el vídeo será repetido infinitas veces.
     START: Determina cuando debe empezar a reproducirse el vídeo. Puede tomar dos valores:
    con START="FILEOPEN" (valor por defecto) el vídeo se reproducirá tan pronto como la
    página y el fichero de vídeo lleguen al ordenador; con START="MOUSEOVER" el vídeo no
    empezará a reproducirse hasta que el usuario sitúe el cursor sobre él.

    Ejemplo

    <img dynsrc=” nombre del archivo. Extensión” mas los atributos solicitados o deseados>

    También podría gustarte