[Guía] HTML básico

Ir abajo

Sonrisa [Guía] HTML básico

Mensaje por Ractor! el Sáb Ene 29, 2011 1:40 pm

Parte 1 :

Esta guia esta destinada para los novatos que no tienen idea de lo que es html. La guia se separar en partes.

Requisitos del sistema : Solo poseer un editor de texto , que puede ser el Block de notas.


¿Que es Html?

Segun wikipedia.


HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto),
es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y
el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes.
HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>).
HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML

Sin mas practica teorica empesemos :



Abrimos el block de notas:

A-Inicio ---> Todos los programas ---> Accesorios ---> Block de notas.
B-Inicio ---> Ejecutar ---> Tipeamos notepad.exe y Aceptar.


Aclaracion : Primero escribire un codigo y depues lo explicare paso por paso.(Es normal que no entiendan nada del codigo). copien y peguen el codigo en el block de notas. Todos las paginas que creemos se guardan de la siguiente manera:
Archivo ---> Guardar como... ---> Tipo : todos los rchivos , codificacion : ANSI , nombre : mi primer pagina.html ---> y lo guardan en el directorio que deseen.

Codigo:
Código:
<html>
<head>
<title>Mi primer trabajo html</title>
</head>
<body>
<h1>Mi primera pagina</h1>
</body>
</html>

cualquier cosa que querramos hacer en html va encerrada entre dos etiquetas , algunas veces se cierran y otras no .

¿Que son las etiquetas?

La mejor manera de contestar esta pregunta es con un ejemplo :

Codigo:

Código:
<etiqueta></etiqueta>

Codigo:

Código:
<html> ---> Indica el inicio del lenguaje encerrados en las siglas del mismo donde <html> es la etiqueta.

</html> ---> Indica el final de nuestra pagina . Cuando cerras una etiqueta en html tenes que poner primero la / (barra)

Html se divide en Cuerpo y Cabeceras. En el cuerpo estara la pagina en si , es decir , los mensajes, tablas y demas cosas que querramos hacer.

Código:

Código:
<head> ---> Indica el incio de las cabeseras

    <title> ---> Indica el incio de la etiqueta mas impredesible dentro de la cabesera El titulo de la pagina.
  </title> --->  Indica el cierre del titulo anteponiendo primero la / (barra).

<head> --->  Indica el cierre de la cabesera anteponiendo primero la / (barra).

Codigo:

Código:
<body> ---> Indica el incio del cuerpo de la pagina , dentro de estas etiquetas tendremos que poner la pagina en si. Es decir , lo que querramos que aparesca en nuestra pagina ya sean tablas o textos , etc.

</body> ---> Indica el cierre del cuerpo de la pagina.

Codigo:


Código:
<
<h1> Es utilizado para escribir el encabesado de nuestra pagina. Hay seis tipos de encabesado <h1><h2><h3><h4><h5><h6> , cada uno con sus respectivos tamaños , dodne <h1> es el encabesado mas grande.

</h1> Indica el cierre de nuestro encabesado.

Creditos: Jesuita

Saludos Ractor!
avatar
Ractor!
Administrador
Administrador

Mensajes Mensajes : 725
Registrado Registrado : 12/08/2010
Edad Edad : 25
Localización : Argentina, Tucuman

Ver perfil de usuario http://big-gaming.el-foro.net

Volver arriba Ir abajo

Sonrisa Re: [Guía] HTML básico

Mensaje por fullUser el Sáb Oct 01, 2011 3:27 am

BUENA GUIA GRACIAS!


[center]soy Bostero 100%


avatar
fullUser
Moderador
Moderador

Mensajes Mensajes : 90
Registrado Registrado : 30/09/2011

Ver perfil de usuario

Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.