Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • html4 Textos PDF

    Cargado por

    Chris
    7 vistas15 páginas

    Título original

    html4_textos.pdf

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

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

    html4 Textos PDF

    Cargado por

    Chris

    Copyright:

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

    Html 4 TEXTO

    Introducción
    <body >

    </body>

    atributos:
    –
    bgcolor
    –
    Text
    –
    Link
    –
    Vlink
    –
    Alink
    –
    Background
    Documento básico
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    <title>T&iacute;tulo del documento</title>


    </head>
    <body>
    <!-- Contenido del documento -->
    </body>
    </html>
    Texto dentro del
    documento
    <div>
    <p>
    <span> algo </span>
    </p>

    </div>

    Hacer uso de id para definir que tipo de texto se utiliza y determinar
    el estilo aplicable a cada elemento.
    Cabeceras <h1>..<h6>

    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Cabeceras y Separadores</title>
    </head>
    <body>
    <!-- Contenido del documento -->
    <h1>Cabecera de primer nivel</h1>
    <h2>Cabecera de segundo nivel</h2>
    <h3>Cabecera de tercer nivel</h3>
    <hr />
    <h4>Cabecera de cuarto nivel</h4>
    <h5>Cabecera de quinto nivel</h5>
    <h6>Cabecera de sexto nivel</h6>

    </body>
    </html>
    Estructuras de Texto
    •
    No existen espacios en blanco
    •
    No hay enter-> salto de línea
    •
    No se deben poner :
    –
    Comillas
    –
    Eñes
    –
    Acentos
    –
    Símbolos
    Reemplazar por secuencias de escape:
    –
    < por &lt;
    –
    & por &amp;
    –
    Á por &Acute;
    Etiqueta <font>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Etiqueta y atributos con FONT</title>
    </head>
    <body>
    <font size="7" color="#ff0000">Ejemplo XHTML</font>
    <font size="6" color="#ff00ff">dise&ntilde;o</font>
    <font size="5" color="#0000ff">de</font>
    <font size="4" color="#00ffff"><i>estilos</i></font>
    <br />
    <font size="3" color="#ff0fef">q</font>
    <font size="4" color="#ff0fef">u</font>
    <font size="5" color="#ff0fdf">e</font>
    <br />
    <font size="6" color="#ff0fcf">&nbsp;</font>
    <font size="7" color="#ff0fbf">ya&nbsp;</font>
    <font size="+4" color="#ff0f9f">n</font>
    <font size="+3" color="#ff0f7f">o&nbsp;</font>
    <font size="+2" color="#ff00bf">s</font>
    <font size="+1" color="#ef00df">e&nbsp;</font>
    <font size="+0" color="#df00ff">u</font>
    <font size="+2" color="#ff00bf">s</font>
    <font size="+1" color="#ef00df">a</font>
    </body>
    </html>
    <div>
    Divide el documento en secciones distintas
    • Funciones
    – Define un bloque de texto
    • Atributos
    align,class,dir,id,lang,nowrap,onClick,
    onDblClick,onKeyDown, onKeyPress,
    onKeyUp,onMouseDown,onMouseMove,
    onMouseOut,onMouseOver,onMouseUp,
    style,title
    <div> atributos
    align
    – Left, center, right, justify sin soporte version_4
    dir,
    – ltr,rtl
    Lang (ISO-639 standard two-character language code)
    – English; "en-US", "fr" (French), "de" (German), "it"
    (Italian), "nl" (Dutch), "el" (Greek), "es" (Spanish), "pt"
    (Portuguese), "ar"(Arabic), "he" (Hebrew), "ru" (Russian),
    "zh" (Chinese), "ja" ( Japanese), and "hi" (Hindi).
    Estilo basado en contenido
    De acuerdo al tipo de información se tienen diferentes etiquetas para
    colocarlo dentro de los recursos Web

    <abbr>

    <acronym>

    <cite>

    <code>

    <dfn>

    <em>

    <kbd>

    <samp>

    <strong>

    <var>
    Resumen de estilos
    Bold <b>
    bigger text <big>
    Italic <i>
    smaller text <small>
    Subscript <sub>
    Superscripted text<sup>
    Teletypewriter style<tt>
    <br />

    Inserta saltos de línea en el texto


    Atributos:
    •
    class,clear,id,style,title
    <img src="ejemplo.gif" align=left>
    Escribe este texto, el cual debe aparecer a la derecha de la
    imagen.
    <br clear=left />
    Ahora revisa la diferencia entre este texto, el cual no
    permite que exista elementos en el siguiente espacio, debe
    estar en la parte inferior después de que termina la imagen.
    <pre>

    Define un segmento, el navegador tratará de


    reproducir el texto tal como se encuentra
    escrito.
    Atributos:
    class,dir,id,lang,onClick,onDblClick,onKeyDown,onKeyPress,onKeyU
    p, onMouseDown, onMouseMove,onMouseOut,onMouseOver,
    onMouseUp,style,title,width
    <address>

    Permite colocar direcciones

    atributos:
    •
    class,dir,id,lang,onClick,onDblClick,
    onKeyDown,onKeyPress,onKeyUp, onMouseDown,OnMouseMove,
    onMouseOut,onMouseOver,onMouseUp, style,title
    Eventos:

    •onClick,onDblClick,onKeyDown, onKeyPress,
    onKeyUp,onMouseDown,
    onMouseMove,onMouseOut,onMouseOver,
    onMouseUp.

    También podría gustarte