Es un lenguaje de mercado que se utiliza para el desarrollo de páginas
de internet. Se trata de la sigla que corresponde a Hypertext Markup Lenguage, es decir, lenguaje de marcas de hipertexto, que podría ser traducido como lenguaje de formato de documentos para hipertextos. Es un lenguaje que se utiliza para crear páginas en la WWW. Por página entenderemos el documento una serie de comandos. Que son interpretados por el visualizador, o programa que utilizamos para navegar por el WWW. En última estancia es el visualizador el que ejecuta todas la ordenes contenidas en el código HTML, de forma que en un visualizador puede estar capacitado para unas que unas páginas tengan imagen, o un fondo, o un texto parpadeando, pero si nuestro visualizador no está capacitado para esas funciones, no podremos verlas. El Navegador y HTML Un navegador o navegador Web (del inglés, web browser) es una aplicación que opera a través de internet, interpretando la información de archivos y sitios web para que podamos leerla, (ya se encuentra está alojada en un servidos dentro de la World Wide Web o en un servidor local) El navegador interpreta el código, HTML generalmente Funcionalidad La funcionalidad básica de un navegador web es permitir la visualización de documento de texto posible con recursos multimedia incrustados los documentos pueden estar ubicados en la computadora en donde está el usuario, pero también puede estar en cualquier otro dispositivo que esté conectado a la computadora del usuario o a atreves de internet y que tenga los recursos necesarios para la trasmisión de los documentos de un software servidor. Estructura de un documento HTML Un documento HTML, no es más que el texto definido entre las marcas: <HTML> Un documento HTML siempre se compone de las siguientes 2 partes: <HTML> <HTMD> cabecera del documento </HEMD> <BODY> contenido del documento </BODY> </HTML> Si estamos trabajando en el bloc de notas debemos guardar el documento con el nombre y terminando en HTML. Cabecera Se inicia mediante el comando <HEAD> y se termina con </HEAD>. Dentro de la cabecera hay información del documento, que no se ve en la pantalla principal, y que precisa las características del documento, principalmente el título del documento. El título del documento se declara entre las etiquetas <TITLE> y </TITLE>. El titulo debe ser breve y descriptivo de su contenido, pues será lo que vean los demás cuando añadan nuestra página a su bookmark (libro de direcciones favoritas) Cuerpo Se inicia mediante el comando <BODY> y se termina con el comando </BODY>. Este comando acepta numerosos modificadores. Dentro del cuerpo del documento se incluye cualquier carácter imprimible. Comandos básicos La marca <P> sirve para separar párrafos en HTML. Además de introducir un salto de línea para dejar una línea en blanco entre el párrafo y el siguiente. De esta manera los párrafos quedan más espaciados y el texto se vuelve más legible. LEFT: el párrafo es justificado a la izquierda. Valor por defecto. CENTER: el párrafo es centrado RIGHT: el párrafo es justificado a la derecha. <BR> La marca <BR> introduce un salto de línea en el punto del documento en el que se coloca. Es equivalente al punto aparte del texto normal. Títulos De Encabezados HTML dispone de seis cabeceras, o tipos de letra predeterminado de distintos tamaños, que se utilizan para marcar los títulos o resaltes en la página. Se activan con el comando </Hn>, donde n es un número del 1 al 6 y es el numero indicativo del tamaño. El tamaño mayor es correspondiente al 1. Títulos de encabezado <H1>NIVEL DE ENCABEZADOS 1</H1> <H2> NIVEL DE ENCABEZADOS </H2> <H3> NIVEL DE ENCABEZADOS </H3> <H4> NIVEL DE ENCABEZADOS </H4> <H5> NIVEL DE ENCABEZADOS </H5> <H6> NIVEL DE ENCABEZADOS </H6> Los títulos de encabezado requieren la marca de fin, y siempre provocan un salto de línea, aunque no se le indique. Dando estilo al texto Las marcas de estilo de texto especifican el tipo de letra (Negrita, cursiva, …), tamaño, color que se desea que parezca el texto. Tipo de letra Algunas de las marcas que se permite identificar la topografía de los caracteres son las siguientes: - <B>Negrita <(/B)> - <I>Cursiva <(/I)> - <U>Subrayado <(/U)> Todas las marcas requieren etiquetas de comienzo y fin, y se pueden andar. Tamaño del texto Para modificar el tamaño se utiliza el atributo SIZE de la marca <FONT>, de la manera siguiente: <FONT SIZE=”Tamaño” >Texto</FONT> El comando <FONT> requiere la etiqueta de cierre. HTML define siete tamaños de letra distintos, siendo el tamaño 3 que se adopta por defecto. Sin embargo, la mayoría de los navegadores permiten establecer cuál es la correspondencia real del tamaño 3. Así, se puede hacer que el tamaño 3 corresponda a una fuente Arial de 16, o a una Times de 8. - Existen dos formas de establecer de un trozo de texto. Si queremos modificar el tamaño de todo el documento, una forma de hacerlo sería englobar todo el cuerpo del documento en una etiqueta con el tamaño de letra que queremos utilizar. Así escribiremos algo parecido a lo que sigue. <HTML> <HEAD> </HEAD> <BODY><FONT SIZE=4> (contenido del documento </FONT></BODY> </HTML> Colores del texto Para dar color a un texto se utiliza el comando siguiente: <FONT COLOR=”color”>Texto</FONT> en un principio la forma de especificar un color en HTML, era mediante el formato hexadecimal. 5/06/2018 Las listas HTML proporcionan una forma de clasificar la información y hacer que esta sea más inteligente por parte del visitante de las páginas. Listas Ordenadas: OL. También llamadas listas numeradas son aquellas en las que cada elemento tiene adelante un número que indicara el orden del elemento dentro del conjunto de la lista. La marca para crear una lista ordenada es <OL>. Son obligatorias las etiquetas de comienzo y fin de estas marcas. Cada elemento de la lista ordenada se identifica escribiéndolo dentro de la marca <Li> … </Li>. La etiqueta de fin puede ser omitida. Cada elemento de la lista ordenada se identifica escribiéndolo dentro de la marca <Li> … </Li>. La etiqueta de fin puede ser omitida. Con la marca Li no es necesario introducir un retorno de carro detrás de cada elemento de la lista. Es posible identificar el tipo de enumeración que se dará (números arábicos, números romanos, letras, etc.) Por defecto se sigue la numeración árabe. Las listas pueden ser anidadas una dentro de otra. Listas Desordenadas: UL También llamadas listas no numeradas son listas en las no es necesario numerar ---------------------------------------------------------------------------------------- Listas de Definición: DL a diferencia de los dos tipos anteriores de listas, las listas de definición, se utiliza para presentar la información sin marcas, ni números, sino que utiliza los sagrados de los párrafos. Las listas de definición