Scribd Logo
Importer

Bienvenue sur Scribd !

  • Tutorial HTML

    Transféré par

    Ricardito Pazmiño
    18 vues13 pages
    Universidad Tecnica de Ambato F.I.S.E.I. Tutorial HTML by: Ricardo Pazmiño Segundo Sistemas "A"

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formats disponibles

    PPTX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    Universidad Tecnica de Ambato F.I.S.E.I. Tutorial HTML by: Ricardo Pazmiño Segundo Sistemas "A"

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PPTX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    18 vues13 pages

    Tutorial HTML

    Transféré par

    Ricardito Pazmiño
    Universidad Tecnica de Ambato F.I.S.E.I. Tutorial HTML by: Ricardo Pazmiño Segundo Sistemas "A"

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PPTX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 13

    Estructura de un documento HTML

    Los documentos escritos en HTML estn estructurados en dos partes diferenciadas: la cabecera (<HEAD>) y el cuerpo (<BODY>).

    Entre las marcas del elemento <HEAD> se podrn utilizar los siguientes elementos: <TITLE> para dar nombre al documento; <META> para forzar a la pgina activa a ser cargada cada cierto tiempo. <BASE> para prefijar la direccin base de los documentos referenciados mediante un URL relativo.

    HEAD, TITLE, META, BASE


    La cabecera se emplea para facilitar informacin acerca del documento y est delimitada por <HEAD> prlogo </HEAD>. Normalmente esta informacin no se ve cuando se navega por el documento. A continuacin se muestra un ejemplo del formato mnimo de la cabecera. <HTML> <HEAD> <TITLE> Aqui va el nombre del documento </TITLE> </HEAD> Cuerpo del documento ... </HTML>

    BODY
    El resto del documento, o sea, todo aquello que no pertenezca a la cabecera, residir entre <BODY> y </BODY>. Esta es la estructura mnima que debe poseer todo documento HTML:

    <HTML>
    <HEAD> <TITLE>Estructura mnima de un documento HTML</TITLE> </HEAD> <BODY> Documento ... </BODY> </HTML>

    Comentarios
    En el cdigo fuente de una pgina HTM, los comentarios se introducirn entre las marcas: <!-- y -->. Todo texto situado entre dichas marcas ser ignorado por el browser, y por tanto no ser visible.

    Ejemplo: <!-- Esto es una lnea de comentarios -->

    Separadores de bloques de texto


    Prrafos <P> Saltos de lnea <BR> Bloques tabulados <BLOCKQUOTE> Lnea horizontal <HR> Divisiones <DIV> Texto prefomateado <PRE> Direcciones <ADDRESS> Centrado de bloques <CENTER>

    Tipos de letras

    Cabeceras <Hn> Tamao, color y tipo de letra <FONT> Tamao por defecto de la letra <BASEFONT> Estilos de caracteres

    Colores

    Texto de colores <FONT> Colores del entorno (fondo, texto y enlaces) <BODY> Tabla de cdigos de colores

    Hiperenlaces

    Explicaciones sobre los hiperenlaces Definicin de ancla <A> Ancla de partida El atributo HREF Ancla de llegada El atributo NAME Apertura de una nueva ventana El atributo TARGET Enlaces a puntos internos a un documento Aplicacin a notas al pie de pgina Aclaraciones sobre los enlaces Servicios de Internet (otros URL)

    Tablas

    Definicin de la tabla <TABLE> Marca de comienzo de una nueva fila <TR> Marca de comienzo de una nueva celda <TD> Celdas con texto de cabecera <TH> Tablas con ttulo <CAPTION> Ejemplos I Ejemplos II Pequeo tutorial de tablas

    Formularios
    Introduccin Atributos comunes Marca de comienzo y fin <FORM> Campos de entrada de texto y botones <INPUT> Listas de seleccin <SELECT> Ventanas de texto con barras de desplazamiento

    <TEXTAREA> Ejemplo Tabla de cdigos hexadecimales del Netscape para Windows

    Imgenes

    Introduccin Insercin de imgenes <IMG> Alineacin de imgenes El atributo ALIGN Extensiones del Netscape para la alineacin de imgenes Imgenes como fondo de pgina <BODY> Imgenes como marcas de una lista <IMG> <DL> Animaciones Imgenes y enlaces <IMG> <A> Imgenes mapeadas <IMG> <MAP> <AREA>

    Smbolos

    Por qu hay que usar cdigos? Tabla de smbolos

    Vous aimerez peut-être aussi