Las etiquetas <HTML> y </HTML> indican el principio y fin de un documento web. Dentro de <HEAD> se incluye el título, autor y palabras clave. La etiqueta <BODY> contiene el cuerpo del documento con texto, imágenes, enlaces y tablas. El documento proporciona códigos HTML básicos para formato, fuentes, encabezados, alineación, saltos de línea, párrafos e imágenes.
1. GUÍA RÁPIDA DE COMANDOS HTML
FUNCIÓN CÓDIGO HTML DESCRIPCIÓN
BÁSICOS
Indica al navegador el principio y el fin de un
documento HTML.Toda la codificación debe
Inicio y fin de
<HTML> </HTML> estar incluida en estas etiquetas
documento
Dentro del encabezado se incluyen las
encabezado <HEAD> </HEAD> siguientes etiquetas: title, description, autor,
keywords.
Es el texto que aparece en la barra de título del
título <TITLE> </TITLE>
navegador.
autor <meta name="author" content="mi nombre"> Nombre del autor de la página.
<meta name="description" content="esta es la
descripcion Breve descripción de la página.
pagina principal del centro">
Palabras claves con las que un “cliente” puede
Palabras clave <meta name="keywords" content="ensenada">
encontrar nuestra página.
Cuerpo de la página donde se deben colocar
todos los elementos que se visualizarán en el
Cuerpo <BODY> </BODY>
navegador (texto, imágenes, enlaces,
tablas,etc.)
FUNCIÓN CÓDIGO HTML RESULTADO
*Esta etiqueta debe colocarse en el área del
PÁGINA cuerpo del documento (BODY). El fondo de la
<BODY BGCOLOR="blue">
fondo (color) página aparecerá con el tono de color del código o
<BODY BGCOLOR="lightyellow">
nombre que se ha indicado.
<BODY BGCOLOR="#DBD7A4">
*En el fondo de la página aparece la imagen que
fondo (img) <BODY BACKGROUND="fondo.gif"> se ha indicado y se repite las veces que cabe en
una pantalla.
FUENTES
<B>Esto hará el texto en negritas</B> Esto hará el texto en negritas
negritas
itálico <I>Esto hará letras itálicas</I> Esto hará letras itálicas
negritas <U>Esto hará un texto subrayado</U> Esto hará un texto subrayado
<STRIKE>Esto desplegará un texto con una
tachado Esto desplegará un texto con una línea
línea</STRIKE>
Tamaño de fuente 1
<FONT SIZE="1">Tamaño de fuente 1</FONT> Tamaño de fuente 2
<FONT SIZE="2">Tamaño de fuente 2</FONT> Tamaño de fuente 3
<FONT SIZE="3">Tamaño de fuente 3</FONT>
tamaño <FONT SIZE="+1">Tamaño de fuente +1</FONT> Tamaño de fuente 4
<FONT SIZE="+2">Tamaño de fuente +2</FONT>
<FONT SIZE="-1">Tamaño de fuente -1</FONT> Tamaño de fuente 5
<FONT SIZE="-2">Tamaño de fuente -2</FONT> Tamaño de fuente -1
Tamaño de fuente -2
<FONT COLOR="blue">Texto Azul</FONT> Texto Azul
<FONT COLOR="red">Texto Rojo</FONT> Texto Rojo
<FONT COLOR="yellow">Texto Amarillo</FONT> Texto Amarillo
color <FONT COLOR="#000000>Texto Negro <FONT> Texto Negro
<FONT COLOR="#FFFFFF">Texto Blanco</FONT> Texto blanco
<FONT COLOR="#E1EAF7">Texto Azul Claro</FONT> Texto Azul Claro
tipo <FONT FACE="Arial">Fuente arial</FONT> Fuente arial
ENCABEZADOS
Nivel 1 <H1>Nivel 1</H1> Nivel 1