Bien, para empezar,lo primero decir que el html funciona por medio de etiquetas(corchetes angulares)"<>"y sin éstas no es posible la relizacion de nuestro proyecto.Una cosa que no se debe olvidar y la cual es muy importante es que al terminar nuestro documento de texto, éste debe guardarse como un documento html para que así podamos abrirlo con nuestro navegador web.Un ejemplo claro sería el famoso index.htmlde nuestro último proyecto que tenía como protagonista a la marca Renault.Dicho esto y dispuestos a abrir un nuevo documento de texto elprimer paso a realizar será agregar la etiqueta principal esta etiqueta se debe de cerrar como la mayoría de las etiquetas simplemente así (/)en este caso sería de este modo:Otras etiquetas fundamentales en la creación de nuestra página web son las etiquetas:y , cuerpo y encabezado respectivamente.Sin olvdarnos también de la etiqueta
cuerpo de la pagina y todo el contenido en sí de ésta
Visto lo fundamental para la creacion de nuestra página web veamos otros atributos.Para la alineación de párrafos utilizaremos las siguientes etiquetas
(p align="left")
(p align="center")
(p align="right")(/p)Como hemos visto estas etiquetas se cierran con: (p)(/p)
Si queremos que nuestro texto se vea aumentado utilizaremos la etiqueta (h?)sustituyendo la "?" por un numero.Un ejemplo seria el siguiente:
(h2)(p align="center")
(/h2)(/p)Hemos añadido a una de las anteriores etiquetas la nueva etiqueta ya conocida.
Para subrayar nuestro texto o tal vez para señalizarlo en negrita utilizaremos:(b)para mostrar el texto en negrita(/b)(u)para mostrar el texto subrayado(/u)
Para subíndices y superíndices utilizamos las etiquetas (sub),(sup),(/sub)(/sup),.Ejemplo:H(sub)2(/sub)Om(sup)2(/sup)
Para mostrar un color de fondo en la página y no sea el blanco por defecto que tieneutilizaremos la etiqueta:
Para indicar el tipo de letra con el que trabajamos el texto lo haremos con la etiqueta: (font face="Comic Sans"). Entre comillas el tipo de letra.
Enlaces en HTML
Para colocar un enlace, nos serviremos de las etiquetas (a) y (/a). Dentro de la etiqueta de apertura deberemos especificar asimismo el destino del enlace. Este destino será introducido bajo forma de atributo, el cual lleva por nombre href.
La sintaxis general de un enlace es por tanto de la forma:
(a href="destino")contenido(/a)
Siendo el contenido un texto o una imagen. Es la parte de la página que se colocará activa y donde deberemos pulsar para acceder al enlace.
Por su parte, destino será una página, un correo electrónico o un archivo.
En función del destino los enlaces son clásicamente agrupados del siguiente modo:
• Enlaces internos: los que se dirigen a otras partes dentro de la misma página.
• Enlaces locales: los que se dirigen a otras páginas del mismo sitio web.
• Enlaces remotos: los dirigidos hacia páginas de otros sitios web.
• Enlaces con direcciones de correo: para crear un mensaje de correo dirigido a una dirección.
Imágenes en HTML
nos limitaremos a explicar como insertar y alinear debidamente en nuestra página una imagen ya creada.
La etiqueta que utilizaremos para insertar una imagen es (img) (image). Esta etiqueta no posee su cierre correspondiente y en ella hemos de especificar obligatoriamente el paradero de nuestro archivo grafico mediante el atributo src (source).
La sintaxis queda entonces de la siguiente forma:
(img src="camino hacia el archivo")
Para expresar el camino, lo haremos de la misma forma que vimos para los enlaces. Las reglas siguen siendo las mismas, lo único que cambia es que, en lugar de una página destino, el destino es un archivo grafico.
*sustituir los parentesis por simbolos de mayor y menor, ya que el blog no soporta la escritura en html
