SlideShare una empresa de Scribd logo
1 de 15
Descargar para leer sin conexión
CÓDIGO HTLM
Colegio Bucerias
Estefania Ramirez
06/mayo/2015
Ing. Azucena Cervantes Ponce
Preparatoria 1A
¿QUÉ ES UNA FUENTE DE CÓDIGO HTML?
Para que un documento HTML sea más que simples caracteres básicos, debe contener,
además texto, una serie de instrucciones para el browser que lo va a reproducir:
estas instrucciones se denominan etiquetas o tags y se distinguen del texto porque
van entre guiones (< >)
Los editores de HTML no son siempre herramientas perfectas, sobre todo cuando ha
habido muchas modificaciones durante el proceso de creación. Con bastante
frecuencia se hará necesario consultar el código completo, con las etiquetas HTML
(como se suele denominar código fuente o código madre) para corregir las
disfunciones.
ETIQUETAS PARA MANIPULAR EL TAMAÑO DE
LETRA
Se utiliza el elemento <Hx> </Hx> donde x es un numero que puede variar entre 1 y 6, siendo 1
el tamaño mayor.
Se escribirán asi:
<H1> Texto de prueba (H1)</H1>.
<H2> Texto de prueba (H2)</H2>
<H3> Texto de prueba (H3)</H3>
<H4> Texto de prueba (H4)</H4>
<H5> Texto de prueba (H5)</H5>
<H6> Texto de prueba (H6)</H6>
DESCRIBE LAS ETIQUETAS PARA GENERAR LOS
ENCABEZADOS
DESCRIBE LAS ETIQUETAS PARA GENERAR LOS
ENCABEZADOS
¿QUÉ ES LA ETIQUETA FONT FACE?
Las propiedades del teto pueden modificarse a través de la etiqueta <font>. Para
ello, podemos insertar el teto entre las etiquetas <font> y </font>, especificando
algunos de los atributos de la etiqueta:
CÓDIGO DONDE SE EXPLICA LA ETIQUETA FONT FACE
Como se puede ver en el cuadro de código se coloca la
etiqueta Font el tamaño de la letra, su color que seria
rojo, el tamaño de la palabra color:rojo y se cierra con
/Font y br.
COMO SE PUEDE MANIPULAR EL COLOR DE LA FUENTE
DESCRIBE LA ETIQUETA CON UN EJEMPLO DE CODIGO
Para manipular el color de la fuenta se tiene que usar el código hexadecimal y la
etiqueta Font
¿CUÁL ES LA ETIQUETA DE MARQUEE?
Las marquesinas(o marquee)son líneas de texto que pueden desplazarse de un lado a otro
de la ventana en forma de línea.
Para insertar una marquesina, es necesario insertar el texto entre las
etiquetas <marquee> y </marquee>.
Por defecto, se desplaza de derecha a izquierda indefinidamente, pero si lo deseas puedes
hacer que estas propiedades varíen.
A través de behavior puede modificarse el tipo de movimiento. Puede tomar los
valores alternate (de lado a lado de la ventana, como si rebotara en los extremos), scroll (de
un lado a otro, continuamente) o slide (de un lado a otro, pero una sola vez).
A través del direction puede modificarse la dirección en la que se moverá el texto. Puede
tomar los valores down (de arriba a abajo), up (de abajo a arriba), left (de derecha a
izquierda) o left (de izquierda a derecha).
También es posible establecer un color de fondo, a través del atributo bgcolor.
DESCRIBE LA ETIQUETA DE COMO HACER UNA
IMAGEN
Ya que las imágenes son importantes para complementar la información de una
pagina web y sea mas entendible la misma.
Para eso esta la etiqueta <img>.
Por ejemplo:
<img src="logotipo.gif" alt="Logotipo de Mi Sitio" />
COMO PUEDES MANIPULAR EL ANCHO Y ALTO DE
UNA IMAGEN
Si se quiere manipular el alto y ancho de la imagen se debe utilizar los atributos
HTML widht(ancho) y height(largo).
<IMG src="mifoto.jpg" width="100" height="100"/>
QUE TIENE QUE VER LA FUNCION ALT DENTRO DE LA
ETIQUETA DE UNA IMAGEN Y ESCRIBE UN EJEMPLO
La función ALT
Entre comillas podremos escribir un texto que se mostrará si la imagen no llega a
cargar, mientras se carga o, cuando visualizando ya la imagen, pasamos el ratón por
encima.
FORMATO APA
Paginaspersonales(2011)Que es un código HTML
recuperado 06/mayo/2015
De: http://paginaspersonales.deusto.es/airibar/Ed_digital/HTML/HTML_1.html
Uv(2011)etiquetas para manipular el tamaño de la letra
Recuperado 06/mayo/2015
De: https://www.uv.es/jac/guia/tamanyo.htm
Aprenderaprogramar(2011)etiquetas para generar los en cabezados
Recuperado 06/mayo/2015
De: http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=489:encabezados-html-h1-a-h6-
parrafos-aplicar-estilos-y-etiqueta-pre-texto-preformateado-ejemplo-cu00715b&catid=69:tutorial-basico-programador-
web-html-desde-cero&Itemid=192
Aulaclic(2011)etiqueta Font face
Recuperado 06/mayo/2015
De :http://www.aulaclic.es/html/t_3_3.htm
FORMATO APA
Virtualnauta(2011) etiqueta Font face
Recuperado 06/mayo/2015
De: http://www.virtualnauta.com/html-etiqueta-font
Wikihow(2011) manipular el color de la fuente
Recuperado 06/mayo/2015
De: http://es.wikihow.com/cambiar-el-color-del-texto-en-HTML
Aulaclic(2011) etiqueta marquee
Recuperado 06/mayo/2015
De: http://www.aulaclic.es/html/t_3_4.htm
Librosweb(2011) etiqueta de como hacer una imagen
Recuperado 06/mayo/2015
De: http://librosweb.es/libro/xhtml/capitulo_6.html
FORMATO APA
Lineadecodigo(2011)alto y ancho de una imagen en HTML
Recuperado 06/mayo/2015
De: http://lineadecodigo.com/html/alto-y-ancho-de-una-imagen-con-html/
Aprenderaprogramar(2011)función ALT dentro de la etiqueta de imagen
Recuperado 06/mayo/2015
De:
http://www.aprenderaprogramar.com/index.php?option=com_content&view=article
&id=484:etiquetas-html-basicas-imagenes-img-src-alt-width-height-deprecated-
border-align-rutas-cu00714b&catid=69:tutorial-basico-programador-web-html-
desde-cero&Itemid=192

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Inf2_ p1 a_exc2_danna
Inf2_ p1 a_exc2_dannaInf2_ p1 a_exc2_danna
Inf2_ p1 a_exc2_danna
 
Microsoft word
Microsoft wordMicrosoft word
Microsoft word
 
Inf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarezInf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarez
 
Caracteristicas.[1]
Caracteristicas.[1]Caracteristicas.[1]
Caracteristicas.[1]
 
Plantillas Excel formato factura
Plantillas Excel   formato facturaPlantillas Excel   formato factura
Plantillas Excel formato factura
 
2.8 plantillas excel y formato factura
2.8 plantillas excel y formato factura2.8 plantillas excel y formato factura
2.8 plantillas excel y formato factura
 
Compu
CompuCompu
Compu
 
Guia 3 formato condicional y nombrar celdas
Guia 3   formato condicional y nombrar celdasGuia 3   formato condicional y nombrar celdas
Guia 3 formato condicional y nombrar celdas
 
Datos Estructurados JSON-LD WordPress - Iván Bravo
Datos Estructurados JSON-LD WordPress - Iván BravoDatos Estructurados JSON-LD WordPress - Iván Bravo
Datos Estructurados JSON-LD WordPress - Iván Bravo
 
Formularios en html
Formularios en htmlFormularios en html
Formularios en html
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
 
Clase iv
Clase ivClase iv
Clase iv
 
PAGINA
PAGINAPAGINA
PAGINA
 
Colegio nacional nicolas esguera pagina web
Colegio nacional nicolas esguera pagina webColegio nacional nicolas esguera pagina web
Colegio nacional nicolas esguera pagina web
 
Creación de texto
Creación de textoCreación de texto
Creación de texto
 
Practica4 propiedades de los campos
Practica4   propiedades de los camposPractica4   propiedades de los campos
Practica4 propiedades de los campos
 
Colegio nacional nicolas esguerr1
Colegio nacional nicolas esguerr1Colegio nacional nicolas esguerr1
Colegio nacional nicolas esguerr1
 
Informática etiquetas html
Informática etiquetas htmlInformática etiquetas html
Informática etiquetas html
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Producto 4
Producto 4Producto 4
Producto 4
 

Destacado (17)

Paulina C Resume 112015
Paulina C Resume 112015Paulina C Resume 112015
Paulina C Resume 112015
 
Urika-GD Product Brief Online 5-page
Urika-GD Product Brief Online 5-pageUrika-GD Product Brief Online 5-page
Urika-GD Product Brief Online 5-page
 
Bear Rocks
Bear RocksBear Rocks
Bear Rocks
 
DaleFowler_resume
DaleFowler_resumeDaleFowler_resume
DaleFowler_resume
 
Flowers2
Flowers2Flowers2
Flowers2
 
WORD 2010
WORD 2010WORD 2010
WORD 2010
 
New Diamond Found in Russia by Mark Bronner
New Diamond Found in Russia by Mark BronnerNew Diamond Found in Russia by Mark Bronner
New Diamond Found in Russia by Mark Bronner
 
Kimberley T. Coleman Resume
Kimberley T. Coleman Resume Kimberley T. Coleman Resume
Kimberley T. Coleman Resume
 
Hhh
HhhHhh
Hhh
 
Журнал "Vision planet" 08.2016
Журнал "Vision planet" 08.2016Журнал "Vision planet" 08.2016
Журнал "Vision planet" 08.2016
 
Question 3
Question 3Question 3
Question 3
 
Harta wajib zakat
Harta wajib zakatHarta wajib zakat
Harta wajib zakat
 
A LEITURA NA SALA DE AULA: UMA PROPOSTA DE TRABALHO COM O GÊNERO TIRA
A LEITURA NA SALA DE AULA: UMA PROPOSTA DE TRABALHO COM O GÊNERO TIRAA LEITURA NA SALA DE AULA: UMA PROPOSTA DE TRABALHO COM O GÊNERO TIRA
A LEITURA NA SALA DE AULA: UMA PROPOSTA DE TRABALHO COM O GÊNERO TIRA
 
DU's Winter crime-wave
DU's Winter crime-waveDU's Winter crime-wave
DU's Winter crime-wave
 
Frickr
FrickrFrickr
Frickr
 
Tugas mtk3 bab3 harlin saputra
Tugas mtk3 bab3 harlin saputraTugas mtk3 bab3 harlin saputra
Tugas mtk3 bab3 harlin saputra
 
TBJ 2014 JAB Article
TBJ 2014 JAB ArticleTBJ 2014 JAB Article
TBJ 2014 JAB Article
 

Similar a Inf2 p1 a_ejercicio2_estefaniaramirez

Similar a Inf2 p1 a_ejercicio2_estefaniaramirez (20)

Exc2 inf a-alonsodueñas
Exc2 inf a-alonsodueñasExc2 inf a-alonsodueñas
Exc2 inf a-alonsodueñas
 
Codigos de html mitzi inf 1
Codigos de html mitzi inf 1Codigos de html mitzi inf 1
Codigos de html mitzi inf 1
 
HTML-Andrea Sofia
HTML-Andrea SofiaHTML-Andrea Sofia
HTML-Andrea Sofia
 
Html- Andrea Sofia
Html- Andrea SofiaHtml- Andrea Sofia
Html- Andrea Sofia
 
HTML
HTMLHTML
HTML
 
Inf2 exc12 p1_a_unidad 3_html_josue rodriguez
Inf2 exc12 p1_a_unidad 3_html_josue rodriguezInf2 exc12 p1_a_unidad 3_html_josue rodriguez
Inf2 exc12 p1_a_unidad 3_html_josue rodriguez
 
Páginas web (1)
Páginas web (1)Páginas web (1)
Páginas web (1)
 
CODIGOS HTML
CODIGOS HTMLCODIGOS HTML
CODIGOS HTML
 
Páginas web en formato HTML
Páginas web en formato HTMLPáginas web en formato HTML
Páginas web en formato HTML
 
Conceptos Etiquetas de HTML
Conceptos Etiquetas de HTMLConceptos Etiquetas de HTML
Conceptos Etiquetas de HTML
 
html
htmlhtml
html
 
HInf2 exc12 p1_a_unidad 3_html_jessica
HInf2 exc12 p1_a_unidad 3_html_jessicaHInf2 exc12 p1_a_unidad 3_html_jessica
HInf2 exc12 p1_a_unidad 3_html_jessica
 
Guia de html
Guia de  htmlGuia de  html
Guia de html
 
Victor machuca
Victor machucaVictor machuca
Victor machuca
 
Gtgtgeg
GtgtgegGtgtgeg
Gtgtgeg
 
Exc12 p1 b_ana gabriela ramos lozano
Exc12 p1 b_ana gabriela ramos lozanoExc12 p1 b_ana gabriela ramos lozano
Exc12 p1 b_ana gabriela ramos lozano
 
Karol cortez normas apa
Karol cortez normas apaKarol cortez normas apa
Karol cortez normas apa
 
Texto enrriquecido HTML
Texto enrriquecido HTMLTexto enrriquecido HTML
Texto enrriquecido HTML
 
examen corto tics 1
examen corto tics 1 examen corto tics 1
examen corto tics 1
 
Trabajo para-blog
Trabajo para-blogTrabajo para-blog
Trabajo para-blog
 

Último

RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxPryhaSalam
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinavergarakarina022
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfMARIAPAULAMAHECHAMOR
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticosisabeltrejoros
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 

Último (20)

RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karina
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdf
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticos
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 

Inf2 p1 a_ejercicio2_estefaniaramirez

  • 1. CÓDIGO HTLM Colegio Bucerias Estefania Ramirez 06/mayo/2015 Ing. Azucena Cervantes Ponce Preparatoria 1A
  • 2. ¿QUÉ ES UNA FUENTE DE CÓDIGO HTML? Para que un documento HTML sea más que simples caracteres básicos, debe contener, además texto, una serie de instrucciones para el browser que lo va a reproducir: estas instrucciones se denominan etiquetas o tags y se distinguen del texto porque van entre guiones (< >) Los editores de HTML no son siempre herramientas perfectas, sobre todo cuando ha habido muchas modificaciones durante el proceso de creación. Con bastante frecuencia se hará necesario consultar el código completo, con las etiquetas HTML (como se suele denominar código fuente o código madre) para corregir las disfunciones.
  • 3. ETIQUETAS PARA MANIPULAR EL TAMAÑO DE LETRA Se utiliza el elemento <Hx> </Hx> donde x es un numero que puede variar entre 1 y 6, siendo 1 el tamaño mayor. Se escribirán asi: <H1> Texto de prueba (H1)</H1>. <H2> Texto de prueba (H2)</H2> <H3> Texto de prueba (H3)</H3> <H4> Texto de prueba (H4)</H4> <H5> Texto de prueba (H5)</H5> <H6> Texto de prueba (H6)</H6>
  • 4. DESCRIBE LAS ETIQUETAS PARA GENERAR LOS ENCABEZADOS
  • 5. DESCRIBE LAS ETIQUETAS PARA GENERAR LOS ENCABEZADOS
  • 6. ¿QUÉ ES LA ETIQUETA FONT FACE? Las propiedades del teto pueden modificarse a través de la etiqueta <font>. Para ello, podemos insertar el teto entre las etiquetas <font> y </font>, especificando algunos de los atributos de la etiqueta:
  • 7. CÓDIGO DONDE SE EXPLICA LA ETIQUETA FONT FACE Como se puede ver en el cuadro de código se coloca la etiqueta Font el tamaño de la letra, su color que seria rojo, el tamaño de la palabra color:rojo y se cierra con /Font y br.
  • 8. COMO SE PUEDE MANIPULAR EL COLOR DE LA FUENTE DESCRIBE LA ETIQUETA CON UN EJEMPLO DE CODIGO Para manipular el color de la fuenta se tiene que usar el código hexadecimal y la etiqueta Font
  • 9. ¿CUÁL ES LA ETIQUETA DE MARQUEE? Las marquesinas(o marquee)son líneas de texto que pueden desplazarse de un lado a otro de la ventana en forma de línea. Para insertar una marquesina, es necesario insertar el texto entre las etiquetas <marquee> y </marquee>. Por defecto, se desplaza de derecha a izquierda indefinidamente, pero si lo deseas puedes hacer que estas propiedades varíen. A través de behavior puede modificarse el tipo de movimiento. Puede tomar los valores alternate (de lado a lado de la ventana, como si rebotara en los extremos), scroll (de un lado a otro, continuamente) o slide (de un lado a otro, pero una sola vez). A través del direction puede modificarse la dirección en la que se moverá el texto. Puede tomar los valores down (de arriba a abajo), up (de abajo a arriba), left (de derecha a izquierda) o left (de izquierda a derecha). También es posible establecer un color de fondo, a través del atributo bgcolor.
  • 10. DESCRIBE LA ETIQUETA DE COMO HACER UNA IMAGEN Ya que las imágenes son importantes para complementar la información de una pagina web y sea mas entendible la misma. Para eso esta la etiqueta <img>. Por ejemplo: <img src="logotipo.gif" alt="Logotipo de Mi Sitio" />
  • 11. COMO PUEDES MANIPULAR EL ANCHO Y ALTO DE UNA IMAGEN Si se quiere manipular el alto y ancho de la imagen se debe utilizar los atributos HTML widht(ancho) y height(largo). <IMG src="mifoto.jpg" width="100" height="100"/>
  • 12. QUE TIENE QUE VER LA FUNCION ALT DENTRO DE LA ETIQUETA DE UNA IMAGEN Y ESCRIBE UN EJEMPLO La función ALT Entre comillas podremos escribir un texto que se mostrará si la imagen no llega a cargar, mientras se carga o, cuando visualizando ya la imagen, pasamos el ratón por encima.
  • 13. FORMATO APA Paginaspersonales(2011)Que es un código HTML recuperado 06/mayo/2015 De: http://paginaspersonales.deusto.es/airibar/Ed_digital/HTML/HTML_1.html Uv(2011)etiquetas para manipular el tamaño de la letra Recuperado 06/mayo/2015 De: https://www.uv.es/jac/guia/tamanyo.htm Aprenderaprogramar(2011)etiquetas para generar los en cabezados Recuperado 06/mayo/2015 De: http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=489:encabezados-html-h1-a-h6- parrafos-aplicar-estilos-y-etiqueta-pre-texto-preformateado-ejemplo-cu00715b&catid=69:tutorial-basico-programador- web-html-desde-cero&Itemid=192 Aulaclic(2011)etiqueta Font face Recuperado 06/mayo/2015 De :http://www.aulaclic.es/html/t_3_3.htm
  • 14. FORMATO APA Virtualnauta(2011) etiqueta Font face Recuperado 06/mayo/2015 De: http://www.virtualnauta.com/html-etiqueta-font Wikihow(2011) manipular el color de la fuente Recuperado 06/mayo/2015 De: http://es.wikihow.com/cambiar-el-color-del-texto-en-HTML Aulaclic(2011) etiqueta marquee Recuperado 06/mayo/2015 De: http://www.aulaclic.es/html/t_3_4.htm Librosweb(2011) etiqueta de como hacer una imagen Recuperado 06/mayo/2015 De: http://librosweb.es/libro/xhtml/capitulo_6.html
  • 15. FORMATO APA Lineadecodigo(2011)alto y ancho de una imagen en HTML Recuperado 06/mayo/2015 De: http://lineadecodigo.com/html/alto-y-ancho-de-una-imagen-con-html/ Aprenderaprogramar(2011)función ALT dentro de la etiqueta de imagen Recuperado 06/mayo/2015 De: http://www.aprenderaprogramar.com/index.php?option=com_content&view=article &id=484:etiquetas-html-basicas-imagenes-img-src-alt-width-height-deprecated- border-align-rutas-cu00714b&catid=69:tutorial-basico-programador-web-html- desde-cero&Itemid=192