Etiquetas html
Descargar como PPTX, PDF0 recomendaciones1,209 vistas
Este documento proporciona instrucciones para crear una página web básica en HTML. Recomienda descargar el programa Sublime Text y guardar los archivos HTML con la extensión .html. Explica las etiquetas básicas como <html>, <head>, <title>, <body>, y cómo agregar títulos, párrafos, imágenes y enlaces. También cubre cómo cambiar el tamaño de imágenes, alinear texto y modificar el color de fondo usando atributos como width, height, align y bgcolor.
Etiquetas html
- 1. LICEO DE CERVANTES ÁREA DETECNOLOGÍA E INFORMÁTICA GRADO QUINTO 2017
- 2. Para empezar nuestro capitulo de HTML es necesario utilizar el programa sublime text que podemos descargar desde este vínculo: https://www.sublimetext.com/3 Recuerden que antes de empezar a digitar el código, es necesario guardar el archivo finalizando con la extensión .html Luego de esto, utilizando el asistente de texto predictivo, al colocar la etiqueta <html> y oprimir la tecla enter el programa nos aparecerá la estructura principal de una pagina html:
- 3. <!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html>
- 4. Recuerden que las etiquetas <!DOCTYPE html>, <head>, <title>, <body> son etiquetas que definen las partes principales de la pagina web y deben abrirse y cerrarse como muestra la diapositiva anterior. A partir de este punto, y dentro de cada una de las partes del archivo HTML deben colocarse las demás etiquetas, principalmente en la etiqueta <body>
- 5. En el encabezado de la página web solo hemos visto una etiqueta: <title>titulo de la página</title> Recuerden que el texto que aparece entre las dos etiquetas será el título de la pagina web.
- 6. En el cuerpo de la página web hemos visto las siguientes etiquetas: <h1> para colocar títulos en el cuerpo de la página, debe cerrarse con </h1> <p> para indicarle al computador que vamos a escribir un parrafo, debe cerrarse con </p> <img src=“ubicación” width=“000” height=“000”> para colocar imágenes en la página web, dentro de las comillas frente al src debe colocarse la dirección donde se encuentra la imágen, en las comillas de width y heigth deben colocarse los valores en pixeles para cambiar el tamaño de la imágen. <a ref=“dirección de la página”> esta etiqueta sirve para colocar vinculos a otras paginas web ya sean externas o internas, debe cerrarse con </a>
- 7. Los atributos de las etiquetas que hemos visto hasta el momento se aplican de la siguiente manera: Cambiar tamaño de una imagen: Dentro de la etiqueta <img src=“dirección”> se añaden las palabras width y height con sus valores en pixeles para cambiar el tamaño de la imagen, tal como se vio en la diapositiva anterior. Centrar un texto: Dentro de las etiquetas <h1> o <p> pueden añadirse los atributos necesarios para centrar el contenido, por ejemplo, si quiero colocar un titulo centrado puedo hacerlo de la siguiente manera: <h1 align=center>ESTE ES ELTÍTULO</H1>. El comando align me sirve para cambiar la alineación de un texto, puedo utilizar las palabras claves center, rigth, left o justify. Cambiar el color del fondo de la página web: para cambiar el color del fondo de la pagina web es necesario añadir el tributo a la etiqueta <body> de la siguiente forma: <body bgcolor=“000000”>. Recuerden que los numeros hacen referencia a la cantidad de colores rojo verde y azul con los que deseo crear el nuevo color. Les recomiendo visitar la pagina www.adobekuler.com para copiar el código del color que desean en su documento web.