INTRODUCCIÓN A HTML
Sección: 1
Fecha:
¿Qué es HTML? HTML (HyperText Markup Language = Lenguaje de Marcado de Hipertexto) es un lenguaje muy sencillo que permite escribir hipertexto, de información relacionadas, y con inserciones multimedia(gráficos, sonido...). La descripción se basa en especificar en el texto la estructura lógica del contenido(títulos, párrafos, listas, definiciones, citas, etc.) así como los diferentes efectos que se quieren dar (negrita, cursiva, subrayado). Los archivos creados con HTML pueden ser mostrados por un navegador de Internet, como por ejemplo: Firefox, Netscape, Internet Explorer, etc.
Estructura Básica <HTML> <HEAD> Definiciones de la cabecera </HEAD> <BODY> Instrucciones HTML </BODY> </HTML>
Explicación de las etiquitas
Inicio y fin de la pagina: Cada página comienza con: < HTML > y debe terminan con < /HTML > <HTML> ………. </HTML>
Cabecera: La cabecera de un documento está delimitada por las etiquetas < HEAD > y </HEAD > . Sus componentes son opcionales. El más importante es <TITLE> : <HEAD> <TITLE>Título del documento HTML</TITLE> </HEAD
Cuerpo: Es la parte delimitada por <BODY> y < /BODY >
BACKGROUND="imagen": define el fondo. BGCOLOR="######": color del fondo (sólo si no se define una imagen de fondo, o si ésta imagen no puede obtenerse.. Más adelante veremos más sobre colores. Por ahora nos basta saber que para los colores básicos se puede utilizar su nombre en inglés: white, blue, red, green ... TEXT="######": color del texto. Por defecto será negro. LINK="######": color de los links. Por defecto será azul. VLINK="######": color de los links visitados. Por defecto será violeta. Ejemplo: body bgcolor="white" text="blue" link="red" vlink="red">
Escribiendo texto Comandos de cabeceras: Los comandos de cabecera crean texto en negrita, seguido de un cambio de párrafo. Hay seis comandos: de <H1> a <H6> . <H1> corresponde al tamaño de letra más grande, y <H6> al más pequeño. Veamos un ejemplo:
Manejo de títulos, subtítulos y párrafos. Ejemplo: con H1, H2, H3, H4, H5, H6 Escritura en el bloc de notas
Visualización del código
Etiquetas importantes en HTML.
Ejemplo de las instrucciones
Escritura en el bloc de notas
Visualizaci贸n del c贸digo
Estilos físicos y lógicos Llamamos estilos a los distintos efectos que se pueden aplicar al texto normal (negrita, cursiva, subrayado, etc ...). En HTML existen dos grupos principales de estilos: los lógicos y los físicos. Los físicos indican un efecto (negrita, cursiva, ...) y los lógicos indican un tipo de texto (cita, nombre de persona...), aunque a veces pueden producir el mismo resultado.
Estilos Físicos
Estilos L贸gicos
Ejemplo de las instrucciones Escritura en el bloc de notas
Visualizaci贸n del c贸digo