jueves, 21 de marzo de 2019
jueves, 14 de marzo de 2019
6. CASO 6.HTML
<HTML>
<HEAD>
<TITLE> Lenguaje HTML -----> CASO6.HTML </TITLE>
</HEAD>
<BODY BGCOLOR="99FFFF" TEXT="FFFFFF">
<H1 ALIGN="CENTER"> <FONT COLOR ="000000"> Curso de HTML</FONT></H1>
<H2>Nota que el fondo es de color AZUL</H2><BR>
<FONT COLOR="00FF00"> ESTA LINEA LA CAMBIE A VERDE</FONT><BR><BR>
<FONT COLOR="FFFF00"> ESTA LINEA LA CAMBIE A COLOR AMARILLO</FONT><BR><BR>
<FONT COLOR="FF0000"> EN ESTE PARRAFO TODO VA DE COLOR ROJO</FONT><BR><BR>
<MARQUEE> Elaboró: María Isabel Villaseñor Gómez</MARQUEE>
</BODY>
</HTML>
<HEAD>
<TITLE> Lenguaje HTML -----> CASO6.HTML </TITLE>
</HEAD>
<BODY BGCOLOR="99FFFF" TEXT="FFFFFF">
<H1 ALIGN="CENTER"> <FONT COLOR ="000000"> Curso de HTML</FONT></H1>
<H2>Nota que el fondo es de color AZUL</H2><BR>
<FONT COLOR="00FF00"> ESTA LINEA LA CAMBIE A VERDE</FONT><BR><BR>
<FONT COLOR="FFFF00"> ESTA LINEA LA CAMBIE A COLOR AMARILLO</FONT><BR><BR>
<FONT COLOR="FF0000"> EN ESTE PARRAFO TODO VA DE COLOR ROJO</FONT><BR><BR>
<MARQUEE> Elaboró: María Isabel Villaseñor Gómez</MARQUEE>
</BODY>
</HTML>
Color a una parte del texto
Color a una parte del texto
El comando TEXT englobado dentro de la etiqueta <BODY> cambia el color de la totalidad del texto de la pagina.
También se puede cambiar el color de una parte del texto; esto se debe indicar mediante la etiqueta FONT COLOR como se muestra a continuación:
<FONT COLOR="FF0000"> Este texto es de color rojo</FONT>
El comando TEXT englobado dentro de la etiqueta <BODY> cambia el color de la totalidad del texto de la pagina.
También se puede cambiar el color de una parte del texto; esto se debe indicar mediante la etiqueta FONT COLOR como se muestra a continuación:
<FONT COLOR="FF0000"> Este texto es de color rojo</FONT>
5. CASO 5.HTML
<HTML>
<HEAD>
<TITLE> Lenguaje HTML -----> CASO5.HTML </TITLE>
</HEAD>
<BODY BGCOLOR="FF66CC" >
<MARQUEE> Elaboró: María Isabel Villaseñor Gómez</MARQUEE>
<P> <B> Esta palabra está en NEGRITA </B><BR><BR>
<I> Esta línea está en Cursiva </I></BR> <BR>
<U> En este renglón TODO ESTÁ SUBRAYADO</U><BR><BR>
En este RENGLÓN utilizo la etiqueta <BIG> BIG </BIG> <BR><BR>
<SMALL> Aquí tienes letra pequeña </SMALL> <BR><BR>
La fórmula del agua es H<SUB>2</SUB>O<BR><BR>
y el número 9 elevado a la 10 potencia se ve así 9<SUP>10</SUP>
</BODY>
</HTML>
<HEAD>
<TITLE> Lenguaje HTML -----> CASO5.HTML </TITLE>
</HEAD>
<BODY BGCOLOR="FF66CC" >
<MARQUEE> Elaboró: María Isabel Villaseñor Gómez</MARQUEE>
<P> <B> Esta palabra está en NEGRITA </B><BR><BR>
<I> Esta línea está en Cursiva </I></BR> <BR>
<U> En este renglón TODO ESTÁ SUBRAYADO</U><BR><BR>
En este RENGLÓN utilizo la etiqueta <BIG> BIG </BIG> <BR><BR>
<SMALL> Aquí tienes letra pequeña </SMALL> <BR><BR>
La fórmula del agua es H<SUB>2</SUB>O<BR><BR>
y el número 9 elevado a la 10 potencia se ve así 9<SUP>10</SUP>
</BODY>
</HTML>
jueves, 7 de marzo de 2019
4. Caso4.HTML
<HTML>
<HEAD>
<TITLE> LENGUAJE HTML ---------> CASO 4.HTML </TITLE>
</HEAD>
<BODY BGCOLOR="green">
<H1 ALIGN="CENTER">Instituto de Capacitación para el Trabajo del Estado de Michoacán </H1>
<H2 ALIGN="CENTER"> PLANTEL ACUITZIO </H2>
<H3 ALIGN="CENTER"> Capacitación "Factor para el Desarrollo Humano" </H3>
<H3 ALIGN="CENTER"> Cambio de renglón en Lenguaje HTML </H3>
<P> Este es el primer renglón de mi párrafo, <BR>
Este es el segundo renglón que establecí <BR> y finalmente este es el tercer renglón de mi párrafo.</P>
</BODY>
</HTML>
<HEAD>
<TITLE> LENGUAJE HTML ---------> CASO 4.HTML </TITLE>
</HEAD>
<BODY BGCOLOR="green">
<H1 ALIGN="CENTER">Instituto de Capacitación para el Trabajo del Estado de Michoacán </H1>
<H2 ALIGN="CENTER"> PLANTEL ACUITZIO </H2>
<H3 ALIGN="CENTER"> Capacitación "Factor para el Desarrollo Humano" </H3>
<H3 ALIGN="CENTER"> Cambio de renglón en Lenguaje HTML </H3>
<P> Este es el primer renglón de mi párrafo, <BR>
Este es el segundo renglón que establecí <BR> y finalmente este es el tercer renglón de mi párrafo.</P>
</BODY>
</HTML>
3. Caso 3. HTML
<HTML>
<HEAD>
<TITLE> LENGUAJE HTML ---------> CASO 3.HTML </TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER">Instituto de Capacitación para el Trabajo del Estado de Michoacán </H1>
<H2 ALIGN="LEFT"> PLANTEL ACUITZIO </H2>
<H3 ALIGN="RIGHT"> Capacitación "Factor para el Desarrollo Humano" </H3>
<H2 ALIGN="CENTER"> WWW (World Wide Web) </H2>
<P> El WWW está basado en un modelo Cliente - Servidor, utilizando el protocolo HTTP
(Hypertext Transfer Protocolo). Una computadora actúa como Servidor ofreciendo la información
a través de hypermedia, y otro como cliente, recibiéndola. La computadora que actúa como servidor
debe estar correindo con un programa especial llamado HTTPD (Hypertext Transfer Protocol Daemond),
que es capaz de recibir los requerimientos de información y atenderlos.
<P> La computadora que actúa como cliente, no necesita ningún aditamento especial, basta con el
programa Navegador o Visualizador </P>
</BODY>
</HTML>
<HEAD>
<TITLE> LENGUAJE HTML ---------> CASO 3.HTML </TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER">Instituto de Capacitación para el Trabajo del Estado de Michoacán </H1>
<H2 ALIGN="LEFT"> PLANTEL ACUITZIO </H2>
<H3 ALIGN="RIGHT"> Capacitación "Factor para el Desarrollo Humano" </H3>
<H2 ALIGN="CENTER"> WWW (World Wide Web) </H2>
<P> El WWW está basado en un modelo Cliente - Servidor, utilizando el protocolo HTTP
(Hypertext Transfer Protocolo). Una computadora actúa como Servidor ofreciendo la información
a través de hypermedia, y otro como cliente, recibiéndola. La computadora que actúa como servidor
debe estar correindo con un programa especial llamado HTTPD (Hypertext Transfer Protocol Daemond),
que es capaz de recibir los requerimientos de información y atenderlos.
<P> La computadora que actúa como cliente, no necesita ningún aditamento especial, basta con el
programa Navegador o Visualizador </P>
</BODY>
</HTML>
Ejercicio de repaso de caso 2
Instrucciones:
- Elabora un documento HTML que contenga:
- Título
- En el cuerpo del documento capturar 2 párrafos de 4 renglones cada uno, con información sobre alguna festividad importante que celebres.
- Guardarlo con el nombre de EJERCICIO DE PÁRRAFOS.HTML
2. Caso 2.HTML
<HTML>
<HEAD>
<TITLE> LENGUAJE HTML ---------> CASO 2.HTML </TITLE>
</HEAD>
<BODY>
<H1>Instituto de Capacitación para el Trabajo del Estado de Michoacán </H1>
<P>Esta es mi segunda página Web que realizo, aunque todavía es muy
sencilla. Como el curso de lenguaje HTML no es difícil, pronto estaremos
en condiciones de hacer cosas muy interesantes. </P>
<P>Este es el segundo párrafo </p>
</BODY>
</HTML>
<HEAD>
<TITLE> LENGUAJE HTML ---------> CASO 2.HTML </TITLE>
</HEAD>
<BODY>
<H1>Instituto de Capacitación para el Trabajo del Estado de Michoacán </H1>
<P>Esta es mi segunda página Web que realizo, aunque todavía es muy
sencilla. Como el curso de lenguaje HTML no es difícil, pronto estaremos
en condiciones de hacer cosas muy interesantes. </P>
<P>Este es el segundo párrafo </p>
</BODY>
</HTML>
viernes, 1 de marzo de 2019
Ejercicio grupal de caso1
Ejercicio de Repaso
Siguiendo el ejemplo del caso1, que corresponde a las etiquetas de los encabezados, escribe 1 refrán en cada uno de los encabezados.
Siguiendo el ejemplo del caso1, que corresponde a las etiquetas de los encabezados, escribe 1 refrán en cada uno de los encabezados.
1. Caso1.HTML
<HTML>
<HEAD>
<TITLE> LENGUAJE HTML ---------> CASO1.HTML </TITLE>
</HEAD>
<BODY>
<H1>ENCABEZADO NUMERO 1 </H1>
<H2>ENCABEZADO NUMERO 2 </H2>
<H3>ENCABEZADO NUMERO 3 </H3>
<H4>ENCABEZADO NUMERO 4 </H4>
<H5>ENCABEZADO NUMERO 5 </H5>
<H6>ENCABEZADO NUMERO 6 </H6>
</BODY>
</HTML>
<HEAD>
<TITLE> LENGUAJE HTML ---------> CASO1.HTML </TITLE>
</HEAD>
<BODY>
<H1>ENCABEZADO NUMERO 1 </H1>
<H2>ENCABEZADO NUMERO 2 </H2>
<H3>ENCABEZADO NUMERO 3 </H3>
<H4>ENCABEZADO NUMERO 4 </H4>
<H5>ENCABEZADO NUMERO 5 </H5>
<H6>ENCABEZADO NUMERO 6 </H6>
</BODY>
</HTML>
Formato a documento HTML
Formato a documentos HTML
Las etiquetas de inicio están delimitadas por <Y> y las de fin po </Y>
Las letras de las etiquetas pueden estar en mayúsculas o minúsculas, indiferentemente.
ENCABEZADOS (Heading)
Comprendido entre las etiquetas <HEAD> Y </HEAD>. Dentro del encabezado hay información del documento, que no se ve en la pantalla principal.
CUERPO (Body)
Comprendido entre las etiquetas <BODY> Y </BODY>. Dentro delcuerpo está todo lo que queremos que aparezca en la pantalla principal (TEXTO, IMÄGENES, etc.)
TÍTULOS
Es el nombre del documento, comprendido entre las etiquetas <TITLE> Y </TITLE> debe ser breve y descriptivo de su contenido, pues será lo que vean los demás.
ETIQUETAS DE ENCABEZADO
El texto puede tener unas cabeceras, comprendidas entre las etiquetas <H1> Y </H1>, <H2> Y </H2>, etc. (hasta el número 6). siendo el número indicativo del tamaño. El tamaño mayor es el correspondiente al número 1.
El principio esencial del lenguaje HTML es el uso de ETIQUETAS o directivas (TAGS) que definen el inicio y fin de encabezados, párrafos , y enlaces, entre otros. La mayoría de los efectos o atributos se especifican rodeando al texto que se quiere enmarcar entre éstas etiquetas las cuales definen el efecto que se desea.
Las etiquetas de inicio están delimitadas por <Y> y las de fin po </Y>
Las letras de las etiquetas pueden estar en mayúsculas o minúsculas, indiferentemente.
ENCABEZADOS (Heading)
Comprendido entre las etiquetas <HEAD> Y </HEAD>. Dentro del encabezado hay información del documento, que no se ve en la pantalla principal.
CUERPO (Body)
Comprendido entre las etiquetas <BODY> Y </BODY>. Dentro delcuerpo está todo lo que queremos que aparezca en la pantalla principal (TEXTO, IMÄGENES, etc.)
TÍTULOS
Es el nombre del documento, comprendido entre las etiquetas <TITLE> Y </TITLE> debe ser breve y descriptivo de su contenido, pues será lo que vean los demás.
ETIQUETAS DE ENCABEZADO
El texto puede tener unas cabeceras, comprendidas entre las etiquetas <H1> Y </H1>, <H2> Y </H2>, etc. (hasta el número 6). siendo el número indicativo del tamaño. El tamaño mayor es el correspondiente al número 1.
Conceptos Básicos
Conceptos Básicos
¿Qué es HTML?
Hipertexto
¿Qué es URL?
Visualizadores (Browsers)
¿Qué es HTML?
Es un lenguaje para marcado de texto (Hipertex Markup Languaje) que es el sistema de códigos para darle formato a un texto (Hipertexto) que es utilizado para el diseño y elaboración de páginas para Internet.
Hipertexto
Es básicamente, un documento que contiene texto, imágenes, sonido, animaciones, etc. junto con enlaces (LINKS) a otros documentos.
¿Qué es URL?
Un URL (Universal Resource Locators). Localizadores Universales de Recursos, es una dirección por medio la cual identificamos cada dirección por medio la cual identificamos cada página que se encuentra en Internet, cada página tiene un URL único.
Visualizadores (Browsers)
Son programas que envían solicitudes y reciben los datos necesarios para desplegar la página HTML en pantalla, una vez que se reciben todos los datos, el visualizador formatea el texto de acuerdo a como lo indican las etiquetas HTML y lo despliega junto con los archivos gráficos de sonido, animación y video en la pantalla de su computadora.
En la actualidad existe una gran variedad de visualizadores como son:
- Internet Explorer
- Netscape
- Firefox
- Google Chrome
El WWW está basado en un modelo Cliente - Servidor, utilizando el protocolo HTTP (Hypertext transfer Protocol). Una computadora actúa como servidor, ofreciendo la información a través de hypermedi, y otro como cliente , recibiéndola.
Suscribirse a:
Comentarios (Atom)