Está en la página 1de 2

Hernández Llanillo Rocío

ETIQUETAS DE HTML
ETIQUETA ¿QUÉ REALIZA? EJEMPLO
<!DOCTYPE Tipo de documento <!DOCTYPE html>
html>
<html> </html> Es la etiqueta principal para <html> </html>
realizar una página web.
<head> </head> Delimita el encabezado del <head></head>
documento.
<body> </body> Delimita el cuerpo del <body>
documento.
</body>
<h1> … <h6> Encabezados que varían de <h1> </h1>
tamaño.
< style="font- Tamaño de fuente. <h1 style="font-size:300%;">Buenas
size:300%;"> tardes </h1>
<style="font- Tipo de fuente. <h1 style="font-
family:verdana;" family:verdana;">Buenas tardes </h1>
>
<style="text- Alineación del texto. <h1 style="text-align:center;">Centrado
align:center/ </h1>
justify/right/
left;">
<title> </title> Título del documento (en la <title> </title>
pestaña del navegador)
<p> Párrafo. <p></p>
<pre> Respetar el formato en el que se <pre>
escribió el texto.
<hr> Línea entre texto. <hr></hr>
<br> Salto de línea. <br>
<strong> Texto importante. <strong>Texto importante</strong>
<i> Cursiva. <i>Texto en cursiva</i>
<em> Énfasis. <em>Texto enfatizado</em>
<sub> Subíndice. <sub></sub>
<sup> Superíndice. <sup></sup>
<mark> Marcado.
<small> Letra pequeña. <small>Letra pequeña</small>
<ins> Insertado. <ins>Insertado</ins>
<b> Negrita. <b>Texto en Negrita</b>
<del> Borrado. <del>Borrado</del>
<ol> Lista ordenada. <ol></ol>
<ul> Lista no ordenada. <ul></ul>
Hernández Llanillo Rocío
<li> Elementos de lista. <li></li>
<style="backgrou Color de fondo. <h1 style="background-color:
nd- Blue;">Buenas tardes. </h1>
color:Nombrecolo
r;">
<style="color:Col Color de texto. <p style="color:Yellow;">
or;">
<style="border:2 Color de borde. <h1 style="border:2px Tomato;">Buenas
px Tomato;"> tardes </h1>
<h1 Valor rgb y transparencia. <h1 style="background-color:rgb(255,
style="backgroun 99, 71, 0.5);"> </h1>
d-color:rgb(255,
99, 71, 0.5);">
<a href="url"> Hipervínculo. <a href="url">link text</a>

<img src=”url”> Hipervínculo de imagen. <a img src=”url”> <a/>


Widh
Height
<img Insertar imagen. <a img src=”../../pw/img/> </a>
src=”../../pw/img/>

También podría gustarte