1. ULEAM.
Sabando Conforme María Lisbeth.
Etiquetas
Básicas del
Código
HTML.
HTMLes el lenguaje en que se escriben los millones de
documentos que hoy existen en el World Wide Web.
2. Se basa en la sintaxis SGML (Standard
GeneralizedMarkupLanguage). Esto quiere decir que los
diferentes elementos (párrafos, encabezamientos, tablas, listas,...)
de un documento para la WWW se señalan intercalando etiquetas
que indican al navegador cómo debe mostrarlo.
Todas las páginas web tienen la siguiente estructura:
<html> Abre el documento HTML
<head> Abre el encabezado de la página.
<title>…</title> Titulo de la página.
</head> Cierra el encabezado.
El cuerpo; es lo queremos que
<body>… </body> muestre la página.
Cierra el documento HTML
</html>
Comandos básicos.
Formateo de texto:
Etiqueta. Descripción.
Indica un comienzo de párrafo. Tiene como
<p>…</p> opciones align="center" ,"left" o "rig
ht", para centrar o alinear a derecha o izquierda
el texto.
Se usan para dividir correctamente en secciones
<h1>...</h1> nuestra página, tal y como se hace en un
documento de texto normal. El mas importante
(grande) es <h1>, luego <h2> y así hasta <h7>.
<center></cente Permite centrar.
r>
3. <pre></pre> Representa el texto encerrado en ella con un tipo
de letra de paso fijo.
<pre>...</pre> Representa el texto encerrado en ella con un tipo
de letra de paso fijo.
<blockquote> Para dejar márgenes tanto a izquierda como a
</blockquote> derecha (sangrar).
Inserta una línea horizontal o separador. De ellos
pueden modificarse varios atributos:
<hr> size="num", "%"grosor de la barra
horizontal, en pixels o el porcentaje del ancho de
página.
width="num" anchura de la barra horizontal en
pixels.
align="..."alineamiento de la barra, puede
valer left, right o center .
Noshade elimina el aspecto tridimensional.
Cambiar el estilo de letra:
<b>...</b> Pone el texto en negrita.
<i>...</i> Representa el texto en
cursiva.
<u>...</u> Para subrayar algo.
<s>...</s> Para tachar.
<tt>...</tt> Permite representar el
texto en un tipo de letra de
paso fijo.
<sup>...</sup> Letra superíndice.
<sub>...</sub> Letra subíndice.
Con el parámetro color
<font color="red">rojo</font> permite cambiar de color
el texto (black, green,
purple, blue…)
4. <font size="2">Tamaño2</font> Cambia de tamaño, con
valores del 1 al 7.
<fontface="Arial">…</font> Con face podemos especificar
el tipo de letra.
Elementos gráficos.
<imgsrc="name"> Incorpora una imagen
Determina el contorno de
<imgsrc="name"border=?> la imagen. Un valor 0 no
tendrá contorno
<map></map> Mapa de imágenes.
<body background="URL o ruta Coloca la imagen como
de archivo"></body> fondo de la página.
Tamaño de una línea
<hrsize=?>
horizontal
Ancho de línea horizontal,
<hrwidth=?> ya sea porcentaje o valor
absoluto.
Línea horizontal sin
<hrnoshade>
sombra
Crear tablas:
<table></table> Crea tabla
tr></tr> Crea filas en una tabla
<td></td> Crea celda en una fila
Encabezado de tabla, texto normal, negrita y
<th></th> centrado
5. Formas:
Forma
<form></form>
<select Menúdesplegable
name="name"></select>
<option> Opción del menú
desplegable
<textareaname="name" Crea una caja de texto,
cols=40 columnas es el ancho y las
rows=8></textarea> líneas la altura (cols y
rows)
<input
type="checkbox" Crea un checkbox.
name="name">
<input type="radio"
name="name" Creabotón de radio.
value="x">
<input Crea una opción de texto
type=textname="name" para entrada de
size=20> información o despliegue
<input type="submit" Crea botón de envío de
value="name"> forma tipo submit
<input type="image"
border=0 name="name" Crea botón de envío con
src="name.gif"> imagen