Você está na página 1de 3

base del html:

<html>
<head>

<title> ac� va el nombre que aparece en la parte de arriba del navegador </title>

etiquetas y contenidos del encabezado


datos que no aparecen en nuestra p�gina pero que son
importantes para catalogarla: titulo, palabras clave,...

</head>

<body>

etiquetas y contenidos del cuerpo


parte del documento que ser� mostrada
por el navegador: texto e im�genes

</body>

</html>

----------------------------------------------------------------------------------
-------------

etiquetas agregadas a las sentencias bases de un documento web:

- bgcolor="para cambiar el color del fondo de la web


y se pone entre comillas el color que se quiere"
entre la sentencia body <body bgcolor= black> estos se ponen en ingles

- background="y la ruta de enlace de la imagen" sep one en el mismo


sitio que bgcolor en <body>

- <b> esto es para poner negrillas </b>


se pone entre las sentencias
<body>
<b>negrilla</b>
</body>

- <i>lo mismo para cursivas</i>

- <u>he igual mente para el subrayado</u>

todo esto se puede combinar: <i><b></b></i>

- explicacion sentencias:

bueno para que el navegador no ocasione problemas cuando uno


combina las sentencias es mejor hacerlo de esta manera

<esto><aquello></esto></aquello> sentencia solapada.. mal echo

<esto><aquello></aquello></esto> sentencia anidadas.. bien echo

- <tt>texto de maquina de escribir</tt>


- <font>significa fuente y se puede hacer todos los cambios
necesarios con las letras gracias a estas sentencias </font>

- ahora se puede especificar el tama�o con size="tama�o" este se escribe en


n�meros
y va del 1 hasta el 7
ejemplo: <font size="7">hola</font>

- y con face="podemos cambiar el tipo de letra" con arial o comic sans (etc.)

- tambi�n el color de la letra con sentencia color="dentro de font" y se pone el


nombre de color

- encabezamientos <h1></h1> vienen del tama�o del 1 hasta el 6

- otra parte importante son las alineaciones: aling= "left" o center o right entre
comillas

- <br> esto sirve para empezar una l�nea nueva, y sirve tambi�n para saltarse
l�neas

- <p> es para pasar de p�rrafo y no es lo mismo que pasa a una nueva l�nea </p>

- &nbsp; este es un car�cter especial y es �til para poner espacios entre textos

existen varias car�cteres especiales:

&lt; simbolo <


&gt; simbolo >
&amp; simbolo &
&quot; simbolo "(comillas)
&shy; simbolo gui�n

pero lo que les aconsejo para eso es abrir un editor como nvu y digamos que
necesitamos el caracter
de espacio, entonces escribimos un peque�o texto en nvu y varios espacios despues
vamos a la parte
del codigo y vemos que caracter nos aparecio, lo copiamos y lo escribimos en el
editor de texto.

- <img src="direccion de la imagen" width=anchura height=altura>

- alt= este va dentro de la sentencia de igm y es usado para poner un subtitulo


cuando por alg�n
motivo al usuario no le aparece la imagen en el navegador.

nota: para la imagen se le puede poner sentencias de alineacion, de parrafo, para


pasar de linea
(etc.) todo esta en tu imaginaci�n.

- <a href="aca se pone el enlace a donde quiere llegar el texto">ir a tal url</a>
esto tambien se puede usar para correos pero cambia esta sentencia
href="mailto:loqueseponga@horala.com">enviame correo</a>

nota: esta sentencia de enlace tambien se le puede poner a una imagen es solo
ponerlo entre las
sentencias de la imagen y si deseas quitar el borde azul que aparece alrededor de
la imagen es solo
poner broder="0" a la sentencia img

- bueno esto es una tecnica para que se pueda abrir una ventana nueva al poner un
enlace=
<a herf="http://enlace.org.es/" target="_blank">enlace</a>

- otra cosa que se puede hacer con enlaces es que en tu pagina web muestres una
imagen peque�a
con la sentencia img y despues poner un enlace que lleve a esta misa imagen pero
de un tama�o mayor.

- <blockquote> esta es una utilidad muy buena para que la web se vea bien en todos
los tipos de
resoluci�n y no se tenga que usar la barra de abajo para desplazarce por
ella</blockquote>

- <ul>se empieza para hacer una lista sin numerar</ul>


para especificar si vamos que vamos a organizar usamos <li>
ejmplo: <ul>
<li> pan
<li> galletas
<ol>y esta otra sentencia es para numerar</ol>

este es un tipo de lista definida

- <dl>
<dt>noticia de intel:
<dd>1. esta empreza lanzo un nuevo procesador de dolbe nucleo
</dl>

- <hr>esta sentencia es util para crear una line horizonltal width="tama�o ejm:
20%" size="grosor ejmp 6" noshade>
esta ultima es para que sea una linea s�lida.

- <!--esto es util para hacer un comentario que no aparecera en el navegador-->

Você também pode gostar