HTML Instituto Universitario de Tecnología Valencia Asignatura: Lenguaje Comercial
HTML El lenguaje HTML o en español Lenguaje de Etiquetas de Hipertexto, es, como su definición dice, un lenguaje de texto al que se añaden etiquetas, las cuales condicionan la representación del texto. Las etiquetas son lo que podríamos tomar como "comandos". Todas las etiquetas en HTML están encerradas entre los símbolos “<”y “>”.
El documento HTML Todo documento HTML empieza con la etiqueta <HTML> y acaba con etiqueta </HTML> . Dentro de estas etiquetas estará el código HTML. Dentro de el documento encontramos dos partes bien diferenciadas: La cabecera, va entre las etiquetas <HEAD> y </HEAD>. En esta parte encontraremos diferentes informaciones de la página, las cuales no serán visualizadas en el navegador. El cuerpo, irá entre las etiquetas <BODY> y </BODY>. Entre estas etiquetas encontraremos el código HTML, el cual será el artífice del diseño de la página.
La cabecera Dentro de la cabecera podremos encontrar las siguientes etiquetas: El titulo, irá entre las etiquetas <TITLE> y </TITLE>. El texto que se encuentra entre estas etiquetas será el que aparezca en la barra superior del navegador y que funcionará como titulo de la página web. Base del programa, se indica mediante la etiqueta <BASE>. Dicha etiqueta nos sirve para indicar cual es la dirección URL base para nuestra página y así poder realizar enlaces a páginas mediante direcciones relativas, las cuales tomarán como base la URL indicada en esta etiqueta.
La cabecera Dentro de la cabecera podremos encontrar las siguientes etiquetas: Meta-Tags, son unos elementos informativos que nos servirán para indicar informaciones relativas a la página como el autor, la herramienta con la cual ha sido diseñada, el lenguaje de la página. Su estructura es <META http-equiv="--tipo--" content="--contenido--"> Código script, dentro de la cabecera también podemos encontrar código script (javascript, vbscript). Si bien, dicho código solamente realizará modificaciones de los elementos de la cabecera o serán funciones que podrán ser utilizadas dentro del cuerpo del programa. El código script irá entre las etiquetas <SCRIPT> y </SCRIPT>.
El cuerpo Dentro de él irán el resto de etiquetas, las que cargan las imágenes, las que dan formato al texto, y aquellas que añaden los documentos multimedia, dentro del cuerpo. Si queremos hacer algún comentario, lo haremos de la siguiente manera: <!-- Comentario -->
Estructura básica HTML Inicio de Cabecera <HTML> <HEAD> <TITLE>Título de la pagina Web</TITLE> </HEAD> <BODY> <!– Cuerpo de la pagina--> </BODY> </HTML> Inicio de Cabecera
Etiquetas de cabecera Son etiquetas con el aspecto <Hx> donde x va entre 1 y 6. Siendo <H1> la mayor cabecera de todas y <H6> la más pequeña. Estas etiquetas son del tipo pareado, es decir, el principio será <Hx> y el final </Hx>. Veamos las diferentes cabeceras: Ejemplo H3 Ejemplo H4 Ejemplo H5 Ejemplo H6
Fuentes (Font) Sirven para poder formatear el texto y sus propiedades, como son su color, el tipo de fuente, el tamaño en el que se presentan. Para poder realizar esto lo haremos mediante las etiquetas <FONT> y </FONT> dentro de las cuales incluiremos el texto. Los diferentes atributos que presenta son: Tamaño (Size), es la etiqueta <FONT SIZE=x> donde la x representa el tamaño del texto. La x tomara valores entre -2 y 4, siendo el valor por defecto 3. Color, es la etiqueta <FONT COLOR="color"> donde "color" será uno de los colores. Bien mediante su traducción al ingles. Por ejemplo "yellow", "red", "blue", "green". O por su valor hexadecimal, ejemplo <FONT COLOR=#rrbbgg> Tipo (Face), indica el tipo de fuente en la que queremos que se represente el texto, esta será una fuente que tengamos pre-instalada en nuestro ordenador. Como por ejemplo: "Comic Sans Ms", "New Times Roman", "Bertram", "New Gothic"
PrimerHtml.htm <HTML> <HEAD> <TITLE>Primer ejemplo de html</TITLE> </HEAD> <BODY> <H1>Bienvenido a HTML </H1> </BODY> </HTML>