Manual Basico Html
Páginas: 7 (1521 palabras)
Publicado: 26 de julio de 2012
MANUAL BASICO DE HTML
Que es?
HTML es el lenguaje que se emplea para el desarrollo de páginas de internet.
Este lenguaje está constituido de elementos que el navegador interpreta y las despliega en la pantalla de acuerdo a su objetivo.
Estructura Básica
<html>
<head>
</head>
<body>Cuerpo de la página.
</body>
</html>
CABECERA
<head> </head>
TITULOS
Para realizar títulos contamos con los elementos:
<h1> </h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>
CUERPO
body: delimita el cuerpode la página que contiene el código necesario para formatear el documento y mostrar el contenido de la misma. Dentro del body irán incluidas:
* background: imagen de fondo para la página Web. Mediante la utilización de un CSS podemos indicar si queremos que nuestra imagen se repita (background-repeat) o no (background-no repeat).
* bgcolor: color de fondo de la página Web. De manerahabitual se utilizan los colores seguros web con valores hexadecimales precedidos del caracter almohadilla (#6666CC=azul), pero cada vez más se utilizan gradientes para dar un caracter y tono propios a la página.
* text: color del texto de la página web.
* link: color de los hipervínculos de la página.
* alink: color de los hipervínculos al activarse para crear un efecto de rollover.* vlink: color de los hipervínculos visitados.
TEXTO
Para esto se utiliza la etiqueta <P> y </P>. Este comando es muy útil debido a que si uno escribe algo (en el editor que se este utilizando) por mucho espacio que uno le de siempre al texto, siempre va a aparecer en la misma línea.
Para alinear un párrafo se utiliza el comando <ALING> y </ALING>, utilizado dentrode la etiqueta <P>. Se puede alinear de tres formas diferentes:
<p align="left"> Párrafo... </p> Alinea a la izquierda.
<p align="center"> Párrafo... </p> Realiza un centrado.
<p align="right"> Párrafo... </p> Alinea a la derecha.
Cuando nosotros queremos que lo que escribimos aparezca en otra línea utilizamos el comando <BR>.
Al terminar deescribir un párrafo es conveniente y estético utilizar el comando para separar un párrafo de otro que es <HR>
Etiquetas para darle formato al texto:
Para el tamaño y tipo de letra se usa la etiqueta <FONT> y </FONT>, que posee tres atributos: tamaño (Size), Tipo de letra o fuente (face) y color:
<B> y </B> Sirve para colocar un texto en Negrita.
<U> y </U> Sirve para subrayar un texto
<STRIKE> y </STRIKE> Sirve para tachar un texto.
<STRONG> y </STRONG> Cumple la misma función que <B>
<I> y <I> Para colocar un texto en cursiva.
<EM>texto con énfasis</EM> texto con énfasis
<CITE>citación</CITE> citación
<DFN>definición</DFN> definición<KBD>teclado</KBD> teclado
<SAMP>ejemplo</SAMP> ejemplo
SIZE: Regula el tamaño de los caracteres.
Ejemplo:<font> texto... </FONT>.
FACE: Es la fuente que se quiere usar, Arial, Times new Roman, etc.
IMÁGENES
<img src="foto1.jpg" alt="Pintura geométrica">
ENLACES
* Local
<ahref="pagina2.html">Noticias</a>
* Salida Internet
<a href="http://www.google.com">Buscador Google</a>
* Enlaces en la misma pagina
<a name="nombreancla"></a>
<a href="#nombreancla">Introducción</a><br>
IMÁGENES – ENLACES
<a...
Que es?
HTML es el lenguaje que se emplea para el desarrollo de páginas de internet.
Este lenguaje está constituido de elementos que el navegador interpreta y las despliega en la pantalla de acuerdo a su objetivo.
Estructura Básica
<html>
<head>
</head>
<body>Cuerpo de la página.
</body>
</html>
CABECERA
<head> </head>
TITULOS
Para realizar títulos contamos con los elementos:
<h1> </h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>
CUERPO
body: delimita el cuerpode la página que contiene el código necesario para formatear el documento y mostrar el contenido de la misma. Dentro del body irán incluidas:
* background: imagen de fondo para la página Web. Mediante la utilización de un CSS podemos indicar si queremos que nuestra imagen se repita (background-repeat) o no (background-no repeat).
* bgcolor: color de fondo de la página Web. De manerahabitual se utilizan los colores seguros web con valores hexadecimales precedidos del caracter almohadilla (#6666CC=azul), pero cada vez más se utilizan gradientes para dar un caracter y tono propios a la página.
* text: color del texto de la página web.
* link: color de los hipervínculos de la página.
* alink: color de los hipervínculos al activarse para crear un efecto de rollover.* vlink: color de los hipervínculos visitados.
TEXTO
Para esto se utiliza la etiqueta <P> y </P>. Este comando es muy útil debido a que si uno escribe algo (en el editor que se este utilizando) por mucho espacio que uno le de siempre al texto, siempre va a aparecer en la misma línea.
Para alinear un párrafo se utiliza el comando <ALING> y </ALING>, utilizado dentrode la etiqueta <P>. Se puede alinear de tres formas diferentes:
<p align="left"> Párrafo... </p> Alinea a la izquierda.
<p align="center"> Párrafo... </p> Realiza un centrado.
<p align="right"> Párrafo... </p> Alinea a la derecha.
Cuando nosotros queremos que lo que escribimos aparezca en otra línea utilizamos el comando <BR>.
Al terminar deescribir un párrafo es conveniente y estético utilizar el comando para separar un párrafo de otro que es <HR>
Etiquetas para darle formato al texto:
Para el tamaño y tipo de letra se usa la etiqueta <FONT> y </FONT>, que posee tres atributos: tamaño (Size), Tipo de letra o fuente (face) y color:
<B> y </B> Sirve para colocar un texto en Negrita.
<U> y </U> Sirve para subrayar un texto
<STRIKE> y </STRIKE> Sirve para tachar un texto.
<STRONG> y </STRONG> Cumple la misma función que <B>
<I> y <I> Para colocar un texto en cursiva.
<EM>texto con énfasis</EM> texto con énfasis
<CITE>citación</CITE> citación
<DFN>definición</DFN> definición<KBD>teclado</KBD> teclado
<SAMP>ejemplo</SAMP> ejemplo
SIZE: Regula el tamaño de los caracteres.
Ejemplo:<font> texto... </FONT>.
FACE: Es la fuente que se quiere usar, Arial, Times new Roman, etc.
IMÁGENES
<img src="foto1.jpg" alt="Pintura geométrica">
ENLACES
* Local
<ahref="pagina2.html">Noticias</a>
* Salida Internet
<a href="http://www.google.com">Buscador Google</a>
* Enlaces en la misma pagina
<a name="nombreancla"></a>
<a href="#nombreancla">Introducción</a><br>
IMÁGENES – ENLACES
<a...
Leer documento completo
Regístrate para leer el documento completo.