Scribd Logo
Upload

Welcome to Scribd!

  • Etiquetas HTML PDF

    Uploaded by

    Michkayla Cruz Franco
    1K views6 pages

    Original Title

    Etiquetas HTML.pdf

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    1K views6 pages

    Etiquetas HTML PDF

    Uploaded by

    Michkayla Cruz Franco

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 6

    Curso Diseo Web con Software libre, VNU

    Referencia HTML

    Etiquetas Bsicas (Estructura HTML)


    Etiquetas
    <HTML> </HTML> <HEAD> </HEAD> <TITLE> </TITLE>

    Atributos
    text link alink vlink bgcolor topmargin (IE) leftmargin (IE) marginheight marginwidth background bgproperties (IE)

    Valores
    -

    Descripcin
    Inicio y final del documento html Informacin general del documento html Titulo del documento. Visible en la barra del navegador

    Color Hexadecimal (ejemplo: #000000)

    <BODY> </BODY>

    Tamao en pixels (ejemplo: 10px) Archivo de imagen Fixed

    Inicio y final del cuerpo del documento. Lo que se ve en el navegador.

    Formato de Presentacin
    Etiquetas
    <B> </B> <I> </I> <U> </U> <S> </S> <SUB> </SUB> <SUP> </SUP> <TT> </TT>

    Atributos
    face

    Valores
    Nombre de Fuente (ejemplo: Arial) Tamao (1-7) (ejemplo: 5) Color Hexadecimal (ejemplo: #000000) -

    Descripcin
    Estilo Negrita Estilo Cursiva (italica) Estilo Subrayado Estilo Tachado (Strike) Estilo Subndice Estilo Superndice Estilo Anchura Fija (mismo espacio cada letra)

    <FONT> </FONT>

    size color

    Formateo de la fuente. (BASEFONT)

    <PRE> </PRE> <CENTER> </CENTER> <BLINK> </BLINK> <MARQUEE> </MARQUEE>

    Preformateado (tal y como se escribe) Alineacin centrada Intermitencia Marquesina

    Ral Snchez Domnguez

    Pgina 1

    Curso Diseo Web con Software libre, VNU

    Referencia HTML

    Definicin Estructural
    Etiquetas
    <Hx> </Hx> <P> </P> <DIV> <DIV> <BR>

    Atributos
    align

    Valores
    left | center | right left center Right justify left center Right justify left | right | all Ancho en pxel o % (ej. 100px 40%) Alto en pixels (ejemplo: 10px) left | center | right -

    Descripcin
    Encabezados (x = n entre 1 y 6) Prrafo

    align

    align Clear (texto alrededor img.) size width

    Divisin, bloque

    Salto de lnea

    <HR> align noshade <BLOCKQUOTE> </BLOCKQUOTE> <BIG> </BIG> <SMALL> </SMALL> <EM> </EM> <STRONG> </STRONG> <CITE> </CITE> <ADRESS> </ADRESS> <ABBR> </ABBR> <ACRONYM> </ACRONYM> <CODE> </CODE> <SAMP> </SAMP> <VAR> </VAR> -

    Lnea horizontal

    Sangria (margenes) Tamao fuente mayor Tamao fuente menor Estilo nfasis (Habitualmente Cursiva) Estilo nfasis Fuerte (Habitualmente Negrita) Estilo Cita (Habitualmente Cursiva) Estilo Direccin Estilo Abreviatura Estilo Acrnimo Estilo Cdigo Estilo Salida Simple Estilo Variable

    Ral Snchez Domnguez

    Pgina 2

    Curso Diseo Web con Software libre, VNU

    Referencia HTML

    Formato de Listas
    Etiquetas
    <UL> <LI></LI> </UL> <OL> <LI></LI> </OL> <DL> <DT></DT> <DD></DD> </DL>

    Atributos
    type (aplicados a UL) type (aplicados a OL) start (aplicados a OL) -

    Valores
    disk | circle | square 1|I|i|A|a Carcter Inicial

    Descripcin
    Lista no numerada (vietas, no ordenada)

    Lista numerada (ordenada)

    Lista de Definiciones

    Vnculos
    Etiquetas Atributos
    href <A> </A>

    Valores
    (archivo html) (#ancla) (URL, http://www...) (malito:email) (Texto Emergente) _blank _parent _top _self (nombre del ancla)

    Descripcin

    title

    Establece un vnculo o enlace

    target <A> </A>

    name

    Establece un punto de anclaje

    Imgenes
    Etiquetas Atributos
    src width height hspace vspace <IMG> border title alt

    Valores
    (archivo imgen) Ancho en pxels o % (ej. 100px 40%) Alto en pxels o % (ej. 100px 40%) Espacio Vertical (ej. 10px ) Espacio Horizontal (ej. 10px ) Tamao en pixels (ej. 10px) Ttulo Emergente Texto Alternativo top middle bottom left right

    Descripcin

    Inserta una imgen

    align

    Ral Snchez Domnguez

    Pgina 3

    Curso Diseo Web con Software libre, VNU

    Referencia HTML

    Tablas
    Etiquetas Atributos
    width height border cellspacing <TABLE> </TABLE> cellpadding bgcolor bordercolor (IE) background align <CAPTION> </CAPTION> align align valign <TR> </TR> bgcolor bordercolor (IE) background align valign width height bgcolor bordercolor (IE) background nowrap colspan rowspan <TH> </TH> Los mismos que <TD>

    Valores
    Ancho en pxels o % (ej. 100px 40%) Alto en pxels o % (ej. 100px 40%) Tamao borde exterior (ej. 10px) Espaciado entre Celdas (ej. 5) Relleno de Celdas (ej. 5) Color Hexadecimal (ejemplo: #000000) Color Hexadecimal (ejemplo: #000000) (archivo imgen) left | center | right left | center | right left | center | right top | middle | bottom Color Hexadecimal (ejemplo: #000000) Color Hexadecimal (ejemplo: #000000) (archivo imgen) (no recommendable) left | center | right top | middle | bottom Ancho en pxels o %(ej. 100px 40%) Alto en pxels o % (ej. 100px 40%) Color Hexadecimal (ejemplo: #000000) Color Hexadecimal (ejemplo: #000000) (archivo imgen) (no recommendable) N columnas abarcadas (ej. 2) N columnas abarcadas (ej. 2) Los mismos que <TD>

    Descripcin

    Inserta una tabla. Debe encerrar etiquetas de filas (<tr>) y celdas (<td>).

    Ttulo de la tabla

    Inserta una fila dentro la tabla. Debe encerrar etiquetas de celdas (<td>)

    <TD> </TD>

    Inserta una celda dentro de la fila

    Inserta celda cabecera (negrita y centrado)

    Ral Snchez Domnguez

    Pgina 4

    Curso Diseo Web con Software libre, VNU

    Referencia HTML

    Formularios
    Etiquetas Atributos
    action method enctype name type name <INPUT> maxlenght size value type name <INPUT> value checked type name <INPUT> value src type <INPUT> name value name <TEXTAREA> </TEXTAREA> rows cols

    Valores
    mailto:email post text/plain Nombre del Formulario text | password Nombre del Campo N (Mximo de caracteres) N (Ancho en caracteres) Valor Inicial (contenido del campo) radio | checkbox
    (si es radio el mismo para todos)

    Descripcin

    <FORM> </FORM>

    Define un formulario (Solo se indican etiquetas y atributos necesarios para mandar emails)

    Define un campo Text o Password dentro del Form

    Nombre del Campo

    Valor submit | reset | image Nombre del Boton Valor (texto del botn) Ruta de la imagen (solo para el tipo image) hidden Nombre del Campo Valor (contenido del campo) Nombre del Campo N de Filas N de columnas (ancho en caracteres)

    Define un casilla de opcin o una casilla de verificacion del Form

    Define un botn de enviar, o limpiar el formulario.

    Define un campo oculto

    Define un rea de texto. Se utiliza cuando hay que insertar gran cantidad de texto.

    Ral Snchez Domnguez

    Pgina 5

    Curso Diseo Web con Software libre, VNU

    Referencia HTML

    Name (aplicado a <select>) </SELECT> <OPTION> Texto Opcin </OPCION> </SELECT> Size (aplicado a <select>) multiple (aplicado a <select>) value (aplicado a <option>) selected (aplicado a <option>)

    Nombre del Campo Altura

    (para lista no deplegable)

    Valor (contenido del campo) -

    Define una lista desplegable o una lista de seleccin (para esta aplicar size)

    Frames (Marcos)
    Etiquetas Atributos
    rows cols <FRAMESET> </FRAMESET> frameborder border bordercolor src name noresize scroll <NOFRAME> <body></body> </NOFRAME>

    Valores
    (ejemplo rows=10%,*,10%)

    Descripcin

    Valor numrico o % Valor numrico o %


    (ejemplo cols=*,10)

    yes | no Valor numrico Color Hexadecimal (ejemplo: #000000) (pgina html) nombre del frame yes | no | auto

    Especifica el nmero de frames. Debe ir dentro del <HEAD>

    <FRAME> </FRAME>

    Define un frame. Debe ir dentro del <FRAMESET>

    Alternativa para navegadores que no soportan frames. Debe ir dentro del <HEAD>

    Ral Snchez Domnguez

    Pgina 6

    You might also like