Manual html
Este lenguage es muy facil de aprender, lo primero que hay que remarcar seria:
HTML: Lenguaje para marcado de hipertexto [ya traducido]
Donde lo vamos a ejecutar???: pues para empesar este lenguage no nesesita de compilador, lo unico que hay que hacer es abrir el bloc de notas [notepad.exe] y ahi es donde vamos a ingresar todo el codigo.
Como lo vamos a guardar???: es muy sencillo lo unico que vamos a hacer es dirigirnos a la pestaña de Archivo se despliega el menu y ahi le damos en guardar como... y lo guardamos con el nombre que quieras pero con una extencion .html.
Estructura de una etiqueta
Cada etiqueta comiensa por un signo de menor que [<] y termina con un signo de mayor que [>], con esto estamos declarando que empiesa la funcion de Una etiqueta y para terminar la funcion de la etiqueta basta con poner una diagonal despues del signo de menor que [<] osea que masomenos quedaria algo asi:
<abreetiqueta>aplicacion de la etiqueta</cierraetiqueta>
Nota: no todas las etiquetas tendran que cerrarse.
Enseguida explicare la funcion de la mayoria de las etiquetas en HTML.
Etiquetas
<html>Todo el documento</html>: Esta etiqueta sirve para explicar que se trata de un documento de html o tiene contenido html comunmente esta etiqueta va al principio y se cierra al final de el documento.
<head>...&/head>: Aqui pondras todos los encabezados del documento, alguno de ellos son:
<title>titulo del documento</title>: le asignas un nombre al la ventana por ejemplo fijate en la berra de hasta arriva de tu navegador ahi es donde va la funcion del title le vas a poner un nombre.
<meta http-Equiv="description" Content="aqui la descripcion de tu web"> : Esta etiqueta sirve para que tu web aparesca el los buscadores en esta web tengo un creador de estas etiquetas por que me faltan mas por descrivir. Esta es una de esas etiquetas que no se cierran. Entra por aqui para crear tus meta tags
Nota: hasta aqui cerrariamos el head.
<body atributo1="..." y mas atributos>todo el documento<body>: esta etiqueta al igual que la de html se cerrara antes de cerrar la de html osea igualñ ira enserrando todo el documento, esta etiqueta contiene el cuerpo del documento es por eso mismo que se cierra hasta el final.
[Te preguntaras que es eso de atributo1="..." pues son algunas funciones a esa etiqueta que tu le daras a tu gusto]
alguno de esos atributos son:
bgcolor="...": este atributo sirve para darle de color de fondo al documento, algunnos colores son: Amarillo: FFFF00
Negro: 000000
Rojo: FF0000
Verde: 00FF00
Azul: 0000FF
Blanco: FFFFFF
Gris: 888888 ...y muchos mas
background="src=ubicacion/imagen.gif": Con este atributo pondremos una imagen de fondo en la pagina, especificando la direccion de la imagen por ejemplo:
background="carpeta/imagen/fondo.jpg"
Nota: la extencion puede cambiar puede ser .gif o .jpg
bgproperties="fixed": fija la imagen de fondo para que no se desplace
link: especifica el color de todas las direcciones en el documento
alink: Especifica el color de las direcciones al darle el clic.
vlink: especifica el color de las direcciones ya visitadas
text: especifica el color del texto en la pagina
Textos
<basefont atributo1="..." ...>: fija la forma de escritura de la pagina, esta tampoco se sierra pues especifica como va a ser la fuente el tamaño y el color de la pagina.
Los atributos de la etiqueta son:
color="...": espesifica el color del texto en el documento
size="...": especifica el tamaño del texto de la web los valores son desde el 1 hasta el 7 donde el 3 es el que biene por defecto, tambien permite tamaños relatibos por ejemplo size="+2".
name="...": especifica el tipo de fuente [tipo de letra] de todo el texto en la web<h...>texto</h...>: el texto encerrado en esta etiqueta se convierte en un encabezado, los valores que pueden ir alado de la h es desde el 1 hasta el 6 donde 1 es la opcion de letra mas grande y el 6 la mas chica
<b>texto</b>: el texto enserrado aparecera en negrillas
<big>texto</big>: el texto encerrado es aumentado de tamaño
<blink>textos</blink>: el textos encerrado es parpadeante
<blockquote>...</blockquote>: encierra un enfacis [osease que se crea un espacio de lado derecho y de lado izquierdo de la pagina je =P]
<br>crea un fin del renglon y se pasa al siguiente
<center>texto tabla lo que sea</center>: centra todo lo que este encerrado en el center[tablas, imagenes, etc etc...]
<code>texto</code>: encierra un codigo de ejemplo, el texto sera mostrado con letras mas pequeñas
<dfn>textos</dfn>:Encierra una definicion
<font atributo1=".." ...>texto</font>: El texto enserrado entre esta etiqueta sera cambiado dependiendo de los atrinutos que le pongas, los atributos son:
size="2": fija el tamaño del texto del 1 al 7 donde el 1 es el valor mas grande
color="...": especifica el color del texto
face="...": especifica el tipo de letra se puede crear una lista separando las fuentes por comas [arial, verdana, etc...]<hr atributo1="..." ...>: coloca una linea orizontal, los atributos son:
size="...": especifica el grosor de la linea
color="...": da color a la linea
width="...": fija el ancho de la linea, puedes utilizar % por ejemplo width="80%"<em>texto</em>: el texto enserrado se muestra en cursivas
<div align="...">texto</div>: espesifica el alineamiento de todo objeto en ella los valores del align son:
center: centra el contenido del div
left: el objeto es alineado a la izquierda
right: el contenido se muestra a la derecha<p align="...">texto</p>: el texto en el se convierte |