Guía Básica de HTML 1/2 (Por Israel Ramos)

Gua de HTML :v
Las pginas web son documentos que se relacionan con otros

documentos de manera hipertextual, o sea, a travs de pginas, por
medio de las ligas, enlaces o links (con clics :v)
Un sitio web est formado por un o varias pginas web relacionadas

entre s con enlaces, ligas o links, como ya mencion >:v.
HTML est basad en ordenes llamadas etiquetas o tags, como esta;

<Hola :v>
Al empezar a hacer una pgina web oficial, la pgina de inicio o la
pgina principal debe llamarse index.html, pues es el punto de
partida de una serie de pginas vinculadas entre si.
La web Utiliza el lenguaje HTML, que significa Hyper Text Markup

Lenguaje, o Lenguaje de Marcacin de Hiper Texto, en espaol. Dicho
lenguaje indica al navegador de internet la forma de representar el
texto y los grficos que la pgina web puede contener.
Las etiquetas o tags determinan el inicio y/o finalizacin de un efecto
dentro de la pgina web, al igual que el inicio y fin de la pgina web.
Un documento HTML consta tambin de texto que define el contenido,
usando las ya mencionadas etiquetas.
Una etiqueta es una instruccin que define la forma de representar
dicho contenido de la pgina web. Una etiqueta es como esta :
<Hola :v x2>
En resumen, HTML es la programacin que estructura una pgina

web.
A continuacin, la estructura bsica de un documento HTML, TODAS
LAS PGINAS AL MENOS TIENEN ESTA ESTRUCTURA
(por cierto, no copies y pegues las etiquetas de este documento,
porque Word tiene cdigo oculto que puede hacer que se manche la
instruccin y no funcione en el block de notas. Te dejar las etiquetas
en un block de notas en cada ejemplo e.e, o si no, escribelas tal y
como estn aqu, no s si a estas alturas te incluya el block de

notas :,v)
Antes, mencionar las partes de una etiqueta:
Una etiqueta empieza con esta cosa < y termina con este signo>,
ejemplo: <hola>
Y una etiqueta se cierra as, con una diagonal </hola>.
Estructura bsica de un documento HTML:

<HTML>
<head> <title> Aqu va el ttulo de la pgina </title> </head>
<body>
Aqu va el contenido de la pgina web, ya sean el texto de la pgina o
etiquetas.
</body>
</HTML>
HTML es el lenguaje universal utilizando para crear pginas web

NOTA:
En HTML, hay etiquetas abiertas que no necesitan cerrarse (no
necesitan cerrarse con diagonales </>)
Etiquetas:
Etiquetas para formato

 
Explicacin :v
Hace espacios forzados en los
textos, puesto que si quieres
hacer un gran espaciado con
solo los espacios de la compu,
en el documento HTML no se
vern los espacios, slo uno.
Pon la etiqueta las veces que
sea necesario, dependiendo de
los espacios que quieras en el
texto.
Agrupa por prrafos el texto y
deja espacios entre prrafos.
La etiqueta prrafo (la de
arriba) tiene propiedades,
puedes hacer que se alinee el
 

 
 
 
<center> </center>
<blockquote> </blockquote>
prrafo al centro, derecha o

izquierda, agregndole lo que
est en rojo subrayado a la
etiqueta prrafo normal.
Align=center alinea el prrafo
al centro.
Align=left alinea el prrafo a la
izquierda.
Align=right alinea el prrafo a
la derecha.
Align=justify justifica el
prrafo.
La propiedad align (alineacin)
no slo se usa para el prrafo,
se puede usar para texto que
no necesariamente est en un
prrafo, se ver ms
adelante :v ;).
Centra artculos, textos o lo
que quieras en una pgina.
Crea una sangra en el prrafo
o texto, si pones esta etiqueta
dentro de una igual, aumenta
la sangra, por ejemplo
<blockquote>
<blockquote>
textotexto textotexto
</blockquote>
</blockquote>
En HTML la sangra se ver
grande :v.
Etiquetas para texto:

Estas etiquetas las pones entre el texto que quieras para cambiar la
fuente de este.
Si lo quieres poner en todo el texto, lo pones entre todo el texto o
dentro de la etiqueta 
si son prrafos, o la etiqueta que se explicar ms adelante.
Etiquetas de texto
 
 
 
 
 
Explicacin :v
B de Bold. En espaol es
negritas y pone el texto en
negritas.
I de itlica. Pone el texto en
cursivas o itlica xpp.
U de Underline, subraya el
texto.
Coloca superndices, como las
potencias en los nmeros y as.
Ejemplo:
2^4,
aparecera el 2 con un 4
pequeo arriba :v.
Dentro de esta etiqueta slo se
pone lo que se quiera poner
arriba. En este caso slo ira el 4
dentro de esta etiqueta.
2 4 
Coloca subndices. Es parecido a
la anterior etiqueta, slo que
esta coloca nmeros o letras
pequeos abajo, digamos que es
lo opuesto.
 Pone las cosas
arriba y
 Pone las cosas
abajo.
Etiqueta de Font;
Font da formato. Permite poner atributos, como align para alinear,
face para fuente, size para el tamao o color para color.
Font puede usar todos estos atributos o slo los que se requieran,
dependiendo tus necesidades. Puedes poner los atributos en
cualquier orden, primero el color o nicamente color, slo face para la
fuente y as, dependiendo de lo que necesites. Aqu unos ejemplos:



 
 

 
Nota:
Hay veces en las que quieres poner una fuente y la pgina no lee
dicha fuente, en ese caso puedes poner una fuente alternativa, esto
significa qu si no se tiene una fuente, usar otra, ejemplo:
 
Si no se tiene arial, usar la calibri, se usa una coma para separar
dichas fuentes.
Listas o vietas:
Etiquetas que sirven para hacer listas, tambin llamadas vietas.
Sirven para hacer listas y esas weas :vvvv. Hay dos tipos de Listas,
ordenadas y desordenadas
Desordenadas:
Estas listas ordenan por medio de figuras, siendo cuadrados, crculos
y discos.
Etiquetas de listas desordenadas
<UL type=square>
<Li> para cada cosa para
enlistar
</UL>
Explicacin
Sirve para enlistar con forma de
cuadrados.
En cada <Li> debe ir cada cosa
que quieras enlistar, por
ejemplo:
<UL type=square>
Comida:
<Li> Papas
<LI> Sopa
</UL>
Y aparecer as:
Comida:
Papas
Sopa
<UL type=circle>
enlistar
</UL>
<UL type=disc>
enlistar
</UL>

crculos.
ejemplo:
<UL type=circle>
Comida:
<Li> Papas
<LI> Sopa
</UL>
Y aparecer as:
Comida:
Papas
Sopa
disco, aunque no parezca, as
son las cosas ;:v.
ejemplo:
<UL type=disc>
Comida:
<Li> Papas
<LI> Sopa
</UL>
Y aparecer as:
Comida:
Papas
Sopa
Ordenadas:
Estas listas pueden enlistar con nmeros arbigos, nmeros romanos
y letras maysculas y minsculas
Etiqueta de listas ordenadas
<OL type=1>
Explicacin
Crea listas con nmeros arbigos

enlistar
</OL>
<OL type=A>
enlistar
</OL>
<OL type=A>
enlistar
</OL>
<OL type=I>
enlistar
</OL>
<OL type=i>
enlistar
</OL>
En cada <Li> debe ir cada cosa que

quieras enlistar, por ejemplo:
<OL type=1>
Comida:
<Li> Papas
<LI> Sopa
</OL>
Y aparecer as:
Comida:
1 Papas
2 Sopa
Crea listas con letras, maysculas o
minsculas en orden alfabtico,
depende de cmo pongas la letra a,
las letras sern maysculas o
minsculas :v.
<OL type=A>
<OL
type=a>
Comida:
Comida:
<Li> Papas
<Li>
Papas
<LI> Sopa
<LI>
Sopa
</OL>
</OL>
Y aparecer as:
o
as
Comida:
Comida:
A Papas
a Papas
B Sopa
b Sopa
Crea listas con nmeros Romanos, al
igual que la lista anterior, los nmeros
sern con letras maysculas o
minsculas, dependiendo de cmo
pongas la letra i, en mayscula o en
minscula.
<OL type=I>
<OL
type=I>
Comida:
Comida:
<Li> Papas
<Li>
Papas
<LI> Sopa
<LI>
Sopa
</OL>
Y aparecer as:
o
Comida:
I Papas
i Papas
II Sopa
ii Sopa
</OL>
as
Comida:
Otras listas:
Hay ms tipos de listas, como las listas de definicin o las de men.
Listas de definicin
Estas sirven para hacer definiciones de conceptos, y se veran as:
Computacin
Rama de la informtica que estudia el proceso y uso de las
herramientas de una computadora.
O las listas de men, que simplemente son ms estrechas, ocupando
menos espacio, siendo iguales a las listas ordenadas, solamente que
usan un punto para enlistar las cosas.
Etiquetas de otras vietas o
listas
<DL>
<DT> Cosa a definir
<DD> Definicin
<Menu>
enlistar
</Menu>
Explicacin
Es la etiqueta para una lista de
definicin. Al lado de la etiqueta
<DT> debe ir lo que se quiere
definir y al lado de la etiqueta
<DD>
La definicin de eso que
queramos definir.
Ejemplo:
<DL>
<DT> Computacin
<DD> Rama de la informtica
que estudia el proceso y uso de
las herramientas de una
computadora.
Y se ver as:
Computacin
Rama de la informtica que
estudia el proceso y uso de las
herramientas de una
computadora.
Crea listas compactas apreciadas
en una pgina web, aunque es
muy poco.
Ejemplo:
<Menu>
Compras
<Li> Leche 7u7
<Li>galletas
</Menu>
Y se vers as:
Compras:
-Leche 7u7
-Galletas

Guía Básica de HTML 1/2 (Por Israel Ramos)

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Guía Básica de HTML 1/2 (Por Israel Ramos)

Uploaded by

Copyright:

Available Formats

Gua de HTML :v

Las pginas web son documentos que se relacionan con otros

Un sitio web est formado por un o varias pginas web relacionadas

HTML est basad en ordenes llamadas etiquetas o tags, como esta;

La web Utiliza el lenguaje HTML, que significa Hyper Text Markup

En resumen, HTML es la programacin que estructura una pgina

como estn aqu, no s si a estas alturas te incluya el block de

Estructura bsica de un documento HTML:

HTML es el lenguaje universal utilizando para crear pginas web

<p align =center> </p>

prrafo al centro, derecha o

Etiquetas para texto:

si son prrafos, o la etiqueta <Font> que se explicar ms adelante.

<Font align=center color=blue face=arial size=11>

<Font align=center color=blue > </Font>

Etiquetas de listas desordenadas

Sirve para enlistar con forma de

<Li> para cada cosa para

En cada <Li> debe ir cada cosa que

You might also like