Etiquetas básicas Html

Etiquetas básicas de HTML que te ayudaran a diseñar tu página web.

El lenguaje HTML se basa en el uso de etiquetas, normalmente, una etiqueta de inicio <html> y otra de final </html>, en algunos casos solo disponen de etiqueta de inicio como en el caso de salto de línea <br/> o imagen <img/>.

Los elementos en un documento HTML deben cerrarse en el orden inverso al que fueron abiertos. Por ejemplo; <p><strong> debe cerrarse en la orden </strong></p>

Podemos encontrar dos partes fundamentales en un documento html:

      • Cabecera, comprendida entre las etiquetas <head> y </head> contiene información sobre el documento, dentro de la cabecera usamos etiquetas como <title> es la encargada de especificar el título del documento. También podemos usar la etiqueta <meta/> que sirve para incluir elementos informativos de la página.

 

      • Cuerpo, comprendida entre las etiquetas <body> y </body> contiene el texto de la página que se va a presentar al usuario.

Aquí podemos usar atributos validos para la etiqueta <body>.


Ejemplo

HTML (2)                            <html>

<head>

<title> título aquí</title>

</head>

<body>

div id=”curva-superior”></div>
<div id=”cabecera”>
<div id=”logotipo”&gt<a

<a href=”index.html”>
<img src=”objetos/logotipo.gif” width=”300″ height=”100″ alt=”Volver”></a>
</div>
<div id=”marketing”>Welcome </div>
</div>
<div id=”web”>
<ul>
<li><a href=”#”>enlace 1</a></li>
<li><a href=”#”>enlace 2</a></li>
<li><a href=”#”>enlace 3</a></li>
</ul>
</div>

</body>

</html>


    • Además en nuestro código fuente también podemos incluir anotaciones que nos ayudaran a revisiones posteriores. Etiqueta  <!—comentarios –>.

 

    • Para indicar el principio y el final de un párrafo podemos usar la etiqueta <p> </p>.

 

    • Sin embargo, para marcar los títulos de las secciones tenemos distintas variaciones de 1 a 6, donde el valor 1 se corresponde con una letra muy grande y el 6 con una letra muy pequeña. Las etiquetas son <h1> <h2> <h3> <h4> <h5> <h6>.

 

    • Para dar un mayor énfasis representado como negrita en el texto, podemos usar la etiqueta <strong></strong>.

 

    • Para cambiar el tipo de letra: <p style=”font-family: Arial”>Texto</p>

 

    • Para cambiar el tamaño de letra: <p style=”font-size: 16px”>Texto</p>

 

    • Para cambiar ambas cosas: <p style=”font-size: 16px; font-family: Arial;”>Texto</p>

 

    • La estructura general de un enlace está formada por la etiqueta <a> seguida de determinados atributos. El atributo href contiene la URL de la web que vamos a visitar y el atributo tittle la descripción del sitio “Esta es opcional”.

 

Ejemplo

<a href=”destino del enlace”> comentarios respecto al enlace</a>

No Comentarios

Deja un comentario

Pin It on Pinterest

Shares
Share This