Page 1

Mini-manual con los elementos básicos de HTML <HTML> … </HTML> Delimita y engloba toda la página web, que consta de cabecera y cuerpo. <HEAD> … </HEAD> Delimita y engloba la cabecera de una página, que contiene un conjunto de informaciones que no se muestran en la ventana, entre ellas el título de la página, pero que pueden ayudar a los navegadores y a los buscadores para interpretar o a encontrar correctamente la página. <TITLE> … </TITLE> Dentro de la cabecera (HEAD), lo que se incluye aquí se muestra en la barra del título de la ventana del navegador.

código

<html> <head> <title>Primera pagina de Pepe</title> </head> <body> &Eacute;sta es la primera p&aacute;gina de Pepe </body> </html>

título

Primera pagina de Pepe

visualizació Ésta es la primera página de Pepe n

Autor: Paola Colina C.I. 27363354


Mini-manual con los elementos básicos de HTML

<body>: es el cuerpo de la página, donde va lo que se ve en el navegador al cargar una web. En el body van los textos, las imágenes y todos los contenidos de la web. </body>: fin del cuerpo de la página Dentro del cuerpo podemos utilizar Atributos como lo son: Color de fondo: bgcolor El primer parámetro que debes conocer es el del color de fondo, el “bgcolor”. A través de este parámetro podremos definir el color de fondo que queramos que tenga nuestra página. Un ejemplo muy simple es el siguiente: Si queremos que nuestra página quede con un fondo rojo deberemos escribir: <body bgcolor=”#FF0000″></body> Resutado:


Color de texto: text Una vez tenemos el fondo definido, tendremos que predefinir ahora el color del texto de nuestra web. Es decir, tendremos que decirle al navegador de qué color queremos que sea nuestro texto. Esto lo definiremos con el parámetro “text”. Como ejemplo vamos a poner que queremos que nuestro texto sea en negro, con lo que escribiremos lo siguiente: <body text= “#000000”></body>


Color de links: link, alink y vlink En body también podemos ( y de hecho debemos hacerlo) definir el color de los vínculos de nuestra páginas, definir el color con el que se mostraran los links. Aquí debemos diferenciar tres tipos de instrucciones: Debemos definir el color del link (con la etiqueta “link”), el color del link activo (con la etiqueta “alink”) y el color del link ya visitado (con la etiqueta “vlink”). Así pues, si queremos que nuestra página tenga un color de enlaces (de links) de color rojo y que esos enlaces sean rojos cuando estén activos y se queden en azul cuando estén inactivos deberemos escribir lo siguiente:

<body link= “#FF0000” alink= “#FF0000” vlink= “# 0000FF”></body>

paolacolina2000@gmail.com paolacolina2000@gmail.com


Definición de títulos o encabezados Hn Las etiquetas de títulos Hn, son etiquetas que nos sirven para definir los diferentes niveles de títulos que estructuran el contenido editorial de una página. En el universo HTML existen 6 niveles de encabezados hn: el H1 que es el más importante y el H6 que es el menos importante. ¿Para qué sirven las etiquetas Hn? Básicamente para proporcionar una información semántica y dar una estructura o jerarquía a los contenidos editoriales. Estos niveles de títulos son el rinconcito ideal para colocar tus términos clave y hacerlo de una forma natural.


Atributo size Define el tamaño de la letra. Este tamaño puede ser absoluto o relativo. Si hablamos en términos absolutos, existen 7 niveles de tamaño distintos numerados de 1 a 7 por orden creciente. Elegiremos por tanto un valor size="1" para la letra más pequeña o size="7" para la más grande. font size=4>Este texto es más grande</font>

<

Que se visualizaría así en una página web.


Atributo color El color del texto puede ser definido mediante el atributo color. Cada color es a su vez definido por un número hexadecimal que esta compuesto a su vez de tres partes. Cada una de estas partes representa la contribución del rojo, verde y azul al color en cuestión. Podéis entender cómo funciona esta numeración y cuáles son los colores que resultan más compatibles a partir de este artículo:Los colores y HTML. Por otra parte, es posible definir de una manera inmediata algunos de los colores más frecuentemente usados para los que se ha creado un nombre más memotécnico: <font color="red">Este texto está en rojo</font>


ATRIBUTO <IMG> Pues bien, <img> resulta ser una de esas etiquetas que aceptan este atributo aunque en este caso el funcionamiento resulta ser diferente. Para alinear una imagen horizontalmente podemos hacerlo de la misma forma que el texto, es decir, utilizando el atributo align dentro de una etiqueta <p> o <div>. En este caso, lo que incluiremos dentro de esa etiqueta serรก la imagen en lugar del texto: Este cรณdigo mostrarรก la imagen en el centro: <div align="center"><img src="logo.gif"></div>

Nota: El atributo align en las imรกgenes ha quedado obsoleto con el HTML5 y se debe usar CSS para implementar esos estilos. Sin embargo, ya hemos dicho que la etiqueta <img> puede aceptar el atributo align. En este caso, la utilidad que le damos difiere de la anterior. El hecho de utilizar el atributo align dentro de la etiqueta <img> nos permite, en el caso de darle los valores left o right, justificar la imagen del lado que deseamos a la vez que rellenamos con texto el lado opuesto. De esta forma embebemos nuestras imรกgenes dentro del texto de una manera sencilla.


<p> <img src="imagen.gif" align="right">Texto tan extenso como queramos que cubrirá la parte izquierda de la imagen. Sigo poniendo texto para que se vea el efecto, Bla bla bla bla bla bla bla... </p>

Quedaría así:

Estos valores adicionales del atributo align son: top Ajusta la imagen a la parte más alta de la línea. Esto quiere decir que, si hay una imagen más alta, ambas imágenes presentaran el borde superior a la misma altura. bottom Ajusta el bajo de la imagen al texto. middle Hace coincidir la base de la línea de texto con el medio vertical de la imagen.

MANUAL DE HTML  
MANUAL DE HTML  
Advertisement