Guia de etiquetas html
Páginas: 10 (2496 palabras)
Publicado: 30 de enero de 2012
GUIA BÁSICA: CREACION DE PÁGINAS WEB A TRAVES DEL LENGUAJE HTML
HTML, siglas de HyperText Markup Language (Lenguaje de Marcación de Hipertexto), es un lenguaje para la construcción de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes, animaciones, sonidos, videos entre otros objetos. HTML seescribe en forma de Tags o "etiquetas", rodeadas por corchetes angulares ( < , > ). Por convención, los archivos de formato HTML usan la extensión .htm o .html y se utiliza el idioma anglosajón (inglés) para su edición.
Imagen [ 1 ] Estructura general de una línea de código en el lenguaje de etiquetas HTML
Estructura Básica
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Etiquetas para editar texto
<b> (bold) Negritas </b>
<i> (italics) Cursivas </i>
<u> (underline) Subrayar </u>
<strike> Sirve para tachar un texto </strike>
<SUP> Superíndice X3 </SUP>
<SUB> Subíndice CH3 </SUB>
<body˽text=”color”> Modificael color de letra o fuente de toda la página
<font˽size=”valor”˽face=”tipo de letra”˽color=”color”> Edita la letra o fuente seleccionada </Font>
Las variables pueden ser: valor del “1” al “6”, tipo de letra=”Arial”, “Tahoma” etc., color=“blue”, “red”, “green” etc.
<H#> Títulos </H#> Donde # es un valor del 1 al 6. Ejemplo: <H1> Texto </H1> o <H6> Texto</H6>
<marquee˽behavior=”comportamiento”˽scrolldelay=”Frecuencia”˽direction=”dirección”> Texto o imagen que se desplaza en la pantalla </marquee> Donde el Comportamiento puede ser: “slide” o “alternate”, la Frecuencia: un valor numérico “5”, “10” etc., la Dirección: “left” o “right”
Etiquetas para editar párrafos
<p>Separa texto en párrafos</p><p˽align=“alineación”> Alinea el párrafo </p> Las variables pueden ser: “left”, “center”, “right”
<blockquote> Sangría al párrafo </blockquote>
Listas Ordenadas
<ol˽type=”variable”> Las variables pueden ser: “I”, “i”, “A”, “a”, “1”
<li> Primer elemento de la lista
<li> Segundo elemento de la lista
</ol>
Listas no Ordenadas
<ul˽type=”variable”> Lasvariables pueden ser: “square”, “circle” o “disc”
<li>
<li> ⁰
<li> •
</ul>
Lista Anidada
Tabla de colores |
Color | Nombre |
Blanco Nieve | Snow |
Blanco | White |
Negro | Black |
Gris Oscuro | DarkGray |
Gris | Gray |
Gris Claro | LightGray |
Azul Marino | NavyBlue |
Azul | Blue |
Turquesa | Turquoise |
Cyan | Cyan |
Verde Claro |LightGreen |
Verde | Green |
Amarillo | Yellow |
Oro | Gold |
Beige | Beige |
Naranja | Orange |
Rojo | Red |
Rosa | Pink |
<ol˽type=”variable”>
<li> Primer elemento de la lista ordenada
<ul˽type=”variable”>
<li> Primer elemento de la lista no ordenada
<li> Segundo elemento de la lista no ordenada
</ul>
<li> Segundoelemento de la lista ordenada
</ol>
Lista de Definición
<DL>
<DT> Termino a Definir 1
<DD> Definición 1
<DT> Termino a Definir 2
<DD> Definición 2
</DL>
Lista con Menú
<MENU>
<li> Primera opción del menú
<li> Segunda opción del menú
<li> Tercera opción del menú
</MENU>
Etiquetas sin cierre<BR> Inserta un Salto de línea (renglón en blanco)
<HR> Inserta un separador en forma de línea
<HR˽align=”alineación”˽width=”ancho”˽size=”valor”˽color=”variable4”>
Las variables pueden ser: alineación=“left”, “center” o “right” / ancho=“10%”, “20%”, “30%” o “110”, “120”, “130”, etc. / valor del “1” al “6” / variable4.-“blue”, “red”, “yellow” etc.
Otras Etiquetas y atributos...
HTML, siglas de HyperText Markup Language (Lenguaje de Marcación de Hipertexto), es un lenguaje para la construcción de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes, animaciones, sonidos, videos entre otros objetos. HTML seescribe en forma de Tags o "etiquetas", rodeadas por corchetes angulares ( < , > ). Por convención, los archivos de formato HTML usan la extensión .htm o .html y se utiliza el idioma anglosajón (inglés) para su edición.
Imagen [ 1 ] Estructura general de una línea de código en el lenguaje de etiquetas HTML
Estructura Básica
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Etiquetas para editar texto
<b> (bold) Negritas </b>
<i> (italics) Cursivas </i>
<u> (underline) Subrayar </u>
<strike> Sirve para tachar un texto </strike>
<SUP> Superíndice X3 </SUP>
<SUB> Subíndice CH3 </SUB>
<body˽text=”color”> Modificael color de letra o fuente de toda la página
<font˽size=”valor”˽face=”tipo de letra”˽color=”color”> Edita la letra o fuente seleccionada </Font>
Las variables pueden ser: valor del “1” al “6”, tipo de letra=”Arial”, “Tahoma” etc., color=“blue”, “red”, “green” etc.
<H#> Títulos </H#> Donde # es un valor del 1 al 6. Ejemplo: <H1> Texto </H1> o <H6> Texto</H6>
<marquee˽behavior=”comportamiento”˽scrolldelay=”Frecuencia”˽direction=”dirección”> Texto o imagen que se desplaza en la pantalla </marquee> Donde el Comportamiento puede ser: “slide” o “alternate”, la Frecuencia: un valor numérico “5”, “10” etc., la Dirección: “left” o “right”
Etiquetas para editar párrafos
<p>Separa texto en párrafos</p><p˽align=“alineación”> Alinea el párrafo </p> Las variables pueden ser: “left”, “center”, “right”
<blockquote> Sangría al párrafo </blockquote>
Listas Ordenadas
<ol˽type=”variable”> Las variables pueden ser: “I”, “i”, “A”, “a”, “1”
<li> Primer elemento de la lista
<li> Segundo elemento de la lista
</ol>
Listas no Ordenadas
<ul˽type=”variable”> Lasvariables pueden ser: “square”, “circle” o “disc”
<li>
<li> ⁰
<li> •
</ul>
Lista Anidada
Tabla de colores |
Color | Nombre |
Blanco Nieve | Snow |
Blanco | White |
Negro | Black |
Gris Oscuro | DarkGray |
Gris | Gray |
Gris Claro | LightGray |
Azul Marino | NavyBlue |
Azul | Blue |
Turquesa | Turquoise |
Cyan | Cyan |
Verde Claro |LightGreen |
Verde | Green |
Amarillo | Yellow |
Oro | Gold |
Beige | Beige |
Naranja | Orange |
Rojo | Red |
Rosa | Pink |
<ol˽type=”variable”>
<li> Primer elemento de la lista ordenada
<ul˽type=”variable”>
<li> Primer elemento de la lista no ordenada
<li> Segundo elemento de la lista no ordenada
</ul>
<li> Segundoelemento de la lista ordenada
</ol>
Lista de Definición
<DL>
<DT> Termino a Definir 1
<DD> Definición 1
<DT> Termino a Definir 2
<DD> Definición 2
</DL>
Lista con Menú
<MENU>
<li> Primera opción del menú
<li> Segunda opción del menú
<li> Tercera opción del menú
</MENU>
Etiquetas sin cierre<BR> Inserta un Salto de línea (renglón en blanco)
<HR> Inserta un separador en forma de línea
<HR˽align=”alineación”˽width=”ancho”˽size=”valor”˽color=”variable4”>
Las variables pueden ser: alineación=“left”, “center” o “right” / ancho=“10%”, “20%”, “30%” o “110”, “120”, “130”, etc. / valor del “1” al “6” / variable4.-“blue”, “red”, “yellow” etc.
Otras Etiquetas y atributos...
Leer documento completo
Regístrate para leer el documento completo.