ETIQUETAS HTML BASICAS
<html></html>
Abre y cierra un documento HTML
<head></head>
Encabezado de la página - aquí se coloca titulo, metatags, e informacion para buscadores entre otras cosas.
<body></body>
Dentro de esta etiqueta va toda la parte visible de la página web.
<title></title>
El título de la página web.
<i> texto </i> -> CURSIVA
<b> texto </b> -> NEGRITA
<u> texto </u> -> SUBRAYADO
<strike> texto </strike> -> TACHADO
<blockquote> Codigos html ejemplo </blockquote> -> RESALTAR,IMPORTANTE
<center> texto </center> -> CENTRAR TEXTO
<sup> texto </sub> -> SUPERINDICE
<sub> texto </sub> -> SUBINDICE
<tt> texto </tt> -> MAQUINA DE ESCRIBIR
<address> cositaspatuweb@hotmail.com </address> -> CONTACTO EMAIL
<!-- Comentario -->
<pre></pre>
Texto pre-formateado
<cite></cite>
Cita, en cursiva
<em></em>
Resalta una palabra, negrita o cursiva
<strong></strong>
Resalta una palabra o grupo de palabras
<font face=?></font>
Coloca el tipo de letra: por ejemplo, arial, verdana, courier,etc.
<font size=?></font>
Coloca tamaño de letra, de 1 a 7
<font color=?></font>
Configura el color, usand valor hexadecimal o nombre directo (blue, green, etc.)
---------------------------
<img src="imagenes/fondo.gif"> -> IMAGEN
width=250 height=180 -> ANCHO ALTO
border=10 -> BORDE
align="right" -> ALINEAR A LA DERECHA
background="imagenes/fondopagina.jpg" -> FONDO PAGINA
<body bgcolor="#2F4F2F"> -> COLOR FONDO PAGINA
<body bgcolor=?>
Configura el color de fondo de la página, usando el valor del código de color hexadecimal.
<body text=?>
Configura el color por defecto del texto, usando el valor del código de color hexadecimal.
<body link=?>
Configura el color de los links, usando el valor del código de color hexadecimal.
<body vlink=?>
Configura el color de los links visitados, usando el valor del código de color hexadecimal.
<body alink=?>
Configura el color de los links al darle clic, usando el valor del código hexadecimal.
---------------------------
PARRAFO CON TAMAÑO DE LETRA 5, COLOR Y TIPO DE LETRA:
<blockquote>
<font size="5"(tamaño) color="#77ee77"(color) face="Arial" (tipo letra)> "Codigos html ejemplo"</font>
</blockquote>
---------------------------
<h1> ENCABEZADO </h1> -> ENCABEZADO H1
<h3> ENCABEZADO </h3> -> ENCABEZADO H3
<h6> ENCABEZADO </h6> -> ENCABEZADO H6
---------------------------
<p></p>
Nuevo párrafo
<p align=?>
Alinea el párrafo hacia la izquierda, derecha o al centro
<br>
Inserta un interlineado suave. Crea otra línea
<blockquote>
</blockquote>
Texto entrecomillado de ambos lados
<dl></dl>
Lista de definiciones (glosario)
<dt>
Precede a cada término en definiciones
<dd>
Precede cada definición
<ol></ol>
Lista ordenada
<li></li>
Entrada en una lista
<ul></ul>
Lista con viñetas sin ordenar
<div align=?>
Para formato a porciones grandes del documento html, incluyendo hojas de estilo
--------------------------
ENLACES
<a href="pagina.html">
Hipervinculo
<a href="mailto:EMAIL"></a>
Hipervínculo mailto (para envío de correo)
<a name="name"></a>
Ancla en el mismo documento
<a href="#name"></a>
Link hacia algún lugar dentro del mismo sitio
----------------------------
<br> TEXTO <br> -> SALTO DE LINEA
<hr> -> LINEA SEPARADORA
----------------------------
Abre y cierra un documento HTML
<head></head>
Encabezado de la página - aquí se coloca titulo, metatags, e informacion para buscadores entre otras cosas.
<body></body>
Dentro de esta etiqueta va toda la parte visible de la página web.
<title></title>
El título de la página web.
<i> texto </i> -> CURSIVA
<b> texto </b> -> NEGRITA
<u> texto </u> -> SUBRAYADO
<strike> texto </strike> -> TACHADO
<blockquote> Codigos html ejemplo </blockquote> -> RESALTAR,IMPORTANTE
<center> texto </center> -> CENTRAR TEXTO
<sup> texto </sub> -> SUPERINDICE
<sub> texto </sub> -> SUBINDICE
<tt> texto </tt> -> MAQUINA DE ESCRIBIR
<address> cositaspatuweb@hotmail.com </address> -> CONTACTO EMAIL
<!-- Comentario -->
<pre></pre>
Texto pre-formateado
<cite></cite>
Cita, en cursiva
<em></em>
Resalta una palabra, negrita o cursiva
<strong></strong>
Resalta una palabra o grupo de palabras
<font face=?></font>
Coloca el tipo de letra: por ejemplo, arial, verdana, courier,etc.
<font size=?></font>
Coloca tamaño de letra, de 1 a 7
<font color=?></font>
Configura el color, usand valor hexadecimal o nombre directo (blue, green, etc.)
---------------------------
<img src="imagenes/fondo.gif"> -> IMAGEN
width=250 height=180 -> ANCHO ALTO
border=10 -> BORDE
align="right" -> ALINEAR A LA DERECHA
background="imagenes/fondopagina.jpg" -> FONDO PAGINA
<body bgcolor="#2F4F2F"> -> COLOR FONDO PAGINA
<body bgcolor=?>
Configura el color de fondo de la página, usando el valor del código de color hexadecimal.
<body text=?>
Configura el color por defecto del texto, usando el valor del código de color hexadecimal.
<body link=?>
Configura el color de los links, usando el valor del código de color hexadecimal.
<body vlink=?>
Configura el color de los links visitados, usando el valor del código de color hexadecimal.
<body alink=?>
Configura el color de los links al darle clic, usando el valor del código hexadecimal.
---------------------------
PARRAFO CON TAMAÑO DE LETRA 5, COLOR Y TIPO DE LETRA:
<blockquote>
<font size="5"(tamaño) color="#77ee77"(color) face="Arial" (tipo letra)> "Codigos html ejemplo"</font>
</blockquote>
---------------------------
<h1> ENCABEZADO </h1> -> ENCABEZADO H1
<h3> ENCABEZADO </h3> -> ENCABEZADO H3
<h6> ENCABEZADO </h6> -> ENCABEZADO H6
---------------------------
<p></p>
Nuevo párrafo
<p align=?>
Alinea el párrafo hacia la izquierda, derecha o al centro
<br>
Inserta un interlineado suave. Crea otra línea
<blockquote>
</blockquote>
Texto entrecomillado de ambos lados
<dl></dl>
Lista de definiciones (glosario)
<dt>
Precede a cada término en definiciones
<dd>
Precede cada definición
<ol></ol>
Lista ordenada
<li></li>
Entrada en una lista
<ul></ul>
Lista con viñetas sin ordenar
<div align=?>
Para formato a porciones grandes del documento html, incluyendo hojas de estilo
--------------------------
ENLACES
<a href="pagina.html">
Hipervinculo
<a href="mailto:EMAIL"></a>
Hipervínculo mailto (para envío de correo)
<a name="name"></a>
Ancla en el mismo documento
<a href="#name"></a>
Link hacia algún lugar dentro del mismo sitio
----------------------------
<br> TEXTO <br> -> SALTO DE LINEA
<hr> -> LINEA SEPARADORA
----------------------------
No hay comentarios:
Publicar un comentario