Como crear paginas web en html
2 recomendaciones905 vistas
El documento describe los conceptos básicos de HTML, incluyendo su estructura, etiquetas y diseño de páginas web. Explica que HTML es el lenguaje utilizado para crear páginas web y que consta de etiquetas que definen el texto, formato y estructura. También proporciona ejemplos de etiquetas comunes como <html>, <head>, <title>, <body>, <p>, <b> y recomendaciones para editar archivos HTML.
Como crear paginas web en html
- 1. UNIVERSIDAD ESTATAL DE BOLIVAR CAEDIS LAS NAVES Asignatura: Herramientas de la Gestión Web I Tutor: Lic. Marcelo Baño Integrantes: Guicela Ocampo, Jenny Andachi Ciclo: 7mo Informática educativa SIGUIENTE
- 3. QUE ES HTML. • Es el lenguaje con el que se escriben las páginas web. Las páginas web pueden ser vistas por el usuario mediante un tipo de aplicación llamada navegador. Podemos decir por lo tanto que el HTML es el lenguaje usado por los navegadores para mostrar las páginas webs al usuario, siendo hoy en día la interface más extendida en la red.
- 4. ESTRUCTURA Y ETIQUETAS Las etiquetas se escriben entre < > y (la mayoría) tienen la etiqueta de cierre < / >, que es la misma etiqueta solo que con la barra / después de <. Lo que está entre las dos etiquetas recibe el efecto. ¿Para qué una etiqueta de cierre?, bueno es para limitar nuestra etiqueta, o sea, como no queremos que todo este subrayado (por ejemplo) donde ya no queremos que sea así escribimos el cierre. La etiqueta <u> y su etiqueta de cierre, </u>, indica subrayar un texto. Ejemplo: <u> Texto subrayado </u> Texto Normal, el resultado es: Texto subrayado Texto Normal SIGUIENTE
- 5. ESTRUCTURA Y ETIQUETAS ETIQUETAS 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ón ESTILOS DE PARRAFO <br> deja una linea de espacio <hr> colocar una línea para separar size tamaño color El color width el ancho ESTILOS DE FUENTES <BLINK> Texto intermitente <VAR> Texto grande <STRIKE> Texto tachado Atributos 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
- 6. Las partes del documento: <html> <head> <title> Título de mi página </title> </head> <body> Aquí va el contenido de mi pá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 y nombrar a tu archivo algo así: pagina_1.html EJEMPLO
- 7. Mi primer página El 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
- 9. EL HIPERTEXTO es una tecnología que organiza una base de información en bloques distintos de contenidos, conectados a través de una serie de enlaces cuya activación o selección provoca la recuperación de información Se representan el estilo secuencial, el estilo jerárquico, el estilo reticulado y el hipermedio.
- 10. Recomendaciones: • Es recomendable usar el Bloc de notas que viene con windows, u otro editor de textos sencillo. Hay que tener cuidado con algunos editores más complejos como Wordpad o Microsoft Word, pues colocan su propio código especial al guardar las páginas y HTML es únicamente texto plano, con lo que podremos tener problemas. • Utiliza siempre la misma extensión en tus archivos HTML. Eso evitará que te confundas al escribir los nombres de tus archivos unas veces con .htm y otras con .html. Si trabajas con un equipo en un proyecto todavía más importante que os pongáis todos de acuerdo en la extensión. SIGUIENTE