html

Una página Web es una página digital o documento digital de carácter multimediático (es decir, capaz de incluir audio, video, texto y sus combinaciones), adaptado a los estándares de la World Wide Web (WWW) y a la que se puede acceder a través de un navegador Web y una. Para poder acceder a una pagina Web se requiere un software llamado navegador o explorador Web (Google, Firefox, Internet Explorer, etc). Y la información que se despliega en la pagina esta escrita en un lenguaje de marcado llamado HTML (HyperText Markup Language).

HTML: Es un lenguaje utilizado en la programación de las paginas WEB. El lenguaje utiliza en el texto marcas denominadas etiquetas, las etiquetas se delimitan con signos "< >" (mayor que y menor que). Por lo que se debe tener cuidado en la sintaxis al digitar el texto.

Sintaxis de HTML HTML es un "lenguaje de marcado". Basa su sintaxis en un elemento base al que llamamos marca, tag o simplemente etiqueta. A través de las etiquetas vamos definiendo los elementos del documento, como enlaces, párrafos, imágenes, etc. Así pues, un documento HTML estará constituido por texto y un conjunto de etiquetas para definir la función que juega cada contenido dentro de la página. Todo eso servirá al navegador para saber cómo se tendrá que presentar el texto y otros elementos en la página. Existen etiquetas para crear negrilla, párrafos, imágenes, tablas, listas, enlaces, etc. Así pues, aprender HTML es básicamente aprenderse una serie de etiquetas, sus funciones, sus usos y saber un poco sobre cómo debe de construirse un documento básico.

Anatomía de una etiqueta HTML La etiqueta presenta frecuentemente dos partes, su apertura y cierre, y se encierran ambas partes entre símbolos "menor que" < y "mayor que" >. El texto incluido en el interior de una etiqueta sufrirá las modificaciones que caracterizan a esta etiqueta. Así por ejemplo: La etiqueta define un texto en negrilla. Si en nuestro documento HTML escribimos una frase con el siguiente código:

Esto esta en negrita

Veremos "Esto esta en negrita".

Otro ejemplo rápido. La etiqueta define un párrafo. Si en nuestro documento HTML escribimos Hola, estamos en el párrafo 1 Ahora hemos cambiado de párrafo

Hola, estamos en el párrafo 1

Ahora hemos cambiado de párrafo

Como resultado obtendríamos dos párrafos con esos textos.

Partes de un documento HTML. Además de todo esto, un documento HTML ha de estar delimitado por la etiqueta HTML. Dentro de este documento, podemos asimismo distinguir dos partes principales: La cabecera, delimitada por la etiqueta head, donde colocaremos etiquetas de índole informativo, como por ejemplo el titulo de nuestra página. El contenido de la cabecera no suele aparecer en el cuerpo de la página, pero sirve a los navegadores y otros sistemas para encontrar información útil para entender y procesar el documento. El cuerpo, flanqueado por la etiqueta body, que será donde colocaremos nuestro texto e imágenes delimitados a su vez por otras etiquetas como las que hemos visto. El resultado de un documento básico tiene la siguiente estructura:

Para crear y editar los documentos HTML utilizaremos un editor de texto. El documento se debe guardar con la extensión html (documento.html).

<html> contenido página </html> Dentro de estas dos etiquetas se debe colocar todo el

código de la página.

Etiquetas html

<!DOCTYPE html> Para html versión 5.

<head> encabezado de la página </head> Dentro de estas dos etiquetas va

información de la pagina, como el titulo que aparece en la pestaña de la pagina.

<body> contenido de la página </body>

<title> Título de la página </title>

Texto de párrafo

<h1> rótulos de texto </h1>

salto de página.

<img> presenta imágenes en un a pagina. No tiene etiqueta de cierre.

<img src="imagen.jgp"/>

destacar un texto (negrilla)

ver texto como subíndice

ver texto como superíndice

parámetro color rojo

<marquee> texto “</marquee>”, texto en movimiento.

<marquee bgcolor="#FFFFFF" width="50%" scrolldelay="100" scrollamount="5" direction="left" loop="infinite">Estás viendo un ejemplo.

</marquee>

align: alineación (top, middle, botton)

bgcolor: color de fondo del marco

height - width: alto - ancho

scrollamount: cantidad de píxeles que se desplazan el texto en cada movimiento. Por ejemplo: <marquee scrollamount=”3″> </marquee> significará que el texto que vaya dentro de esa etiqueta se moverá a razón de tres píxeles por movimiento.

loop: Este atributo nos determina si el movimiento se repetirá o no. Si queremos que el movimiento sólo se repita unas veces determinadas debemos indicárselo con un número, que será el número de veces que se repita. Si queremos que se repita sólo 10 veces, su loop será el siguiente: <marquee loop=”10″> </marquee>

Si queremos que se repita debemos usar “infinite” o “-1”. Si no especificamos nada, se repetirá constantemente.

direction: Sirve para definir la dirección del movimiento: “left” para la izquierda, “right” para la derecha, “top” para arriba y “down” para abajo.

behavior: Gracias a este atributo podemos dar nuevos efectos a la marquesina. Si no especificamos este atributo, el texto se moverá de forma circular en el sentido que le hayamos marcado. Con behavior=”scroll” conseguiremos el mismo efecto: el texto se moverá circularmente. Con behavior=”slide” haremos que el texto se detenga al llegar al final de la marquesina. Y con el behavior=”alternate” el texto irá y volverá de un lado a otro de la marquesina.

Estructura del código de una pagina en html:

<!DOCTYPE html>
   <head>
     <meta charset="utf-8">
     <title> Título de la página </title>
   </head>
   <body>
       <p>contenido de la página</p>
   </body>
</html>

<a href="http://archivo">aquí</a>.

Buscar este blog

Profe Javier Sainea

html

<img src="imagen.jgp"/>

Comentarios

Publicar un comentario

Entradas más populares de este blog

Tecnología

Informática