Scribd Logo
Importer

Bienvenue sur Scribd !

  • Htmlfi

    Transféré par

    jucarlosph
    15 vues20 pages

    Titre original

    htmlfi

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

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

    Htmlfi

    Transféré par

    jucarlosph

    Droits d'auteur :

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

    INTRODUCCION

    A HTML

    HTML
    HTML (Hypertext Markup Language) HTML = Hypertext + MarkUp Hypertext Es texto ordinario al que se le incorporan funcionalidades adicionales como:

    Formato,
    Imgenes, Multimedia Y enlaces a otros documento.

    MarkUp
    Es el proceso de tomar el texto ordinario e incorporarle smbolos adicionales. Cada uno de estos smbolos identifica a un comando que le indica al navegador como mostrar ese texto.

    SINTAXIS Si te fijas en la pgina que ves con el explorador solo se ve parte de lo que has escrito, concretamente los smbolos < y >. Y lo que est entre esos parntesis angulares? Pues esas son las etiquetas que le dicen al explorador como mostrar el contenido: en grande, centrado, el ttulo de la pgina, etc. Cada etiqueta tiene un comienzo y un fin: <ETIQUETA parmetros> ... </ETIQUETA> <HTML> ... </HTML> <HEAD> ... </HEAD>

    <BODY> ... </BODY>

    ESTRUCTURA GENERAL

    <HTML> <HEAD> <TITLE> Titulo de mi Pgina</TITLE> ...... Informacin opcional ..... </HEAD> <BODY> .... el texto del documento </BODY> </HTML>

    Cabecera

    Cuerpo

    ELEMENTO HTML

    Nombre de La Etiqueta Nombre del Valor del atributo atributo

    Etiqueta Final

    <H1

    ALIGN=LEFT>

    Encabezado de Ejemplo

    </H1>

    Atributo Etiqueta de Inicio

    Contenido

    Elemento HTML

    Uso de etiquetas HTML Encabezados <h1>Encabezado 1</h1> <h2>Encabezado 2</h2> <h3>Encabezado 3</h3> <h4>Encabezado 4</h4> <h5>Encabezado 5</h5> <h6>Encabezado 6</h6> Otros Elementos <HR> Dibujo de lneas horizontales <BR> Salto de Line <P> Escritura de prrafos Comentarios <!-- Esto es un comentario -->

    HTML Links Un linnk se define con la Etiqueta <a> <a href="http://www.w3schools.com">Este es un Link</a>
    HTML Imagenes La imgen esta definida con la Etiqueta <img> <img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142"> The <p> element: <p>This is my first paragraph.</p>

    HTML Tip: Use Lowercase Tags HTML tags are not case sensitive: <P> means the same as <p>. Many web sites use uppercase HTML tags.
    W3Schools use lowercase tags because the World Wide Web Consortium (W3C) recommends lowercase in HTML 4, and demands lowercase tags in XHTML.

    Empty HTML Elements HTML elements with no content are called empty elements. <br> is an empty element without a closing tag (the <br> tag defines a line break). Tip: In XHTML, all elements must be closed. Adding a slash inside the start tag, like <br />, is the proper way of closing empty elements in XHTML (and XML).

    HTML Attributes Reference

    Attribute
    class id style title

    Description
    Specifies one or more classnames for an element (refers to a class in a style sheet)
    Specifies a unique id for an element Specifies an inline CSS style for an element

    Specifies extra information about an element (displayed as a tool tip)

    HTML Text Formatting Tags

    Tag
    <b> <i> <small> <strong> <sub> <sup> <ins> <del> <mark>

    Description
    Defines bold text Defines a part of text in an alternate voice or mood Defines smaller text Defines important text Defines subscripted text Defines superscripted text Defines inserted text Defines deleted text Defines marked/highlighted text

    HTML head Elements

    Tag
    <head> <title> <base> <link>

    Description
    Defines information about the document Defines the title of a document Defines a default address or a default target for all links on a page Defines the relationship between a document and an external resource Defines metadata about an HTML document Defines a client-side script Defines style information for a document

    <meta>
    <script> <style>

    HTML Table Tags

    Tag
    <table> <th> <tr> <td>

    Description
    Defines a table Defines a header cell in a table Defines a row in a table Defines a cell in a table

    HTML List Tags


    Tag
    <ol> <ul> <li>

    Description
    Defines an ordered list Defines an unordered list Defines a list item

    HTML Grouping Tags

    Tag
    <div> <span>

    Description
    Defines a section in a document (block-level) Defines a section in a document (inline)

    HTML Block Elements


    Most HTML elements are defined as block level elements or as inline elements. Block level elements normally start (and end) with a new line when displayed in a browser. Examples: <h1>, <p>, <ul>, <table>

    HTML Inline Elements


    Inline elements are normally displayed without starting a new line. Examples: <b>, <td>, <a>, <img>

    BASE

    <html> <head> <title></title> <base href="http://www.google.com" target="_blank"> </head> <body> <a href="/calendar">Calendar</a> <a href="/imghp">Images</a> <a href="/ig">iGoogle</a> <a href="/mobile">Mobile</a> </body> </html>

    META

    Tipo author

    Significado Autor de la pgina

    classificatio n
    description generator keywords

    Palabras para clasificar la pgina en los buscadores


    Descripcin del contenido de la pgina Programa utilizado para crear la pgina Palabras clave

    <html> <head> ... <meta name="author" content=ICCE"> <meta name="description" content="Curso de HTML gratuito"> <meta name="keywords" content="cdigo HTML etiqueta pgina web "> </head>

    <html> <head> ... <meta http-equiv="Refresh" content="30"> </head> ... <html> <head> ... <meta http-equiv="Refresh" content="5; URL=http://www.aulaclic.com/index.htm"> </head> ...

    TABLAS Tag <table> <th> <tr> Description Defines a table Defines a header cell in a table Defines a row in a table

    <td>
    <caption>

    Defines a cell in a table


    Defines a table caption

    VALIGN=TOP -> Alinea el contenido de la celda en la parte superior. VALIGN=BOTTOM -> Alinea el contenido de la celda en la parte inferior. VALIGN=MIDDLE -> Alinea el contenido de la celda en la parte media.

    HTML CSS Javascript


    Pgina Web Estructura Contenido
    Prrafos Tablas Encabezados Capas Listas Etc.
    Textos Imgenes Enlaces

    HTML

    Colores Apariencia Tipografas Alineacin

    Fondos Tamaos Etc.

    CSS Javascript

    Efectos Comportamiento Validaciones Automatizacin

    Vous aimerez peut-être aussi