HTML

HTML
HTML
Es el lenguaje estndar utilizado en la web para representar informacin que es intercambiada por usuarios en forma de hipertexto. Se caracteriza por tener una serie de etiquetas que indican al navegador como interpretar y dar formato al texto que las acompaa.
Las etiquetas indican al navegador como se debe de mostrar la pagina. (Negritas, cursivas, parrafos, etc.)
Es estandar por que cualquier cliente web puede visualizar estos documentos e interpretar el HTML, esto nos da una seguridad de que cualquiera puede leerlos.
Explorer Mozilla Firefox
HTML
Las paginas web son archivos de texto y para poder crearlas, se necesita cualquier editor de textos capaz de grabar los archivos con formato de texto.
Bloc de notas Wordpad
UltraEdit (Editor de textos para paginas web)
El documento debe ser grabado con extensin HTML o HTM.
Para que me sirve una pagina web?

Dar a conocer empresas. Mostrar productos. Resultados de investigaciones. Paginas personales. Propaganda. Etc.
Estructura de HTML
HTML es un lenguaje que esta basado en el uso de marcas o etiquetas.
< Y terminan en >

Empiezan con
menor que mayor que Ejemplo: <HTML>
La palabra que se encierra entre estos dos smbolos es la accin que el navegador debe de hacer para mostrar.
Estructura de HTML
Para delimitar esta accin debe de aplicarse otra etiqueta de terminacin y para eso se necesita del smbolo justo delante de la palabra.
/
Ejemplo </HTML>
No todas las etiquetas necesitan de una terminacin.
Estructura de HTML
Todas las paginas web.
Empieza: <HTML> Termina: </HTML>
Lo que esta en medio de estas dos etiquetas es nuestra pagina web.
Si algo esta afuera de eso no se considera parte de la pagina.
Cabecera
Se emplea para formar informacin acerca del documento, como el titulo, autor o fecha del mismo.
Para representarla se utilizan la etiqueta con su delimitacin.
<HEAD> </HEAD>
Entre estas dos estn las lneas que conforman la cabecera
Cuerpo
Contiene el texto de la pagina, es decir, la informacin que se va a presentar al usuario.
Para representarla se utilizan la etiqueta con su delimitacin.
<BODY> </BODY>
Entre estas dos se encuentran las lneas pertenecientes al cuerpo de la pagina.
Estructura bsica
<HTML> <HEAD>
Cabecera de la pagina.
</HEAD> <BODY>
Cuerpo de la pagina.
</BODY> </HTML>
Al conjunto de lneas y etiquetas de la pagina se le llama cdigo fuente.
Ms de la Cabecera
Esta es optativa pero es recomendable ponerle titulo a la pgina, el cual aparecer en la parte superior del navegador. Para que esto sea posible se necesitan las etiquetas:
<TITLE> </TITLE>
Todo lo que esta escrito en medio de esas dos etiquetas corresponden al titulo de la pagina que se visualizara en dicha barra del navegador.
Ejemplo
<HTML> <HEAD>
<TITLE> Titulo cualquiera </TITLE>
</HEAD> <BODY>
Cuerpo de la pagina.
</BODY> </HTML>
Ms del Cuerpo
Los comentarios son lneas que nos facilitan el entendimiento del cdigo o algo que es interesante recordar.
Para los comentarios solo se necesita una etiqueta no es necesario cerrarla ya que el cometario se escribe dentro de la misma etiqueta. Esta es representada: <! Comentario -> El navegador ignorara esa lnea para mostrar.
Ejemplo
<HTML> <HEAD>
</HEAD> <BODY>
<!- Cuerpo de la pagina. ->
</BODY> </HTML>
Acentos y smbolos
Algunos navegadores de internet estn desarrollados en otros lenguajes y por lo tanto el texto al aparecer nos encontramos con smbolos extraos cuando queremos poner acentos, smbolos de interrogacin o admiracin o incluso la letra .
Para poder mostrarlos tal cual existen formas especificas.
Acentos y Smbolos
A continuacin la representacin de cada uno.
VOCAL / SIMBOLO CODIGO HTML á é í ó ú ñ ¿ ¡
Salto de lnea
En la parte BODY pone siempre todas las lneas de texto seguidas, si nosotros damos Enter a algn prrafo, el navegador no nos mostrara ese salto de lnea.
Para poder dar estos saltos necesitamos de la etiqueta: la cual no es necesario cerrar la etiqueta en ningn lado.
Espacio entre palabras

Como el espacio entre lneas, el navegador tampoco distingue entre varios espacios entre cada palabra aunque le demos mil en el BODY, para ello es necesario el siguiente cdigo:
Ejemplo: palabra palabra
12 de octubre del 2013
Prrafos o bloques
Cuando se construye una pgina en HTML el texto se construye en bloques, esto provocara que el navegador deje una lnea en blanco para separar unos bloques de otros. Para esta accin se necesita la siguiente etiqueta con su respectivo cierre: 
El salto de lnea que produce es igual a la que produce (P= BR y medio), solo que la separacin entre lneas es mayor. Aunque se pone la terminacin para indicar que ha terminado el prrafo, HTML tambin identifica que ha terminado cuando encuentra otro .
Prrafos o bloques
 y llevan consigo otras funciones si el programador as lo desea, es decir, si quiere que el prrafo aparezca centrado, alineado a la izquierda o alineado hacia la derecha. Donde alineacin corresponde a la posicin.
CENTER: Todas las lneas del prrafo aparecern centradas en la pantalla. LEFT: Todas las lneas del prrafo se alinearan a la izquierda. RIGHT: Todas las lneas del prrafo se alinearan a la derecha.
* Cabe mencionar que para centrar un texto tambien se puede utilizar las estiquetas <CENTER> texto </CENTER>
Ejemplo
<HTML> <HEAD>
</HEAD> <BODY>
<!- Cuerpo de la pagina. -> UPAV Noveno Cuatrimestre Creando una p´gina web
</BODY> </HTML>
Dando estilo al texto

Otras etiquetas de resaltado: NEGRITAS: Texto CURSIVAS O ITALICA: Texto SUBRAYAR: Texto Texto El navegador lo muestra igual que Texto El navegador lo muestra igual que 
Todas estas etiquetas la podemos ocupar de forma conjunta, es decir, poner negritas y subrayado al mismo tiempo, si es as se deben de ir cerrando las etiquetas en orden inverso a las colocadas en un inicio. Texto 
Ejemplo
<HTML> <HEAD>
</HEAD> <BODY>
<!- Cuerpo de la pagina. -> UPAV <Noveno Cuatrimestre Creando una p´gina web
</BODY> </HTML>
Tamao del texto

Podemos darle el tamao que deseemos al texto, para ello requerimos la etiqueta: Texto Donde t es el tamao del texto. Los tamaos van del 1 siendo este el ms pequeo al 7 siendo el mas grande.
Ejemplo
<HTML> <HEAD>
</HEAD> <BODY>
<!- Cuerpo de la pagina. -> UPAV <Noveno Cuatrimestre Creando una p´gina web
</BODY> </HTML>
Ttulos y Encabezados
Si bien para poder poner un titulo se pueden ocupar las etiquetas antes mencionadas, una forma mas sencilla para establecer los ttulos y encabezados es con la etiqueta. <H#> </H#> Donde # es el nmero del tamao, del 1 siendo el ms grande al 6 siendo el tamao menor. Esta etiqueta nos mostrara el tamao del texto ms grande. Unas ventajas de utilizar esta etiqueta es que nos ahorramos muchas ms que si utilizramos las anteriores, el codigo queda mas legible y comprensible y equivale a seguido de con sus respectivas terminaciones.
Tipo de Letra
La etiqueta FONT, nos sirve para emplearla en muchas formas, adems del tamao del texto me permite elegir la fuente de caracteres que utilizaremos, es decir el tipo de letra. Para poder llevarlo acabo necesitamos el atributo FACE dentro de la etiqueta FONT, siendo el cdigo de la siguiente forma: por ejemplo. Texto Ahora bien si combinamos FACE con SIZE quedara de la siguiente forma dentro del FONT: Texto 
Color a la pgina
Otra funcin de FONT es dar color al texto, para ello esta la etiqueta:
 Texto Donde color es el nombre del color en ingles. Texto Texto 
Otra forma es con cdigos RGB donde es numeracin Hexadecimal. Texto 
Color Verde Negro Rosa Nombre Green Black Pink RGB #00FF00 #000000 #FF00FF
Color a la pgina
Para darle color al fondo de la pgina se necesita la etiqueta: <BODY BGCOLOR = color> Donde el color se puede establecer como anteriormente por ejemplo representarlo en ingles. * Se debe de tener cuidado con la eleccin del fondo ya que podra afectar la visibilidad del usuario o no distinguirse el contenido de la pagina. Para poder cambiar el color de todo el texto de la pagina se utiliza la siguiente etiqueta, solo respetara los casos donde ya hayas utilizado la etiqueta <BODY TEXT = color> Donde el color se puede establecer como anteriormente por ejemplo representarlo en ingles.
Estas etiquetas se pueden combinar.
Sangras y Alineaciones
Las sangras consisten en dejar un margen hacia los lados laterales en el texto. Para dar sangra a un texto necesitamos la etiqueta: <BLOCKQUOTE> Prrafo </BLOCKQUOTE> Esta etiqueta se puede colocar nuevamente dentro de un prrafo sin antes haber cerrado la primera, dando as un desplazado mas grande entre esta y su cierre.
Insercin de Lneas y Separacin

Otra manera de separar prrafos es utilizando lneas de separacin, que esta son visibles al usuario. Estas lneas van de extremo a extremo del navegador. La etiqueta a utilizar es: <HR> no tiene etiqueta de fin por que se aplica en un punto en concreto y no en toda la pgina. Esta etiqueta puede trabajar con varios atributos:
<HR ALIGN=CENTER> por ejemplo o LEFT o RIGHT, como ya se haba visto .
SIZE = # : indica la altura en puntos o pixeles que tendr la lnea. WIDTH = #: Indica la anchura de la lnea expresado en pixeles o en %. EJEMPLO:
<HR SIZE 5 WIDTH = 60% ALIGN=CENTER>
Extras
Esta etiqueta respeta los saltos de lneas y espacios entre palabras. (puede reemplazar a y ) <PRE> </PRE> Esta etiqueta hace que el texto parpadee. (Solo para Mozilla, Explorer no funciona) <BLINK> </BLINK> Esta etiqueta hace que se puedan establecer subndices. Esta etiqueta hace que se puedan establecer superndices.

HTML

Uploaded by

Document Information

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

HTML

Uploaded by

Copyright:

Available Formats

HTML

UltraEdit (Editor de textos para paginas web)

El documento debe ser grabado con extensin HTML o HTM.

Para que me sirve una pagina web?

< Y terminan en >

menor que mayor que Ejemplo: <HTML>

No todas las etiquetas necesitan de una terminacin.

Lo que esta en medio de estas dos etiquetas es nuestra pagina web.

Si algo esta afuera de eso no se considera parte de la pagina.

Entre estas dos estn las lneas que conforman la cabecera

Entre estas dos se encuentran las lneas pertenecientes al cuerpo de la pagina.

Al conjunto de lneas y etiquetas de la pagina se le llama cdigo fuente.

Para poder mostrarlos tal cual existen formas especificas.

Espacio entre palabras

12 de octubre del 2013

Dando estilo al texto

Tamao del texto

Estas etiquetas se pueden combinar.

Insercin de Lneas y Separacin

You might also like