Scribd Logo
Importer

Bienvenue sur Scribd !

  • HTMLLL

    Transféré par

    MeLii GraNger
    3 vues5 pages
    hola

    Titre original

    htmlll

    Copyright

    © © All Rights Reserved

    Formats disponibles

    DOCX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    hola

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    3 vues5 pages

    HTMLLL

    Transféré par

    MeLii GraNger
    hola

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 5

    HTML es el lenguaje por el cual construimos una pgina web.

    Este lenguaje se basa


    principalmente en etiquetas, con las cuales vamos construyendo los diferentes apartados
    de nuestra web. Es imprescindible conocer estas etiquetas y su funcionamiento para
    poder crear o al menos modificar una pgina web.

    * <HTML>: indica el comienzo del documento HTML.


    * <HEAD>: indica que empieza la cabecera de la pgina. En ella se suele poner el ttulo
    (<title> de la web, una descripcin y otras informaciones relacionadas con el contenido de
    la pgina.
    * <BODY>: es el cuerpo de la pgina, donde va lo que se ve en el navegador al cargar
    una web. En el body van los textos, las imgenes y todos los contenidos de la web.
    * <H1>, <H2>, etc.: son los ttulos o encabezados. Se utilizan para establecer
    determinados textos de la pgina como titulares, suelen tener un tamao de fuente mayor
    para diferenciarlos del resto del texto. Son importantes en el posicionamiento en
    buscadores.
    * <A>: define los enlaces.
    * <TABLE>: es una tabla, y dentro de esta tenemos filas <TR> y celdas <TD>.
    * <P>: el texto dentro de esta etiqueta forma un prrafo.
    * <IMG>: imgenes.
    * <BR />: salto de lnea.
    * <UL>: los textos dentro de esta etiqueta se estructuran en listas. Mediante el uso de
    <LI> definimos cada guin dentro de la lista, y usando <OL> en lugar de <UL> tendremos
    listas ordenadas.
    * <B> y <STRONG>: se utilizan para resaltar el texto.
    * <U>: texto subrayado.
    * <I>: texto en cursiva.

    Ejemplo de pgina bsica


    <html>
    <head>
    <title>Ttulo de la pgina</title>
    </head>
    <body>
    <h1>Encabezado de la pgina</h2>
    <h3>Encabezado de menor tamao</h3>

    <p>Este es el texto de un prrafo.</p>


    <p>Este es el texto de otro prrafo. Dentro de este prrafo,
    pueden ir palabras <b>en negrita</b>, <i>en cursiva</i> o lo
    que quieras.</p>
    <p>Tambin podemos poner listas como la siguiente:</p>
    <ul>
    <li>Guin nmero uno.</li>
    <li>Guin nmero dos.</li>
    <li>Guin nmero tres.</li>
    </ul>
    </body>
    </html>

    Quedaria asi: (Abrir spoiler)

    Ocultar Contenido

    Encabezado de la pgina
    Encabezado de menor tamao

    Este es el texto de un prrafo.


    Este es el texto de otro prrafo. Dentro de este prrafo, pueden ir palabras en negrita, en
    cursiva o lo que quieras.
    Tambin podemos poner listas como la siguiente:

    Guin nmero uno.

    Guin nmero dos.

    Guin nmero tres.

    Consejo de Atributos
    <body bgcolor=?>
    Establece el color de fondo, usando nombres o valores hex
    <body text=?>
    Establece el color del texto, usando nombres o valores hex
    <body link=?>
    Establece el color de los enlaces, usando nombres o valores hex
    <body vlink=?>
    Establece el color de los enlaces, usando nombres o valores hex
    <body alink=?>
    Establece el color de los enlaces con un clic

    Etiquetas de texto

    <pre> </ pre>


    Crea texto preformateado
    <h1> </ h1>
    Crea un ttulo grande
    <h6> </ h6>
    Crea un ttulo pequeo
    <b> </ b>
    Crea texto en negrita
    <i> </ i>
    Crea texto en cursiva
    <tt> </ tt>
    Crea, o mquina de escribir estilo de texto-teletipo
    <cite> </ cite>
    Crea una cita, por lo general en cursiva
    <em> </ em>
    Hace hincapi en la palabra (con cursiva o negrita)
    <strong> </ strong>
    Hace hincapi en la palabra (con cursiva o negrita)

    Enlaces
    <a href="URL"> </ a>
    Crea un hipervnculo
    <a href="mailto:EMAIL"> </ a>
    Crea un enlace de correo
    <a name="NAME"> </ a>
    Crea una ubicacin de destino dentro de un documento
    <a href="#NAME"> </ a>
    Enlaces a ese lugar de destino en otra parte del documento

    Formato
    <p></p>
    Crea un nuevo prrafo
    <p align=?>
    Alinea un prrafo a la izquierda, derecha o al centro
    <br />
    Inserta un salto de lnea
    <ol> </ ol>
    Crea una lista numerada
    <li> </ li>
    Precede a cada elemento de la lista, y aade un nmero
    <ul> </ ul>
    Crea una lista con vietas

    Elementos grficos
    <img src="name">
    Agrega una imagen

    <img src="name" align=?>


    Alinea una imagen: izquierda, derecha, centro;, superior, medio fondo
    <img src="name" border=?>
    Ajusta tamao del borde alrededor de una imagen
    <hr />
    Inserta una regla horizontal
    <hr size=?>
    Establece el tamao (altura) de la regla
    <hr width=?>
    Establece la anchura de la regla, en porcentaje o valor absoluto

    Tablas
    <table> </ table>
    Crea una tabla
    <tr> </ tr>
    marcha cada fila en una tabla
    <td> </ td>
    Pone en marcha cada celda de una fila
    <th> </ th>
    Pone en marcha la cabecera de la tabla (una celda normal, con negrita, texto
    centrado)

    Atributos de la tabla
    <table border=#>
    Establece el ancho de borde alrededor de celdas de la tabla
    <table cellspacing=#>
    Ajusta la cantidad de espacio entre las celdas de la tabla
    <table cellpadding=#>
    Ajusta la cantidad de espacio entre el borde de una celda y su contenido
    <td colspan=#>
    Establece el nmero de columnas de una celda debe abarcar
    <td rowspan=#>
    Establece el nmero de filas de una clula debe abarcar (por defecto = 1)
    <td nowrap>
    Evita las lneas dentro de una clula se rompa para adaptarse a

    Formularios
    Para las formas funcionales, tendr que ejecutar un script CGI. El HTML slo crea la
    apariencia de un formulario.
    <form> </ form>
    Crea todas las formas
    <select name="nombre" mltiples size=?> </ select>
    Crea un men desplegable. Tamao establece el nmero de elementos de men
    visible antes de yo u necesidad de desplazarse.
    <option>

    Pone en marcha cada elemento de men


    <select name="NAME"> </ select>
    Crea un men desplegable
    <textarea name="nombre" cols=40 rows=8> </ textarea>
    Crea un rea de la caja de texto. Establecer el ancho de las columnas, filas ajustar
    la altura.
    <input type="checkbox" name="NAME">
    Crea una casilla de verificacin. Texto siguiente etiqueta.
    <input type="radio" name="nombre" value="x">
    Crea un botn de radio. Texto sigue etiquetas
    <input type=text name="foo" size=20>
    Crea una lnea de texto y un rea. Tamao establece la longitud, en caracteres.
    <input type="submit" value="NAME">
    Crea un botn Enviar
    <input type="image" border=0 name="NAME" src="name.gif"> type="image"
    Crea un botn Enviar con una imagen
    <input type="reset">
    Crea un botn de reinicio

    Vous aimerez peut-être aussi