Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
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>.