Doctypehtml
- 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