Etiquetas El código que se maneja en Internet debe llevar una etiqueta de apertura y una de cierre en la mayoría de los casos, las etiquetas deben ir tal como se presentan aqui, la etiqueta de apertura es la primera, la segunda, que lleva una diagonal, es la de cierre de comando.
<HTML> </HTML>
Esta etiqueta indica que se trata de un documento de Internet, cualquier documento WEB debe llevarla
<HEAD> </HEAD>
Esta sección va hasta arriba, inmediatamente despues de la etiqueta HTML. Los comandos contenidos en esta seccion del documento no serán visualizados por el usuario, a excepción del título, que aparecerá en la barra de Título, como en este mismo documento.
<TITLE> </TITLE>
Esta etiqueta es el titulo de nuestro documento, el texto que coloquemos entre estas etiquetas sera el que aparezca en la barra de titulo, observa el titulo de esta pagina en la barra de titulo de tu navegador, Leccion 1 - El centro de computo - La Plaza Virtual, en el caso de esta pagina, este es el texto que ha sido colocado entre estas etiquetas
<META>
Las etiquetas META, solo sirven para tener control sobre el contenido que los robots o motores de búsqueda recopilan, en esta categoría se encuentran muchas subcategorías, estas serán descritas al final, las etiquetas META siempre van ubicadas en HEAD y no llevan tiqueta de cierre.
<BODY> </BODY>
La etiqueta BODY es donde va contenido el total de la información que el usuario podrá visualizar es en esta seccion que nosotros colocaremos todo el texto y los comandos para darle el formato que sea necesario.
Body:
<body link="color">color del vinculo
<body vlink="color">Color para los enlaces visitados
<body alink="color">Color del vinculo activo
<body text="color">Color del texto
<body bgcolor="color">Cambia el color de fondo
<body background="URL Imagen">Cambia la imagen del fondo
URL imagen= ubicacion de la imagen que quieres usar como fondo
Fuentes:
<font>La letra que se usara por default, regularmente es el segundo dato que se incluye despues de body</font>
<font face="Verdana">Cambia el tipo de letra</font>
<font color="blue">Cambia el color de la letra en esta seccion</font>
<font size="2">Esta etiqueta determina el tamaño de la letra, 1 es mas pequeña 3 es más grande, valores básicos 1 al 7</font>
Formato al documento:
<pre>Escribe el texto preformateado</pre>
<hl>Crea la línea más larga</hl>
<i>Escribe el texto en italicas (inclinadas)</i>
<u>Escribe el texto subrayado</u>
<h1>Crea un titulo</h1> valores de H1 maximo a H6 el más pequeño
<b>Escribe el texto en negritas</b>
<small>Reduce el texto de tamaño</small>
<strong>Enfatiza el texto, italkicas o negritas</strong>
<tt>Creates teletype, or typewriter-style text</tt>
<em>Enfatiza el texto en italicas o negritas</em>
Tablas:
<table>Crea una tabla</table>
<tr>Indica el comienzo de una línea de celdas dentro de la tabla </tr>
<td>Indica las celdas</td>
<th>Una celda de titulo, el texto dentro de ella será en negritas</th>
<table border=>Indica el espacio de borde de la tabla, el ancho de la linea, si se omite el atributo BORDER, la tabla no tendra ninguna linea marcada, aunque se pueda apreciar que todo esta ordenado.
<table cellspacing=>Indica el espacio entre celdas
<table cellpadding=>Indica el espacio que debe haber entre los bordes de la celda y su contenido
<table width= or %>Indica el ancho de la tabla por numero de pixeles o porcentaje
<tr align=> o <td align=?>Indica la alineacion del texto por celda (izquiera, centro, o derecha)
<tr valign=> o <td valign=?>Indica la alineacion del texto en sentido vertical TOP , MIDDLE ,o BOTTOM(Arriba, mitad, o abajo)
<td colspan=>Sets number of columns a cell should span
<td rowspan=>Sets number of rows a cell should span (default=1)
Imagen:
<img src="name">Agrega una imagen
<img src="name" align=>Alinea la imagen: left(izquierda), right (derecha), center (centro); bottom (hasta abajo), top (hasta arriba), middle (a la mitad vertical)
<img src="name" border=>Indica el tamaño del borde alrededor de la imagen, si este valor es ubicado a 0, la linea de borde desaparece.
Lineas horizontales
<hr>Inserta una linea horizontal
<hr size=>Cambia el ancho de la linea
<hr width=>Cambia el largo de la linea, ya sea absoluto o porcentaje
<hr noshade>Dibuja una linea horizontal sin sombra
Etiquetas de enlace:
<a href="URL">Crea un hipervínculo </a>
<a href="mailto:email@address.com">Crea un vínculo a enviar correo</a>
<a name="link">Crea un acceso a indice dentro de un documento</a>
<a href="#link">Enlaza desde cualquier parte del documento al vinculo indicado con el mismo nombre </a>
