Transcription of HTML - danieldona.com
1 Son las iniciales de la expresi n en ingl s HyperText Markup Language. Traducido al castellano ser a Lenguaje de Etiquetas de Hipertexto. Se trata de un conjunto de etiquetas que se van intercalando entre el texto de forma que los programas que utilizamos para navegar por la Red sepan qu es lo que tienen que mostrar cuando accedemos a una p gina y c mo deben presentarlo en la pantalla. El W3C (World Wide Web Consortium) es el f rum internacional que se encarga desarrollar nuevas tecnolog as relacionadas con la WEB dictando las normas que constituyen el est ndar HTML entre otros. Con HTML podemos utilizar textos, sonidos, im genes,y lo m s importante, enlaces a otras p lenguaje surge en principio con fines divulgativos y no se tuvo en cuenta que la web llegara a ser un rea de ocio con car cter multimedia, debido a esto, el HTML ha ido necesitando actualizaciones con el paso del tiempo y la introducci n de otras tecnolog as complementarias como es el caso de CSS y p gina web es un archivo que contiene c digo HTML en forma de texto.
2 Estos archivos tienen la extensi n .html o .htm . Para poder crear un archivo .html (pagina web) podemos hacerlo desde: Un simple editor de texto como el Bloc de notas de Windows , Wordpad , gedit , Una suit ofim tica que exporte documentos en html como Microsoft Office , OpenOffice , Un editor de de p ginas web como NVU , Dreamweaver , Frontpage , Las etiquetas HTML se escriben encerradas entre ngulos y en min sculas para que sean compatibles con el nuevo lenguaje XHTML . Normalmente se utilizan dos etiquetas: una de inicio y otra de fin para indicar que ha terminado el efecto que quer amos presentar. La nica diferencia entre ambas es que la de cierre lleva una barra inclinada "/" antes del c digo. Por ejemplo la etiqueta <b> pone en negrita un texto Las etiquetas necesitan especificar informaci n exacta como, por ejemplo, d nde est ubicado un archivo. Los atributos se utilizan con etiquetas para proporcionar m s informaci n sobre c mo debe implementarse la etiqueta.
3 Por ejemplo, sea la siguiente etiqueta <img>: .Resumen HTML Daniel Do a Ib ez 1<etiqueta> texto que presentar el efecto </etiqueta> <etiqueta> texto que presentar el efecto </etiqueta> <etiqueta atributo1= valor1 atributo2= valor2 .. >..</etiqueta> <etiqueta atributo1= valor1 atributo2= valor2 .. >..</etiqueta>Etiqueta deinicioEtiqueta defin o cierreEl valor de cada atributo debe ir atributo se separa del anterior por un espacio en <etiquetas>Atributos de etiquetas<img src= width= 320 height= 200 > El atributo src indica que imagen se debe atributo width indica con que anchura se mostar .El atributo height indica con que altura.<img src= width= 320 height= 200 > El atributo src indica que imagen se debe atributo width indica con que anchura se mostar.
4 El atributo height indica con que altura.<b> Esto va en negrita </b> lo veremos as en el navegador: Esto va en negrita<b> Esto va en negrita </b> lo veremos as en el navegador: Esto va en negrita <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Transitional//EN" " "> <html> <head> <title> Titulo de la p gina </title> </head> <body> Este es el cuerpo de la p gina web y lo que se ver en la pantalla del navegador web</body> </html> Esta etiqueta indica al navegador el tipo de lenguaje en el que est escrita la p gina del documento html.<head> Cabecera del documento donde se puede poner informaci n que no aparecer en el navegador, como el nombre del autor, palabras claves, t tulo de la p gina aparecer en la parte superior del navegador y se indica con la etiqueta<title> <body> Cuerpo del documento que contiene todo lo que aparecer por la pantalla en el navegador del documento html. Un comentario es informaci n que se incluye en el c digo html de una p gina web que no ser visualizado en el navegador web, pero que es de mucha utilidad para el programador durante el desarrollo de la misma o en futuras revisiones.
5 Se indican entre los s mbolos <!-- y -->. Cuando dentro del cuerpo <body> del documento html tiene que aparecer alg n car cter especial (como , < , > , & , , , ..), para que se visualice correctamente en el navegador web debe de sustituirse en el c digo html por los siguientes valores:S mboloC digo<<>> && " estos son s lo algunos, existen HTML Daniel Do a Ib ez 2 Estructura b sica de un archivo HTMLC omentarios<!-- esto es un comentario y no se ver --> <!-- esto es un comentario y no se ver -->Caracteres especiales<body> Esto es el cuerpo de la p gina web </body> <body> Esto es el cuerpo de la p gina web </body> La metainformaci n es informaci n adicional insertada en el c digo html que puede tener algunos usos como por ejemplo ser usada en aplicaciones externas , buscadores , indices , Se indican en la cabecera <head> con la etiqueta <meta> y puede tener tres atributos: name: identifica la informaci n que se va a exportar.
6 Content: contenido de la informaci n. http-equiv: es el nombre de un comando HTTP. Resumen HTML Daniel Do a Ib ez 3 Metainformaci n<meta name="author" content="Su nombre aqu "> <meta name="copyright" content="ingrese aqu el nombre de su compa a"> <meta name="contact_addr" content="aqu su direcci n email"> <meta name="rating" content="14 years"> <!-- rating: Para indicar hacia qu tipo de audiencia est orientado su sitio web disponemosde cuatro posibles valores para el content: *general: para todas las edades. *14 years: para mayores de 14 a os. *mature: para adultos. *restricted: para adultos con restricciones. --> <meta name="expires" content="never"> <meta name="language" content="es"> <meta name="charset" content="iso-8859-1"> <meta name="distribution" content="global"> <meta name="robot" content="Ingrese el valor aqu "> <!
7 -- robot: Cuando un motor de b squeda visite su p gina tratar de seguir sus links e indexar cada p gina que valores: * all: dir al robot del motor de b squeda que siga todos los links sobre su p gina web, e indexe todos los que encuentre. * noindex: para que el robot no indexe esa p gina. Pero puede seguir los links sobre ella. *nofollow: que indexe esta p gina pero que no siga los links sobre ella. *none: que no indexe esta p gina ni siga los links sobre ella. --> <meta name="revisit-after" content="ingrese el valor aqu "> <!-- revisit-after: para indicar a un robot cuando debe regresar e indexar el s tio de nuevo. Los posibles valores pueden ser la cantidad de tiempo que usted quiera: 10 days , 2 months , 1 week.
8 --> <meta name="keywords" content="holistic, massage, reflexology, shiatsu,manipulation, stress, stressbuster, relax, relaxation, ease, pain reduction, pain "> <!-- keywords=palabras clave. sirven para las b squedas por clave de los buscadores. --> <meta name="generator" content="dreamweaver macromedia > <!-- indicamos el software utilizado para la creaci n de la p gina. --> <meta http-equiv= "refresh" content = "15;url= "> <!-- pasados 15 segundos se acceder autom ticamente a la web indicada--> <meta http-equiv="content-type" content="text/html; charset= iso-8859-1"> <!-- definimos el tipo de contenido: text/html y los caracteres especiales utilizados, en este caso los occidentales (iso) --> <meta name="author" content="Su nombre aqu "> <meta name="copyright" content="ingrese aqu el nombre de su compa a"> <meta name="contact_addr" content="aqu su direcci n email"> <meta name="rating" content="14 years"> <!
9 -- rating: Para indicar hacia qu tipo de audiencia est orientado su sitio web disponemosde cuatro posibles valores para el content: *general: para todas las edades. *14 years: para mayores de 14 a os. *mature: para adultos. *restricted: para adultos con restricciones. --> <meta name="expires" content="never"> <meta name="language" content="es"> <meta name="charset" content="iso-8859-1"> <meta name="distribution" content="global"> <meta name="robot" content="Ingrese el valor aqu "> <!-- robot: Cuando un motor de b squeda visite su p gina tratar de seguir sus links e indexar cada p gina que valores: * all: dir al robot del motor de b squeda que siga todos los links sobre su p gina web, e indexe todos los que encuentre.
10 * noindex: para que el robot no indexe esa p gina. Pero puede seguir los links sobre ella. *nofollow: que indexe esta p gina pero que no siga los links sobre ella. *none: que no indexe esta p gina ni siga los links sobre ella. --> <meta name="revisit-after" content="ingrese el valor aqu "> <!-- revisit-after: para indicar a un robot cuando debe regresar e indexar el s tio de nuevo. Los posibles valores pueden ser la cantidad de tiempo que usted quiera: 10 days , 2 months , 1 week ,.. --> <meta name="keywords" content="holistic, massage, reflexology, shiatsu,manipulation, stress, stressbuster, relax, relaxation, ease, pain reduction, pain "> <!-- keywords=palabras clave.
