Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Logo

Aprende Web

Crea y diseña tus sitios en la Web.

Manual de HTML

HTML: lenguaje básico para crear páginas web


Y ahora tambien aprende a programar en C++ con Aprende Web C++

logo rss RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net





Sobre ésta página

Ültima modificación: 29-01-2016.

Visitas este mes: 289

Visitas el mes pasado: 381

logo
WEB-GRAFÍA

Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:

Desarrollo Web: manual de HTML
Desarrollo Web, por Rubén Álvarez
Cómo crear tu Web: curso de HTML
ComoCrearTuWeb, Por Georgens
Libros Web: introducción a XHTML
Libros web, por Javier Eguíluz Pérez
Curso de HTML: AulaFácil
www.aulafacil.com
Curso de html: Programación Web
www.programacionweb.net
WebEstilo: manual de html
www.webestilo.com
W3 schools; HTML Tutorial
www.w3schools.com
Tutorial html
Juan José López García
Universidad de Murcia
Introducción al lenguaje html
wikilearning

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.




1. El lenguaje HTML (I)

1.1 Etiquetas

html

Como funciona HTML

Como ya dijimos en la introducción HTML es el lenguaje que emplean los navegadores para visualizar las páginas web. En realidad en HTML se escribe el propio texto que aparecerá en la página acompañado de una serie de instrucciones sobre cómo queremos que aparezca el texto.

No todo el texto de la página es igual, ya que hay títulos, subtítulos, párrafos, enlaces... el texto puede además tomar distintos formatos; hay también imágenes, fondos de distintos colores, etc. Todo esto debe indicarse en HTML al escribir el texto.

Para ello el texto va enmarcado por unas etiquetas que van a determinar sus características, tal como veremos a continuación.


Lenguaje de etiquetas

Todo texto o instrucción que pongamos en la página lo haremos a través de un mecanismo llamado "etiquetas".

Las etiquetas dan las instrucciones necesarias para convertir cada texto en un título, un párrafo... o para colocar enlaces, imágenes, etc.

Para escribir una etiqueta haremos lo siguiente:

<etiqueta>Texto a insertar</etiqueta>

Donde hemos escrito "etiqueta" va una palabra clave escrita entre los signos < > que indica el tipo de texto o de acciòn que pretendemos conseguir. A las etiquetas también se les llama "tags".

Después de la etiqueta ponemos el texto a mostrar, y cuando este acaba insertamos otra etiqueta de cierre. Por lo tanto el texto queda encerrado entre dos etiquetas, la de apertura y la de cierre. La etiqueta de cierre es igual que la primera, pero con una barra inclinada al comienzo ( </tag> ).

Las etiquetas o "tags" son la base del lenguaje HTML; y su estructura básica es la que hemos indicado, es decir: hay una etiqueta de apertura y otra de cierre, y el texto o elemento afectado queda entre estas dos etiquetas.

<tag>Texto a mostrar</tag>

Veamos con más detalle la estructura de la etiqueta:

Si hemos insistido sobre este punto es porque las etiquetas o "tags" son la base del HTML.

Pero no todas las etiquetas funcionan así, hay algunas que no tienen etiqueta de cierre, esto es cuando dentro de la etiqueta no debe ponerse texto sino que dentro de la etiqueta se incluye un atributo que hace referencia a lo que esta debe hacer.

Veamos ahora qué es eso de los atributos:


Atributos.

Aunque HTML dispone de un variado número de etiquetas, (91 exactamente) estas no son suficientes para definir todos los aspectos que podemos darle a un texto. Para ello la etiqueta de apertura puede ir acompañada de otra palabra clave llamada atributo y este atributo a su vez puede tomar diferentes valores. las etiquetas de apertura pueden tener cero, uno, o varios atributos.

Por ejemplo, queremos definir un párrafo, pero lo queremos centrado. Para ello definiremos una etiqueta que indique que el texto es un párrafo, y un atributo que indique que queremos dar alineacion, con un valor que indicará el tipo de alineación. En este ejemplo la etiqueta quedará así:

<p align="center">Texto del párrafo</p>

En este texto p es la palabra clave de la etiqueta que indica el párrafo; align es el atributo que indica alineación y center es el valor del atributo que indica "centrado".

observa la sintaxis del atributo: una palabra clave, seguida por el signo igual ( = ) y su valor entre comillas ( "valor" ).

Los atributos van siempre en las etiquetas de apertura. Las etiquetas de cierre nunca llevan atributos.

La forma genérica de una etiqueta con atributos sería la siguiente:

<etiqueta atributo="valor" atributo="valor">texto o elemento afectado</etiqueta>

Algunas etiquetas deben llevar siempre un atributo específico, tal es el caso de los enlaces o las imágenes, cuyo atributo tiene como valor la ruta a la que apunta el enlace o donde está la imagen.


Donde escribir en HTML

Si el HTML es un lenguaje que se escribe, deberemos tener un programa para escribirlo. Un editor de textos simple nos bastará. Nos vale el bloc de notas de Windows para empezar.

Aunque hemos visto esto en la introducción, insistimos, al fin y al cabo el editor de textos es la principal herramienta de trabajo para crear una página.

logo html-kit

Nosotros recomendamos el editor HTML-Kit. Ya que es es uno de los más completos de los editores de texto gratuitos que podemos encontrar para la creación de páginas web.

En la sección de complementos encontrarás como descargar HTML-Kit (pulsa en este enlace o en la imagen del logo HTML-kit para ir a esta seccion) .

Si pensamos en editores de texto, no podemos usar programas como Microsoft-Word o Word-Pro que son para crear documentos de texto ya formateado, y que utilizamos para otras cosas. Tenemos también programas como Frontpage o Dreamweaver, éstos son programas pensados para crear páginas web. En ellos tienes la opción de usar el método "diseño", donde lo que escribes es lo que se verá en la página. El programa en este caso se encarga de generar las etiquetas necesarias. Aunque muchas veces no queda exactamente como queremos, y casi siempre necesita algunos retoques en el código.

Si Quieres usarlos para seguir este curso, debes ponerlos en modo "codigo" para poder escribir tú mismo las etiquetas. Pretender usar un programa de estos sin saber el funcionamiento básico de HTML, sería como, por ejemplo, usar una calculadora sin saber aritmética. Una vez que hayas adquirido un poco de experiencia puedes usarlos en modo "diseño", pero aún así siempre conviene revisar el código de la página.


Navegadores

Por último, tal como ya se dijo en la introducción, es conveniente tener instalados varios navegadores en tu ordenador, ya que no siempre el mismo código se ve igual en diferentes navegadores. En la sección Complementos/ Programas / Navegadores te expica cuales son los principales navegadores y dónde descargarlos. Conviene sobre todo tener instalado el navegador Mozilla-Firefox, el cual es el preferido por la mayoría de diseñadores de páginas, ya que tiene muchos complementos pensados para ayudar al diseñador.




Ahora que ya sabemos cómo se escriben las etiquetas, vamos a ver algunas de ellas, usadas para formar la estructura básica de la página Web, pero esto será ya en la siguiente página de este tema:

Estructura Básica de una Página



manual de HTML

Anterior siguiente ... Siguiente siguiente


imprimir esta página

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un manda un correo

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com