SlideShare a Scribd company logo
1 of 19
Fundamentos de Programación Entorno Web (HTML - Apunte 2) Mauricio Durán Torres [email_address] [email_address] www.netcode.cl
Párrafos - Saltos de Línea  Formatear un texto pasa por tareas tan evidentes como definir los párrafos, justificarlos, introducir viñetas, numeraciones o bien poner en negrita, itálica...  Para definir los párrafos nos servimos de la etiqueta <p> que introduce un salto y deja una línea en blanco antes de continuar con el resto del documento.  Podemos también usar la etiqueta <br>, de la cual no existe su cierre correspondiente (</br>), para realizar un simple retorno de carro con lo que no dejamos una línea en blanco sino que solo cambiamos de línea.
Párrafos - <p></p> ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Encabezados ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Encabezados ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Formateando el Texto ,[object Object],[object Object],[object Object],[object Object],[object Object]
Formateando Texto ,[object Object],[object Object],[object Object],[object Object],[object Object]
Formateando Texto ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Formateando Texto ,[object Object],[object Object],[object Object],[object Object]
Formateando Texto ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Formateando Texto ,[object Object],[object Object],[object Object],[object Object],[object Object]
Formateando Texto ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Colores  y HTML El la composición de webs juegan un papel muy importante los colores. Se indican en valores RGB, es decir, que para conseguir un color cualquiera mezclaremos cantidades de Rojo, Verde y Azul.      Los valores RBG se indican en numeración hexadecimal, en base 16. (Los dígito pueden crecer hasta 16. Como no hay tantos dígitos numéricos se utilizan las letras de la A a la F.  Para conseguir un color, mezclaremos valores de esta manera:  RRGGBB   Donde cada valor puede crecer desde 00 hasta FF. Ejemplo Cómo se cambiaría la fuente para escribir en rojo:  <font color=&quot;#FF0000&quot;>Rojo</font>
Atributos Páginas Web ,[object Object]
Atributos de Fondo Página ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Texto ,[object Object],[object Object],[object Object],[object Object],[object Object]
Ejemplos de Texto ,[object Object],[object Object]
Márgenes ,[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]

More Related Content

What's hot (19)

Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Etiquetas Diapositivas.
Etiquetas Diapositivas.Etiquetas Diapositivas.
Etiquetas Diapositivas.
 
Diapositivas Html
Diapositivas HtmlDiapositivas Html
Diapositivas Html
 
Curso Html Basico
Curso Html BasicoCurso Html Basico
Curso Html Basico
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
HTML
HTMLHTML
HTML
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
html
htmlhtml
html
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Html
HtmlHtml
Html
 
2. html
2. html2. html
2. html
 
Diapo02
Diapo02Diapo02
Diapo02
 
Html
HtmlHtml
Html
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Guia de html 3 y 4 periodo
Guia de html 3 y 4  periodoGuia de html 3 y 4  periodo
Guia de html 3 y 4 periodo
 
HTML
HTMLHTML
HTML
 

Viewers also liked

Faites connaissance aux 5 points importants pour devenir
Faites connaissance aux 5 points importants pour devenirFaites connaissance aux 5 points importants pour devenir
Faites connaissance aux 5 points importants pour devenirmillielavoisier
 
Estrategias de Aprendizaje
Estrategias de AprendizajeEstrategias de Aprendizaje
Estrategias de AprendizajeEdgar Linares
 
Balanceviviralegrias
BalanceviviralegriasBalanceviviralegrias
Balanceviviralegriasjuannoly
 
Ashwin Stage Design Gr 8
Ashwin Stage Design Gr 8Ashwin Stage Design Gr 8
Ashwin Stage Design Gr 8C Rankin
 
Recherche mit EZB, DBIS und Online Contents
Recherche mit EZB, DBIS und Online ContentsRecherche mit EZB, DBIS und Online Contents
Recherche mit EZB, DBIS und Online ContentsDörte Böhner
 
Taller3 internet12
Taller3 internet12Taller3 internet12
Taller3 internet12edvi227
 
Smartphones et tablettes janvier 2015
Smartphones et tablettes   janvier 2015Smartphones et tablettes   janvier 2015
Smartphones et tablettes janvier 2015Maroc Telecom
 
OpinionWay pour McCain - Les Français, les frites et le tour de France / Juin...
OpinionWay pour McCain - Les Français, les frites et le tour de France / Juin...OpinionWay pour McCain - Les Français, les frites et le tour de France / Juin...
OpinionWay pour McCain - Les Français, les frites et le tour de France / Juin...contactOpinionWay
 
Opinion way pour Metronews & LCI / Questions d'actualité / Juillet 2015
Opinion way pour Metronews & LCI / Questions d'actualité / Juillet 2015Opinion way pour Metronews & LCI / Questions d'actualité / Juillet 2015
Opinion way pour Metronews & LCI / Questions d'actualité / Juillet 2015contactOpinionWay
 
Audience tv 1 er trimestre 2012
Audience tv 1 er trimestre 2012Audience tv 1 er trimestre 2012
Audience tv 1 er trimestre 2012Moad Waddah
 
L'audace au coeur du management
L'audace au coeur du managementL'audace au coeur du management
L'audace au coeur du managementNIER Olivier
 
Opinionway pour envoimoinscher.com / Noël avec sa belle-famille / Décembre 2014
Opinionway pour envoimoinscher.com / Noël avec sa belle-famille / Décembre 2014Opinionway pour envoimoinscher.com / Noël avec sa belle-famille / Décembre 2014
Opinionway pour envoimoinscher.com / Noël avec sa belle-famille / Décembre 2014contactOpinionWay
 
Balada suiza
Balada suizaBalada suiza
Balada suizamonsanman
 

Viewers also liked (19)

Faites connaissance aux 5 points importants pour devenir
Faites connaissance aux 5 points importants pour devenirFaites connaissance aux 5 points importants pour devenir
Faites connaissance aux 5 points importants pour devenir
 
Estrategias de Aprendizaje
Estrategias de AprendizajeEstrategias de Aprendizaje
Estrategias de Aprendizaje
 
Balanceviviralegrias
BalanceviviralegriasBalanceviviralegrias
Balanceviviralegrias
 
Ashwin Stage Design Gr 8
Ashwin Stage Design Gr 8Ashwin Stage Design Gr 8
Ashwin Stage Design Gr 8
 
Recherche mit EZB, DBIS und Online Contents
Recherche mit EZB, DBIS und Online ContentsRecherche mit EZB, DBIS und Online Contents
Recherche mit EZB, DBIS und Online Contents
 
Presentació tallers
Presentació tallersPresentació tallers
Presentació tallers
 
Taller3 internet12
Taller3 internet12Taller3 internet12
Taller3 internet12
 
Smartphones et tablettes janvier 2015
Smartphones et tablettes   janvier 2015Smartphones et tablettes   janvier 2015
Smartphones et tablettes janvier 2015
 
Mis imágenes de europa
Mis imágenes de europaMis imágenes de europa
Mis imágenes de europa
 
CORREO ELECTRONICO
CORREO ELECTRONICOCORREO ELECTRONICO
CORREO ELECTRONICO
 
Respuesta de la contraloria
Respuesta de la contraloriaRespuesta de la contraloria
Respuesta de la contraloria
 
OpinionWay pour McCain - Les Français, les frites et le tour de France / Juin...
OpinionWay pour McCain - Les Français, les frites et le tour de France / Juin...OpinionWay pour McCain - Les Français, les frites et le tour de France / Juin...
OpinionWay pour McCain - Les Français, les frites et le tour de France / Juin...
 
Opinion way pour Metronews & LCI / Questions d'actualité / Juillet 2015
Opinion way pour Metronews & LCI / Questions d'actualité / Juillet 2015Opinion way pour Metronews & LCI / Questions d'actualité / Juillet 2015
Opinion way pour Metronews & LCI / Questions d'actualité / Juillet 2015
 
Audience tv 1 er trimestre 2012
Audience tv 1 er trimestre 2012Audience tv 1 er trimestre 2012
Audience tv 1 er trimestre 2012
 
L'audace au coeur du management
L'audace au coeur du managementL'audace au coeur du management
L'audace au coeur du management
 
Opinionway pour envoimoinscher.com / Noël avec sa belle-famille / Décembre 2014
Opinionway pour envoimoinscher.com / Noël avec sa belle-famille / Décembre 2014Opinionway pour envoimoinscher.com / Noël avec sa belle-famille / Décembre 2014
Opinionway pour envoimoinscher.com / Noël avec sa belle-famille / Décembre 2014
 
Balada suiza
Balada suizaBalada suiza
Balada suiza
 
Visite à la ferme
Visite à la fermeVisite à la ferme
Visite à la ferme
 
Ulises
UlisesUlises
Ulises
 

Similar to Html apunte 2 (20)

1 crear pag formatos
1 crear pag formatos1 crear pag formatos
1 crear pag formatos
 
Introhtml
IntrohtmlIntrohtml
Introhtml
 
Html basicccccccoooooooooooooo
Html basicccccccooooooooooooooHtml basicccccccoooooooooooooo
Html basicccccccoooooooooooooo
 
Html
HtmlHtml
Html
 
Html basico
Html basicoHtml basico
Html basico
 
Html basico
Html basicoHtml basico
Html basico
 
Introhtml
IntrohtmlIntrohtml
Introhtml
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Manual html basico GUTIECUADOR
Manual html basico GUTIECUADORManual html basico GUTIECUADOR
Manual html basico GUTIECUADOR
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Clase 2
Clase 2Clase 2
Clase 2
 
Clase 2
Clase 2Clase 2
Clase 2
 
Aplicaciones en la red
Aplicaciones en la redAplicaciones en la red
Aplicaciones en la red
 
Tpd 02
Tpd 02Tpd 02
Tpd 02
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
Conociendo mas sobre HTLM
Conociendo mas sobre HTLMConociendo mas sobre HTLM
Conociendo mas sobre HTLM
 
conociendo sobre HTLM
conociendo sobre HTLMconociendo sobre HTLM
conociendo sobre HTLM
 
Crear una página básica en HTML
Crear una página básica en HTMLCrear una página básica en HTML
Crear una página básica en HTML
 

Recently uploaded

PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptAlberto Rubio
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...jlorentemartos
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxBeatrizQuijano2
 
Actividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxActividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxpaogar2178
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIAFabiolaGarcia751855
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONamelia poma
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024IES Vicent Andres Estelles
 
animalesdelaproincia de beunos aires.pdf
animalesdelaproincia de beunos aires.pdfanimalesdelaproincia de beunos aires.pdf
animalesdelaproincia de beunos aires.pdfSofiaArias58
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfRosabel UA
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...JAVIER SOLIS NOYOLA
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxEliaHernndez7
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024IES Vicent Andres Estelles
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024IES Vicent Andres Estelles
 
Educacion Basada en Evidencias SM5 Ccesa007.pdf
Educacion Basada en Evidencias  SM5  Ccesa007.pdfEducacion Basada en Evidencias  SM5  Ccesa007.pdf
Educacion Basada en Evidencias SM5 Ccesa007.pdfDemetrio Ccesa Rayme
 
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptx
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptxAEC2. Egipto Antiguo. Adivina, Adivinanza.pptx
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptxhenarfdez
 

Recently uploaded (20)

PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
Actividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxActividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docx
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
 
Sesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdfSesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdf
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
animalesdelaproincia de beunos aires.pdf
animalesdelaproincia de beunos aires.pdfanimalesdelaproincia de beunos aires.pdf
animalesdelaproincia de beunos aires.pdf
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdf
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
Educacion Basada en Evidencias SM5 Ccesa007.pdf
Educacion Basada en Evidencias  SM5  Ccesa007.pdfEducacion Basada en Evidencias  SM5  Ccesa007.pdf
Educacion Basada en Evidencias SM5 Ccesa007.pdf
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptx
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptxAEC2. Egipto Antiguo. Adivina, Adivinanza.pptx
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptx
 
PP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomasPP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomas
 

Html apunte 2

  • 1. Fundamentos de Programación Entorno Web (HTML - Apunte 2) Mauricio Durán Torres [email_address] [email_address] www.netcode.cl
  • 2. Párrafos - Saltos de Línea Formatear un texto pasa por tareas tan evidentes como definir los párrafos, justificarlos, introducir viñetas, numeraciones o bien poner en negrita, itálica... Para definir los párrafos nos servimos de la etiqueta <p> que introduce un salto y deja una línea en blanco antes de continuar con el resto del documento. Podemos también usar la etiqueta <br>, de la cual no existe su cierre correspondiente (</br>), para realizar un simple retorno de carro con lo que no dejamos una línea en blanco sino que solo cambiamos de línea.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13. Colores y HTML El la composición de webs juegan un papel muy importante los colores. Se indican en valores RGB, es decir, que para conseguir un color cualquiera mezclaremos cantidades de Rojo, Verde y Azul.     Los valores RBG se indican en numeración hexadecimal, en base 16. (Los dígito pueden crecer hasta 16. Como no hay tantos dígitos numéricos se utilizan las letras de la A a la F. Para conseguir un color, mezclaremos valores de esta manera: RRGGBB Donde cada valor puede crecer desde 00 hasta FF. Ejemplo Cómo se cambiaría la fuente para escribir en rojo: <font color=&quot;#FF0000&quot;>Rojo</font>
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.