Tutorial html
Descargar como PPTX, PDF0 recomendaciones325 vistas
Un documento HTML está estructurado en dos partes: la cabecera (<HEAD>) y el cuerpo (<BODY>). La cabecera contiene metadatos sobre el documento como el título y no es visible, mientras que el cuerpo contiene el contenido visible del documento. La estructura mínima de un documento HTML incluye las etiquetas <HTML>, <HEAD>, <TITLE> y <BODY>.
Tutorial html
- 2. Estructura de un documento HTML Los documentos escritos en HTML están estructurados en dos partes diferenciadas: la cabecera (<HEAD>) y el cuerpo (<BODY>). Entre las marcas del elemento <HEAD> se podrán utilizar los siguientes elementos: <TITLE> para dar nombre al documento; <META> para forzar a la página activa a ser cargada cada cierto tiempo. <BASE> para prefijar la dirección base de los documentos referenciados mediante un URL relativo.
- 3. HEAD, TITLE, META, BASE La cabecera se emplea para facilitar información acerca del documento y está delimitada por <HEAD> prólogo </HEAD>. Normalmente esta información no se ve cuando se navega por el documento. A continuación se muestra un ejemplo del formato mínimo de la cabecera. <HTML> <HEAD> <TITLE> Aqui va el nombre del documento </TITLE> </HEAD> Cuerpo del documento ... </HTML>
- 4. BODY El resto del documento, o sea, todo aquello que no pertenezca a la cabecera, residirá entre <BODY> y </BODY>. Esta es la estructura mínima que debe poseer todo documento HTML: <HTML> <HEAD> <TITLE>Estructura mínima de un documento HTML</TITLE> </HEAD> <BODY> Documento ... </BODY> </HTML>
- 5. Comentarios En el código fuente de una página HTM, los comentarios se introducirán entre las marcas: <!-- y -->. Todo texto situado entre dichas marcas será ignorado por el browser, y por tanto no será visible. Ejemplo: <!-- Esto es una línea de comentarios -->
- 6. Separadores de bloques de texto Párrafos <P> Saltos de línea <BR> Bloques tabulados <BLOCKQUOTE> Línea horizontal <HR> Divisiones <DIV> Texto prefomateado <PRE> Direcciones <ADDRESS> Centrado de bloques <CENTER>
- 7. Tipos de letras Cabeceras <Hn> Tamaño, color y tipo de letra <FONT> Tamaño por defecto de la letra <BASEFONT> Estilos de caracteres
- 8. Colores Texto de colores <FONT> Colores del entorno (fondo, texto y enlaces) <BODY> Tabla de códigos de colores
- 9. Hiperenlaces Explicaciones sobre los hiperenlaces Definición de ancla <A> Ancla de partida El atributo HREF Ancla de llegada El atributo NAME Apertura de una nueva ventana El atributo TARGET Enlaces a puntos internos a un documento Aplicación a notas al pie de página Aclaraciones sobre los enlaces Servicios de Internet (otros URL)
- 10. Tablas Definición de la tabla <TABLE> Marca de comienzo de una nueva fila <TR> Marca de comienzo de una nueva celda <TD> Celdas con texto de cabecera <TH> Tablas con título <CAPTION> Ejemplos I Ejemplos II Pequeño tutorial de tablas
- 11. Formularios Introducción Atributos comunes Marca de comienzo y fin <FORM> Campos de entrada de texto y botones <INPUT> Listas de selección <SELECT> Ventanas de texto con barras de desplazamiento <TEXTAREA> Ejemplo Tabla de códigos hexadecimales del Netscape para Windows
- 12. Imágenes Introducción Inserción de imágenes <IMG> Alineación de imágenes El atributo ALIGN Extensiones del Netscape para la alineación de imágenes Imágenes como fondo de página <BODY> Imágenes como marcas de una lista <IMG> <DL> Animaciones Imágenes y enlaces <IMG> <A> Imágenes mapeadas <IMG> <MAP> <AREA>
- 13. Símbolos ¿Por qué hay que usar códigos? Tabla de símbolos