Introducción HTML 2

Para hacer una lista en código HTML.

Las se define de forma muy sencilla: se dice dónde empieza la lista, dónde empieza cada punto y dónde acaba las lista. Las etiquetas que se utilicen en cada caso debe aparecer al principio de la línea o al menos sin texto por delante (Sólo espacios o tabulaciones). Podemos recurrir a tres tipos distintos de lista, cada una con presentación diferentes, no numeradas, numeradas y listas de definiciones (glosarios). Las listas se pueden anidar, es decir, en el lugar donde debería ir uno de los términos de las lista se pone una nueva lista, que por supuesto no tiene porqué ser del mismo tipo. Esto es una lista no numerada.

el Código sería de la siguiente manera.

(Por cuestión de que el Blog admite estos códigos no colocare las <> solamente el código que va dentro)

ul

li tomates

li Zanahoria

li Perros

/ul

Para hacer una lista con código:

ol

li Miguel

li Pedro

li Juan

/ol

Como agregar una línea:

La directiva <> sitúa el documento una línea horizontal de separación.

En este documento, por ejemplo, se han utilizado líneas horizontales para separar las diferentes secciones: hr

Como hacer comentarios dentro de mi código HTML.

Para hacer un comentario en un documento HTML es decir, una aclaración que no aparece en la presentación final del documento, se encierra el texto que formará el comentario entre los símbolos

Que es URL?

URL (Uniform Resource Locator, es decir Localizador Uniforme de Recurso) Un URL está formado de la siguiente manera: esquema://maquina/ruta (en realidad, como se verá dentro de un documento, la barra / puede considerarse para de la ruta).

h t t p : / / www.uqi.edu.mx

Enlace

Con lo que ya hacemos dicho, podemos abordar sin problemas el asunto que originalmente nos ocupaba como se introduce enlaces en un documento HTML. Para definir un enlace es necesario marcar la directiva <> el objeto del cual va a partir dicho enlace. Dicha directiva debe de incluir el parámetro href="URL" para especificar el destino del enlace. Es decir que antes del objeto elegido debemos abrir con < href="URL"> y después cerrar < / a > Por ejemplo si queremos que el texto pulse aquí para visitar la UQI nos conduzca al sitio de la Universidad, debemos escribir en nuestro texto HTML.

< href="http://www.uqi.edu.mx/">aqui < / a >

Gráficos IMAGENES

para incluir un gráfico en un documento HTML se utiliza la directiva <>

En dicha directiva debe incluirse un parámetro src="URL" con el cual indicamos dónde está el fichero con el gráfico concreto que queremos para nuestro documento.

< src="imagenes/foto.jpg">

Introducción al HTML

Qué es HTML?

HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que conducen a otros documentos o fuentes 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 de texto normal, enumeraciones, definiciones, citas, etc) así como los diferentes efectos que se quieren dar (especificar los lugares del documento donde se debe poner cursiva, negrita, o un gráfico determinado) y dejar que luego la presentación final de dicho hipertexto se realice por un programa especializad.

Cómo Especificar Efecto de Texto?

La mayoría de los efectos se especifican de la misma forma: rodeando el texto que se quiere marcar entre dos etiquetas o directivas (tags, en inglés), que definen el efecto o unidad lógica que se desea. Las etiquetas están formadas por determinados códigos metidos entre los signos <>, y con la barra / cuando se trata de la segunda etiqueta de un efecto (la de cierre). Por ejemplo: para abrir y para cerrar. Ciertas directivas sólo se ponen una vez en el lugar del texto donde queramos que aparezca el efecto concreto. Esto es lo que ocurre, por ejemplo, cuando queremos poner un gráfico, caso en el que se usa algo parecido a (más adelante ya veremos la directiva concreta que se utiliza).

A veces es necesario ofrecer datos adicionales en una directiva. Por ejemplo, cuando se define un hiperenlace hay que especificar su destino. Para ello se incluyen parámetros en la directiva inicial (la de apertura), de la siguiente forma: . La directiva de cierre, caso de ser necesaria, queda como antes: .

Estructura Básica del HTML

Un documento HTML comienza con la etiqueta <> , y termina con < / html >. Dentro del documento (entre las etiquetas de principio y fin de html), hay dos zonas bien diferenciadas: elencabezamiento, se delimitado por <> y < / head >, que sirve para definir diversos valores válidos en todo el documento; y el cuerpo, delimitado por <> y < / body >, donde reside la información del documento.

La única utilidad del encabezamiento en la que nos detendremos es la directiva <>, que permite especificar el título de un documento HTML. Este título no forma parte del documento en sí: no aparece, por ejemplo, al principio del documento una vez que este se presenta con un programa adecuado, sino que suele servir como título de la ventana del programa que nos la muestra. Por ejemplo, en el encabezamiento de este manual se ha especificado:

<>Manual práctico de HTML <  / title >

El cuerpo de un documento HTML contiene el texto que, con la presentación y los efectos que se decidan, se presentará ante el hiperlector. Dentro del cuerpo son aplicables todos los efectos que se van a mencionar en el resto de esta guía. Dichos efectos se especifican exclusivamente a través de directivas.

En resumen, la estructura básica de un documento HTML queda de la forma siguiente:

<>
 <>
 <>  Título <  / title >
 < / head >
 <>
 Texto del documento, menciones a gráficos, enlaces, etc.
 <  / body  >
 <  / html  >

Estilo y Efecto Básicos.

Como ya hemos dicho, la estructura lógica del texto y los diferentes efectos que se le apliquen se especifican mediante directivas. En este punto vamos a repasar algunas de las más importantes. En cada uno de los casos que veremos, primero se presenta el texto original HTML, es decir, lo que nosotros editamos, con las directivas situadas en los lugares adecuados; y después se presenta el efecto que dicho texto fuente produce una vez que se interpreta y se representa con el programa adecuado.

Titulos

Mediante los títulos, en sus diferentes niveles de importancia, podemos definir el esqueleto del documento, su estructura básica.

<>Mucha importancia< / h1 >

Mucha importancia

<>Menos importancia< / h2 >

Menos importancia

<>Mucha menos importancia< / h3 >

Mucha menos importancia

ATRIBUTOS DEL TEXTO

Mediante estos atributos determinamos el estilo y el tipo de letra que tendrá la presentación del documento final.

El primero en el que nos deberíamos detener es el texto normal entendiendo como tal el que no tiene ninguna característica especial. Para definir un párrafo como normal no es necesario poner ninguna etiqueta. Lo único que hay que tener en cuenta, como ya se ha dicho antes, es que al presentar el documento se hace caso omiso de los espacios, tabulaciones, que se encuentren en el texto fuente. Por ello cuando se quiera forzar un final de línea es necesario utilizar dos directivas especiales: <> < / P > para marcar un fin de párrafo, y <> para un único retorno de carro. La diferencia entre ambas es que la separación de líneas que provoca <> es algo mayor que la de <>, para que los párrafos se distingan bien entre sí. Las dos directivas mencionadas se sitúan en el punto en que queremos poner la separación. Por ejemplo:

Este será un texto normal (párrafo 1, línea 1).<>
 El primer párrafo estará formado por 2 líneas (párrafo 1, línea 2).<>
 Este ya es el segundo párrafo (párrafo 2, línea 1).<>