Trabajo de html

180 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
180
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Trabajo de html

  1. 1. UNIVERSIDAD ESTATAL DE BOLIVARCAEDIS LAS NAVESAsignatura:Herramientas de la Gestión Web ITutor:Lic. Marcelo BañoIntegrantes:Guicela Ocampo, Jenny AndachiCiclo:7mo Informática educativaSIGUIENTE
  2. 2. QUE ES HTML.• Es el lenguaje con el que seescriben las páginas web. Laspáginas web pueden ser vistaspor el usuario mediante un tipode aplicación llamada navegador.Podemos decir por lo tanto que elHTML es el lenguaje usado porlos navegadores para mostrar laspáginas webs al usuario, siendohoy en día la interface másextendida en la red.
  3. 3. ESTRUCTURA Y ETIQUETASLas etiquetas se escriben entre < > y (la mayoría) tienenla etiqueta de cierre < / >, que es la misma etiqueta soloque con la barra / después de <. Lo que está entre lasdos etiquetas recibe el efecto.¿Para qué una etiqueta de cierre?, bueno es para limitarnuestra etiqueta, o sea, como no queremos que todo estesubrayado (por ejemplo) donde ya no queremos que seaasí escribimos el cierre. La etiqueta <u> y su etiquetade cierre, </u>, indica subrayar un texto.Ejemplo:<u> Texto subrayado </u> Texto Normal, el resultadoes:Texto subrayado Texto NormalSIGUIENTE
  4. 4. ESTRUCTURA Y ETIQUETASETIQUETAS FUNCION<html> empezar con la etiqueta principal<head> El encabezado, que es el título de la página<title> para el titulo<body> Para el contenido de la pagina<u> Texto subrayado<b> indica texto en negrita<p> dejar una línea de separaciónESTILOS DE PARRAFO<br> deja una linea de espacio<hr> colocar una línea para separarsize tamañocolor El colorwidth el anchoESTILOS DE FUENTES<BLINK> Texto intermitente<VAR> Texto grande<STRIKE> Texto tachadoAtributos de BODY<body bgcolor="#00CCFF"> para poner un color fijo de la página<body background="fondo.jpg"> Coloca una imágen de fondo de la página<a> hace que un texto se convierta en enlace
  5. 5. Las partes del documento:<html><head> <title> Título de mipágina </title> </head><body>Aquíva el contenido de mipágina</body> </html>Nota: Te recomiendo no usar espacios, mayúsculas o caracteres especiales (# $ % °)en el nombre de tu archivo, para evitar problemas de lectura con el navegador.Podrías utilizar guiones ( - ) o guiones bajos ( _ ) para reemplazar a los espacios ynombrar a tu archivo algo así: pagina_1.htmlEJEMPLO
  6. 6. Mi primer páginaEl código es este:<html><head><title>Música</title></head><body><p><b>Bienvenido,</b></p><p>Estas en la mejor página.</p><p>La mejor música solo aquí.</p></body></html>DISEÑO DE LA Pg.WEB
  7. 7. LA PAGINAS WEB
  8. 8. EL HIPERTEXTO es una tecnología que organiza una base de información enbloques distintos de contenidos, conectados a través de una serie de enlaces cuyaactivación o selección provoca la recuperación de informaciónSe representan el estilo secuencial, el estilo jerárquico, el estilo reticulado y elhipermedio.
  9. 9. Recomendaciones:• Es recomendable usar el Bloc de notas queviene con windows, u otro editor de textossencillo. Hay que tener cuidado con algunoseditores más complejos como Wordpad oMicrosoft Word, pues colocan su propio códigoespecial al guardar las páginas y HTML esúnicamente texto plano, con lo que podremostener problemas.• Utiliza siempre la misma extensión en tusarchivos HTML. Eso evitará que te confundasal escribir los nombres de tus archivos unasveces con .htm y otras con .html. Si trabajascon un equipo en un proyecto todavía másimportante que os pongáis todos de acuerdo enla extensión.FIN

×