Sie sind auf Seite 1von 8

INSTITUCIN EDUCATIVA EL ROSARIO TESALIA

AREA: INFORMATICA ING. John Jairo Ortiz Cumbe

Guia 1. HTML Grado 11


Objetivo:
Identificar la estructura bsica de una pgina Web usando etiquetas en el
Bloc de Notas.
Guardar pginas en formato HTML para visualizarlas en un Navegador.
La siguiente estructura bsica de una pgina web:
<html>
<head>
<title>nombre de la pagina
</title>
</head>
<body> Etiquetas y contenidos del cuerpo Parte del documento que ser
mostrada por el navegador: Texto e imgenes
</body>
</html>
Anidar etiquetas Todas estas etiquetas pueden ser anidadas unas dentro de
otras de manera a conseguir resultados diferentes. As, podemos sin ningn
problema crear texto en negrita e itlica escribiendo una etiqueta dentro de la
otra: <b>Esto slo est en negrita <i>y esto en negrita e itlica</i></b>
Etiquetas complementarias: Solo pueden ser utilizadas entre el body
<b>Esto esta en negrita</b>
etiqueta <br> que introduce un salto, no existe su cierre correspondiente.
<p align="left">Texto alineado a la izquierda</p>
<p align="center">Texto alineado al centro</p>
<p align="right">Texto alineado a la derecha</p>
<h1>Encabezado de nivel 1</h1>
<h2>Encabezado de nivel 2</h2>
<h3>Encabezado de nivel 3</h3>
<h4>Encabezado de nivel 4</h4>
<h5>Encabezado de nivel 5</h5>
1

INSTITUCIN EDUCATIVA EL ROSARIO TESALIA


AREA: INFORMATICA ING. John Jairo Ortiz Cumbe

<h6>Encabezado de nivel 6</h6>


<i>Texto en itlica</i>
<u>texto en subrayado </u>
<sup> para los suprandices </sup>
<sub> para los subndices </sub>
<font face="Comic Sans MS,arial,verdana">Este texto tiene tipo de letra
comic sans</font>
<font size=4> Define el tamao de la letra de 1 al 4. </font>
<font color="red">Este texto est en rojo</font>
Aqua, Black, Blue, Fuchsia, Gray, Green, Lime, Maroon, Navy, Olive, Purple, Red,
Silver, Teal, White, Yellow.
<body bgcolor="pink"> especificamos un color de fondo para la pgina.
<body background="nombreimagen.jpg"> colocacin de una imagen como fondo
de la pgina.
<img src="imagen.jpg" width="500" height="400" border="3">insertar imagen
con tamao
<a href="mi_documento.pdf">Enlace vinculo</a>
<a href="archivo.html"><img src="imagen.gif"></a> vincula a travs de una
imagen
<bgsound src="cancion.mp3"></bgsound>colocar audio
<marquee height=20 width=439>texto en movimiento</marquee>
Listas
Las posibilidades que nos ofrece el HTML en cuestin de tratamiento de texto
son realmente notables. No se limitan a lo visto hasta ahora, sino que van ms
lejos todava. Varios ejemplos de ello son las listas, que sirven para enumerar y
definir elementos, los textos preformateados y las cabeceras o ttulos. Las
listas son utilizadas para citar, numerar y definir objetos. Tambin son
utilizadas corrientemente para desplazar el comienzo de lnea hacia la derecha.
Listas desordenadas
Son delimitadas por las etiquetas <ul> y </ul> (unordered list). Cada uno de los
elementos de la lista es citado por medio de una etiqueta <li> (sin cierre, aunque
no hay inconveniente en colocarlo). La cosa queda as:
<ul>
<li>Argentina
2

INSTITUCIN EDUCATIVA EL ROSARIO TESALIA


AREA: INFORMATICA ING. John Jairo Ortiz Cumbe

<li>Per
<li>Chile
</ul>
Listas ordenadas
En este caso usaremos las etiquetas <ol> (ordered list) y su cierre. Cada
elemento sera igualmente precedido de su etiqueta <li>.
Pongamos un ejemplo:
<ol>
<li>Brasil
<li>Peru
<li>Colombia
</ol>
Caracteres especiales
&aacute; la "" (a minscula acentuada)
de modo que la palabra pgina se escribira en una pgina HTML de este modo:
p&aamp;aacute;gina

Taller 1. Seales de trnsito.


Deben realizar el siguiente esquema usando lenguaje HTML y guardando las
pginas con extensin .HTML. Recuerde que debe guardarse las paginas,
sonidos e imgenes usadas en la misma carpeta. Deben disear las imgenes en
Paint y guardarlas con extensin jpg.
Crear una carpeta llamada Grado11ATaller1
Se crearan 5 paginas todas al finalizar deben de ir el nombre del estudiante,
cdigo y grado.
La pgina debe quedar as:, los ttulos de cada pgina con marquesina.
Nombre del archivo: Portada.html tipo de letra comic sans tamao 12

INSTITUCIN EDUCATIVA EL ROSARIO TESALIA


AREA: INFORMATICA ING. John Jairo Ortiz Cumbe

Seales de Transito

Las seales de Trnsito son los signos que se usan en las vas nacionales, los
cuales se encuentran pintados en la calle o ubicados al lado del camino. La
utilizacin de diferentes colores tambin es una herramienta clave en su
empleo, dado a que cada color tiene un significado especfico.
Estas seales tienen como objetivo el control del trfico vehicular y garantizar
su fcil y correcta circulacin, tanto en las calles, como en las carreteras,
estos signos o seales ofrecen informacin a conductores y peatones, que
transitan ya sea por un camino, calle o carretera y van dirigidos en especial a
los conductores de vehculos.
Nombre del archivo: resena.html tipo de letra arial tamao 12
RESEA HISTRICA DE LAS SEALES DE TRNSITO EN EL MUNDO.

Las seales de trnsito y transporte, datan del Imperio Romano, quienes


instalaron algunas seales indicando el camino correcto y la distancia que haba
entre una ciudad y el imperio. Luego, con la aparicin del automvil en el siglo XX,
las seales de trnsito no experimentaron cambios radicales, siguiendo la lnea de
las utilizadas en el Imperio Romano.

INSTITUCIN EDUCATIVA EL ROSARIO TESALIA


AREA: INFORMATICA ING. John Jairo Ortiz Cumbe

Pero tiempo despus se fueron multiplicando los vehculos y estos smbolos


fueron la nica forma de comunicar las normas de trnsito a los conductores y a
los peatones, empleando un lenguaje fcil que pudiera entender cualquier persona
y en cualquier idioma.
Los primeros diseos surgieron en Inglaterra cerca del ao 1800. Las mismas se
empezaron a usar en los ferrocarriles y sta un simple sistema de luces a lo que hoy
llamamos semforo. Estas seales usadas en los ferrocarriles pasaron a regular y
controlar el trfico en las calles en el aos 1868. El ingeniero ferroviario JP Knight cre el
primer semforo de 2 brazos, cuando una de ellos se pona en forma horizontal
significaba "Pare" y "Precaucin" si los brazos se ponan a 45. A travs de los aos estos
sistemas de sealizacin fueron evolucionando pero manteniendo siempre su principal
funcin.

Las seales de trnsito protegen su vida resptelas.


Nombre del archivo: recomendaciones.html tipo de letra times news roman
tamao 14

Recomendaciones para evitar accidentes de trnsito:

1.
2.
3.
4.
5.
6.
7.

Maneje sin afn


No exceda el lmite de velocidad
No conduzca ni camine embriagado
Respete al peatn
Conduzca sin fatiga o cansancio
Si va a manejar no se distraiga
No conduzca hablando por el celular

INSTITUCIN EDUCATIVA EL ROSARIO TESALIA


AREA: INFORMATICA ING. John Jairo Ortiz Cumbe

Nombre del archivo: tipos.html tipo de letra calibri tamao 14

Tipos y funciones de seales de trnsito en Colombia

Seales de Trnsito Preventivas:

Tienen la forma de un cuadrado con una de las diagonales en sentido vertical,


su fondo es amarillo, smbolo negro y orla negra
Seales de Trnsito Reglamentarias:

Por lo general su forma es circular, su orla en color rojo, fondo blanco y


smbolo negro; una lnea oblicua en rojo seala prohibicin.

INSTITUCIN EDUCATIVA EL ROSARIO TESALIA


AREA: INFORMATICA ING. John Jairo Ortiz Cumbe

Seales de trnsito informativas o de informacin:

Como su nombre lo indica, informar y al mismo tiempo alertar al ciudadano.


Seales de Trnsito de Piso: Son marcas paralelas al sentido de circulacin y
pueden ser de color amarillo o blanco.

Por ltimo tenemos las seales de trnsito Seales de trnsito transitorias,


como su nombre lo indica son temporales o por el perodo al que se le haya
asignado. Esta ltimas seales la podemos incluir en el conjunto de seales
viales o industriales.
Tambin hay que diferenciar lo que es seales de trnsito o trfico y
sealetica, la primera se refiere al conjunto de todas las seales de trnsito
(informativas, transitorias, reglamentarias, prevencin, viales, industriales,
etc). En cambio la sealetica se define al estudio, desarrollo, diseo e
investigacin de las seales. En el diseo y desarrollo de seales de trnsito
se tiene en cuanta cuestiones culturales para que el ciudadano no tenga
problemas al identificar su significado. Las seales de trnsito estn ideadas
para la educacin vial.

Las seales de trnsito tambin se identifican por colores y formas, salvo


excepciones, stas son iguales para todos los pases, ya que estas fueron
concebidas para que sean universales y que todos puedan entender su
significado.

INSTITUCIN EDUCATIVA EL ROSARIO TESALIA


AREA: INFORMATICA ING. John Jairo Ortiz Cumbe

Nombre del archivo: importancia.html tipo de letra arial tamao 12


LA IMPORTANCIA DE APRENDER Y RESPETAR LAS SEALES DE
TRNSITO.

Aprender el significado de cada una de ellas va a permitir que las personas las
respeten ms, y as evitar accidentes de trnsito hasta inconvenientes evitables.
Muchos de los percances que suceden a diario es producto de distracciones, tanto
de los peatones como de los conductores. Tambin una ptima sealizacin de
parte de las autoridades correspondientes ayuda al regular y ordenar el trfico.
Otra de las cosas a tener en cuenta, es el estado en el que se encuentran las
seales de trfico. Muchas de ellas estn borradas o daadas por alguna persona,
por cuestiones climticas o fueron tumbadas por algn accidente y no fueron
repuestas.

Das könnte Ihnen auch gefallen