1. INTRODUCCIÓN A LA PAGINA WEB
Tema:
51 ETIQUETAS HTML
Alumna:IRENE CRISTINA LOOR DÍAZ
CICLO: V VI INFORMATICA
Sección: “A”
Profesor: LCDO. GERALDO LOOR
Fecha: 18/05/2013
2013 - 2014
2. <! DOCTYPE>
Es la primera parte de una página web, aún antes que la etiqueta <HTML>.
Le indica al navegador que especificación de HTML se está utilizando.
<HTML></HTML>
Abre y cierra un documento HTML
<Head></Head>
Encabezado de la página aquí se coloca título, meta tag, e información para buscadores
entre otras cosas. Está información no es visible.
<Body></Body>
Dentro de esta etiqueta va toda la parte visible de la página web, etiquetas del
Encabezado.
<Title></Title>
El título de la página web atributos de la etiqueta Body.
<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 las ligas, usando el valor del código de color hexadecimal.
<Body vlink=?>
Configura el color de las ligas visitadas, usando el valor del código de color hexadecimal.
<Body alink=?>
Configura el color de las ligas al darle clic, usando el valor del código hexadecimal.
3. Etiquetas HTML de Texto: <Pre></pre>Texto pre-formateado <hl></hl>
Título más grande <h6></h6>Título más pequeño <b></b>
Negritas <u></u>Subrayado <i></i>Cursivas <tt></tt>Cita, en cursiva <em></em>
Resalta una palabra, negrita o cursiva: <Strong></strong>
Resalta una palabra o grupo de palabras:<Fontface=?></font>
Coloca el tipo de letra: por ejemplo, Arial, Verdana, Courier, etc:
<fontsize=?></font>
Coloca tamaño de letra, de 1 a 7:<font color=?></font>
Formato y presentación <p></p>
Texto intentado 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=?>
Elementos Gráficos:<img src="name">Incorpora una imagen
<img src="name" align=?>
Alinea la imagen: izquierda, derecha y centro: <img src="name" border=?>
4. Determina el contorno de la imagen. Un valor 0 no tendrá contorno:
<Map></map>
Mapa de imágenes
<body background="URL o ruta de archivo"></body>
Coloca la imagen como fondo de la página <hr>
Línea horizontal <hrsize=?>
Tamaño de una línea horizontal <hrwidth=?>
Ancho de linea horizontal, ya sea porcentaje o valor absoluto. <hrnoshade>
Línea horizontal sin sombra
Tablas <table></table>
Crea tabla <tr></tr>
Crea filas en una tabla<td></td>
Crea celda en una fila<th></th>
Crea una caja de texto, columnas es el ancho y las líneas la altura (cols y rows)
<input type="checkbox" name="name">
Crea un checkbox. <input type="radio" name="name" value="x">
Crea botón de radio. <input type=text name="name" size=20>
Crea una opción de texto para entrada de información o despliegue
<input type="submit" value="name">
5. Crea botón de envío de forma tipo submit <input type="image" border=0 name="name"
src="name.gif">Crea botón de envío con imagen <input Taype="reset">crea botón de
limpieza (reset).Vacía la forma.
Elemento Descripción corta
<!-- --> Inserta comentarios ocultos
<!DOCTYPE> Establece el tipo de documento
<a> Inserta vínculos o marcadores
<abbr> Explica/expande abreviaciones
<acronym> Explica/expande acrónimos
<address> Muestra información de contacto del autor
<applet> Inserta un applet (script)
<área> Define sectores para un mapa de imagen
<b> Convierte texto en negrita
<base> Establece la URI base, usada para resolver URI relativas
<basefont> Establece el tamaño de fuente por defecto para todo el documento
<bdo> Anula el algoritmo bidireccional para su contenido
<big> Muestra el texto en estilo de fuente "grande"
<blockquote> Inserta una cita en forma de párrafo
<body> Actúa como contenedor para toda la parte representable del documento (cuerpo)
<br> Forzar un quiebre de línea
<button> Crea un botón que permite contenido HTML (elementos)
<caption> Establece un título para una tabla
<center> Muestra su contenido centrado
<cite> Inserta una cita o referencia
<code> Declara a su contenido como código de computadora
<col> Establece atributos generales para las columnas de una tabla
<colgroup> Agrupa un número de columnas en una tabla
<dd> Muestra una definición en una lista de términos y definiciones
<del> Incluye texto que debería ser borrado o reemplazado (ya no válido)
<dfn> Asigna una definición a un término
<dir> Inserta una lista de directorio (árbol)
<div> Define un bloque de contenido
<dt> Inserta un término en una lista de términos y definiciones
<em> Indica énfasis para su contenido
<fieldset> Agrupa controles en un formulario
<font> Establece el estilo de fuente para su contenido
6. <form> Inserta un formulario
<frame> Inserta un marco simple
<frameset> Inserta un conjunto de marcos
<head> Encierra el bloque de encabezado del documento (para las declaraciones globales)
<hr> Dibuja una línea horizontal
<html> Actúa como contenedor para el documento entero (encabezado y cuerpo)
<i> Muestra su contenido con estilo de fuente itálica
<iframe> Inserta un marco dentro del contenido del documento
<img> Inserta una imagen
<input> Muestra un control de entrada (texto, contraseña, casillas de verificación, etc.)
<ins> Indica que su contenido ha sido insertado a un texto anterior en una actualización
<isindex> Provee una entrada de una sola línea
<kbd> Representa texto que es ingresado por el usuario
<label> Establece una etiqueta para un control en un formulario
<legend> Asigna un título para un "Field set" (grupo de controles en un formulario)
<li> Inserta un ítem en una lista (para listas ordenadas y desordenadas)
<link> Da información relacional acerca del documento al vincularlo con otros recursos
<map> Define un mapa de imagen del lado cliente
<menu> Inserta una lista menú
<meta> Provee información acerca del documento en la forma de variables (nombre y valor)
<noframes> Provee contenido alternativo para marcos, mostrado cuando los mismos no son
soportados
<noscript> Provee texto alternativo para scripts, mostrado cuando los mismo no son soportados
<object> Inserta aplicaciones externas (por ejemplo, animaciones /películas Flash)
<ol> Inserta una lista ordenada
<optgroup> Agrupa las opciones en un control "select"
<option> Define una opción en un control "select"
<p> Inserta un párrafo
<param> Establece un parámetro para un objeto insertado
<pre> Muestra texto pre formateado, usualmente con fuente de ancho fijo y respetando
espacios
<q> Inserta una cita a nivel de línea
<s> Muestra texto tachado
<samp> Representa la salida de un programa
<script> Actúa como contenedor para scripts del lado cliente
<select> Crea un control select (lista desplegable de opciones)
<small> Muestra texto en fuente "pequeña"
<span> Encierra un trozo de texto (en línea), útil para asignar atributos a su contenido
<strike> Muestra texto tachado
<strong> Indica énfasis fuerte para su contenido
7. <style> Contiene código de hojas de estilo que definen atributos visuales para el documento
<sub> Inserta texto como subíndice
<sup> Inserta texto como superíndice
<table> Actúa como contenedor para la información de una tabla
<tbody> Define un cuerpo en una tabla
<td> Inserta una celda regular en un tabla
<textarea> Crea una entrada de líneas múltiples
<tfoot> Define un pie para una tabla
<th> Inserta una celda de encabezado en una tabla
<thead> Define un encabezado en una tabla
<title> Define un título para el documento completo
<tr> Inserta una fila de celdas en una tabla
<tt> Muestra texto de máquina de escribir
<u> Muestra texto subrayado
<ul> Inserta una lista desordenada
<var> Indica una instancia de una variable