REVISTA
Código HTML Los códigos HTML están determinados por un conjunto de etiquetas que brindan instrucciones especificas a los navegadores que se encargan de procesar el lenguaje. Para conocer el código HTML que utiliza una página web, hay que seleccionar Ver código fuente en nuestro navegador (como Internet Explorer o Mozilla Firefox). Al elegir esta opción, se abrirá el editor de texto con el código HTML de la página que se está visualizando. Por cada etiqueta que abramos, deberemos incluir la correspondiente etiqueta de cierre. Así conseguiremos un código HTML bien formado y que los navegadores puedan interpretar sin ambigüedad.
Código HTML
Esta herramienta utiliza de igual forma una Hoja de estilo en cascada o CSS (siglas en inglés de cascading style sheets) es un lenguaje usado para definir y crear la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML).
Códigos Básicos HTML <HTML>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML, lo que define el tipo de documento es el DOCTYPE, que significa la palabra justo tras DOCTYPE el tag de raíz. <SCRIPT>: incrusta un script en una web, o llama a uno mediante src="url del script". Se recomienda incluir el tipo MIME en el atributo type, en el caso de javaScript text/javascript. <HEAD>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador. Dentro de la cabecera <head> es posible encontrar: <title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana.
Códigos Básicos HTML
<LINK>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">. <STYLE>: para colocar el estilo interno de la página; ya sea usando CSS u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>. <META>: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuración o por dificultades con serverside scripting.
Códigos Básicos HTML <BODY>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo: <h1> a <h6>: encabezados o títulos del documento con diferente relevancia. <table>: define una tabla. ○ <tr>: fila de una tabla. ○ <td>: celda de una tabla (debe estar dentro de una fila). <a>: hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo: <ahref="http://www.example.com" itle="Ejemplo" target="_blank" tabindex="1">Ejemplo</a> se representa como ejemplo.
Cรณdigos Bรกsicos HTML <DIV>: divisiรณn de la pรกgina. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido. <IMG>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imรกgenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo". <LI><OL><UL>: etiquetas para listas. <B>: texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta <strong>). <I>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta <em>). <S>: texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del>).
Códigos Básicos HTML
<U>: Antes texto subrayado. A partir de HTML 5 define porciones de texto diferenciadas o destacadas del resto, para indicar correcciones por ejemplo (etiqueta desaprobada en HTML 4.01 y redefinida en HTML 5). La mayoría de etiquetas deben cerrarse como se abren, pero con una barra («/») tal como se muestra en los siguientes ejemplos: <table><tr><td>Contenido celda</td></tr></table>.
de
una
<script>Código de un script integrado en la página</script>
Códigos Básicos HTML La etiqueta básica, que controla el tipo de fuente utilizado, es <FONT>. <FONT> es una etiqueta pareada. Por tanto, afecta a los caracteres introducidos entre <FONT> y </FONT>. Pero sin más especificaciones, la etiqueta aún no sirve para nada. Se puede especificar el tipo de letra (es decir, la fuente de caracteres) añadiéndolo a la etiqueta, de la siguiente manera (en este caso, la fuente escogida es Arial): <FONT FACE="Arial">...</FONT>. Para especificar los colores, conviene saber al menos lo siguiente: Cada color posee su correspondiente código. Hay dos códigos: hexadecimal –lo más habitual– o RGB. En ambos casos se trata de expresar las proporciones de tres colores básicos: rojo, verde y azul.
Códigos Básicos HTML Los valores hexadecimales de los tres colores se expresan de la siguiente manera: Rojo: color:#ff0000; Verde: color:#00ff00; Azul: color:#0000ff; Los mismos colores, expresados con los valores RGB (red, green, blue), son los siguientes: Rojo: color: rgb(255,0,0); Verde: color:rgb(0,255,0); Azul: color:rgb(0,0,255); Todos los colores se expresan mediante combinaciones de estos tres colores básicos. Existen muchos programas que proporcionan los valores de todos los colores que el usuario puede componer. También en internet existen muchas páginas con los Codigos de Colores. Los colores más básicos pueden especificarse sin código, simplemente escribiendo la palabra correspondiente (por supuesto en inglés).
Códigos Básicos HTML Por ejemplo: <FONT COLOR="blue">...</FONT>, <FONT COLOR="red">...</FONT> Se puede especificar el tamaño de la fuente con la etiqueta <FONT SIZE="?">...</FONT>. El valor del tamaño ("?") deseado puede suministrarse de manera absoluta (un número del 1 al 7) o relativa (+1, +2, -1, -2, etc., teniendo en cuenta que el valor por defecto es 3). Todas estas etiquetas se pueden combinar, de modo que con una sola se controla, por ejemplo, el tipo, el tamaño y el color de los caracteres: <FONT FACE="Arial" COLOR="#0000FF" SIZE="5">...</FONT>.
Códigos Básicos HTML
Con esta etiqueta hemos visto ya la sintaxis básica de las etiquetas HTML, que podíamos formalizar así: <ETIQUETA [ATRIBUTO="valor"]>. Lo anterior quiere decir que una etiqueta HTML (por ejemplo, FONT) puede llevar uno o varios atributos (FACE, COLOR, SIZE), cuyos valores se colocan entrecomillados tras el signo igual (="arial", ="#0000FF", etc.).
Ejemplo Ejemplo del uso de listas o ď&#x201A;§ â&#x20AC;˘
Esto es un tipo de punto Este es otro Y este es otro diferente
Ejemplo <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ejemplo del uso de listas </title> </head> <body> <ul> <li type="circle">Esto es un tipo de punto.</li> <li type="square">Este es otro.</li> <li type="disc">Y este es otro diferente.</li> </ul> </body> </html>
UNIVERSIDAD BICENTENARIA DE ARAGUA VICERRECTORADO ACADEMICO FACULTAD DE CIENCIAS ADMINISTRATIVAS Y SOCIALES ESCUELA DE COMUNICACIÓN SOCIAL CATEDRA – INFORMATICA IV
Codigos y Etiquetas HTML
Participante: Celena Meza Toledo, C.I. 9.920.170
Turmero 26 de Junio 2016