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

TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxlclcarmen
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfUPTAIDELTACHIRA
 
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
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Juan Martín Martín
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfNancyLoaa
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfAlfaresbilingual
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONALMiNeyi1
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfPaolaRopero2
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSYadi Campos
 
🦄💫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
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 

Recently uploaded (20)

TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
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...
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
🦄💫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
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 

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.