CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
Manual html
1.
2. 1)Conceptos Basicos
1-¿Qué es HTML?
2-¿Qué son las Etiquetas HTML?
3-¿Qué son los Atributos y Valores ?
2)Creando mi Primera Pagina
1)Aplicando Etiquetas.
2)Guardando Mi Pagina.
3)Probando mi pagina.
3)Fuentes
3. HTML es el lenguaje que se emplea para el
desarrollo de páginas de internet.
Está compuesto por una seríe de etiquetas
que el navegador interpreta y da forma en la
pantalla.
HTML dispone de etiquetas para imágenes,
hipervínculos que nos permiten dirigirnos a
otras páginas, saltos de línea, listas,
tablas,darles estructura y contenido,etc.
4. El lenguaje HTML es un lenguaje de marcas, estas marcas serán
fragmentos de texto destacado de una forma especial que permiten la
definición de las distintas instrucciones de HTML, tanto los efectos a
aplicar sobre el texto como las distintas estructuras del lenguaje. A
estas marcas las denominaremos etiquetas y serán la base principal
del lenguaje HTML. En documento HTML será un fichero texto con
etiquetas que variarán la forma de su presentación.
Una etiqueta será un texto incluido entre los símbolos menor
que”<“ y mayor que “>”.. El texto incluido dentro de los símbolos será
explicativo de la utilidad de la etiqueta.
Existe normalmente una etiqueta de inicio y otra de fin, la de fin
contendrá el mismo texto que la de inicio añadiéndole al principio una
barra inclinada “/”. El efecto que define la etiqueta tendrá validez para
todo lo que este incluido entre las etiquetas de inicio y fin, ya sea texto
plano o otras etiquetas HTML.
5. Ejemplo de etiqueta:
<ETIQUETA>Elementos Afectados por la
Etiqueta</ETIQUETA>
Tambien:
<etiqueta atributo1=”valor1” atributo2=”valor2” ...>
Contenido
</etiqueta>
6. Las etiquetas pueden presentar modificadores que Se llaman
atributos que permitirán definir diferentes posibilidades de
la instrucción HTML. Estos atributos se definen en la
etiqueta de inicio y consisten normalmente en el nombre
del atributo y el valor que toma separados por un signo de
igual.
El orden en que se incluyan los atributos es indiferente, no
afectando al resultado. Si se incluyen varias veces el
mismo atributo con distintos valores el resultado obtenido
será imprevisible dependiendo de como lo interprete el
navegador. Cuando el valor que toma el atributo tiene más
de una palabra deberá expresarse entre comillas, en otro
caso no será necesario.
7.
8. Aplicando Etiquetas:
Para comenzar abriremos un editor de texto , en este caso usaremos bloc de notas, a continuacion se
escribe la siguiente etiqueta:
<html>
Dentro de esta etiqueta se escribe la etiqueta de encabezado
y las de titulo para nuestra pagina:
<head><title>”Mi Primera Pagina”</title></head>
Luego escribimos la etiqueta que definirá el cuerpo de la pagina que es <body> </body>
dentro de estas podemos agregar lo que se quiera implementar en la pagina siempre
que se respeten las etiquetas y atributos correspondientes.
En este caso dentro de las etiquetas de body agregaremos las etiquetas <h1></h1> y a
continuacion le agregamos nuestro titulo, para darle color y tamaño al mismo dentro de
esas etiquetas, escribimos la siguiente etiqueta y luego el titulo antes del cierre:
<font color=“nombre del color en ingles o el codigo del mismo segido del #, en este caso
usaremos rojo= red en ingles” size=“15”> “Aqui el titulo”</font>
Tambien agregaremos un color de fondo a la pagina para ello agregaremos dentro de la
etiqueta body el atributo con el color negro escrito en ingles bgcolor=“black” nos
quedara asi <body bgcolor=“black”>
Una vez echo esto cerraremos nuestra pagina con el cierre: </html>
9. Una vez echo lo anterior no deberá quedar de la siguiente forma:
<html>
<head>
<title>”Mi Primera Pagina”</title>
</head>
<body bgcolor=“black”>
<h1>
<font color=“red” size=“15”> Mi Primera Pagina</font>
</h1>
</body>
</html>
10. Una vez hallamos terminado nuestro codigo html
procederemos a guardarlo en algun lugar
especifico en este caso en el escritorio.
Para ello nos dirigimos a:
“Archivo”- ”Guardar como”-”escritorio”
Para que nuestro codigo funcione deberemos guardar en
el formato correcto que es en html, para ello escribimos
el nombre de nuestra pagina que quedara de la
siguiente forma: Mi Primera Pagina.html y luego
selecionamos en: Guardar
11. Luego de que Terminamos todos los
procedimientos anteriores haremos funcionar
nuestro codigo.
Para eso nos dirigimos al escritorio y abrimos el
icono con el titulo de nuestra pagina que se
llamara “Mi Primera Pagina”.
Una vez abierto veremos el titulo de color rojo, el
fondo de la pagina en color negro y en la
pestaña del navegador el titulo de nuestra
pagina “Mi Primera Pagina”
12. Etiquetas de lenguaje html, url:
http://www2.uca.es/serv/sc/manualhtml/etiquet.htm
Html,Guia Rapida de Referencia, PDF,url:
http://www.aragonemprendedor.com/archivos/descargas/manual_rapido_html.pdf
13. Presentacion creada por : Gonzalo Lobelcho
Contenido:con informacion tomada desde fuentes
en internet y en parte aplicadas con
conocimiento propio del autor
Presentacion titulada : Manual HTML
Año : 2016
