Clase 1 periodo II html
- 1. •Qué es HTML El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento. Un documento hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia.
- 2. •Extensión de los archivos Los archivos de cada pagina web creada deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web). Por ejemplo: pagina1.html , ejercicio1.html Los navegadores (Por ejemplo Chrome, Internet Explorer) se encargan de interpretar el código HTML de los archivos creados, y muestran a los usuarios las páginas web resultantes del código interpretado.
- 3. •Editor de archivos html Un editor es un programa que nos permiten crear los archivos html. Es aconsejable comenzar utilizando una herramienta lo más sencilla posible, para tener que insertar nosotros mismos el código HTML, esto permite familiarizarse con el lenguaje, para poder utilizar algún editor visual posteriormente, como Macromedia Dreamweaver o Microsoft Frontpage. Vamos a trabajar con el Bloc de notas para crear nuestras páginas, ya que se trata de un editor de textos muy sencillo de manejar, que nos permitirá crear páginas a través del código HTML.
- 4. •Etiquetas Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento HTML, es decir la pagina web que estamos diseñando. Existen dos tipos de etiquetas, la de comienzo de elemento y la de fin o cierre de elemento. La etiqueta de comienzo se define por los caracteres < >. Está compuesta por el identificador o nombre de la etiqueta, y puede contener una serie de características opcionales que permiten añadir ciertas propiedades. La etiqueta de final está definida por los caracteres </ >. Está compuesta por el identificador o nombre de la etiqueta, y no contiene características.
- 5. •Estructura general de una pagina web <html> <head> </head> <title> </title> <body> Aquí se escriben las etiquetas para crear la pagina web </body> </html>
- 6. •Definición de etiquetas principales <html> Inicio de código html (Obligatorio) <head> Caracteristicas de encabezados (opcional) <title> Titulo de la ventana del </title> navegador (Obligatorio) <body> Inicio del cuerpo de la página (Obligatorio) </body> Fin del cuerpo de la página (Obligatorio) </html> Fin de código html (Obligatorio)
- 7. • Etiqueta <font> </font> Esta es una de las etiquetas principales para crear el cuerpo de la página web con código HTML. Esta etiqueta se utiliza especificar el texto que se quiere mostrar y sus características como el color, tipo de letra, tamaño y estilo. Las características del texto se especifican con las siguientes palabras: Size : Tamaño Face : Tipo de letra Color : Color de la letra
- 8. • Colores en una página Web Para utilizar los colores en html, existen 2 formas de asignarlos: La primera manera es utilizar la palabra en ingles de los colores básicos, no son todos, se pueden asignar los siguientes: Aqua, Black, Blue, Fuchsia, Gray, Green, Lime, Maroon, Navy, Olive, Purple, pink, Red, Silver, Teal, White, Yellow. También se puede aplicar un código para visualizar colores que resultan de combinación de los colores primarios, estos son 3 ejemplos: #FF8000 es el color naranja #339966 es el color verde turquesa #000080 es el color azul oscuro
- 9. ACTIVIDAD Realizar una búsqueda en Google sobre “Código de colores en html” entrar a una de las paginas que se muestren en los resultados, y copiar en su cuaderno minimo 10 códigos de colores y el nombre del color. Usted escoge los 10 colores o más que le gusten, estos serán los colores que utilizará para mostrar en sus páginas web.
- 10. •Ejercicio 1 Crear una página que muestre un texto con la frase “ Hola, estoy haciendo pruebas”
- 11. Se debe visualizar la siguiente página en el navegador: Como puedes ver, la página resultante es una página que solamente tiene una línea de texto. Si observas la barra de título del navegador, verás que el título de la página es MI PRIMERA PAGINA. Este título ha sido establecido por la línea: <title>MI PRIMERA PAGINA</title>.