SlideShare ist ein Scribd-Unternehmen logo
1 von 19
Downloaden Sie, um offline zu lesen
HyperText Markup Language - Lenguaje de marcadode hipertexto
HTML es un lenguaje de marcado predominantepara la
elaboraciónde páginas web que se utilizapara describir y traducir
la estructura y la informaciónen forma de texto, así como para
complementarel texto con objetos tales como imágenes.
El HTML se escribe en forma de etiquetas o TAGs, contenidas
dentro de corchetes angulares (< y >).
html
head
title Ejemplo /title
/head
body
p Ejemplo /p
/body
/html
Los caracteres especiales se deben convertir en HTML para
mostrarse correctamente en un navegador.
Carácter Código HTML
á &aacute;
é &eacute;
í &iacute;
ó &oacute;
ú &uacute;
ü &uuml;
ñ &ntilde;
¡ &iexcl;
Carácter Código HTML
Á &Aacute;
É &Eacute;
Í &Iacute;
Ó &Oacute;
Ú &Uacute;
Ü &Uuml;
Ñ &Ntilde;
¿ &iquest;
Los atributosse incluyendentro de la etiquetade apertura para
añadir informaciónadicionalsobre el elemento.
Se expresan de la forma: atributo=”valor”
Un elemento HTML está compuestopor una etiquetade apertura,
los atributos,el contenidoy la etiquetade cierre. Estos elementos
se aplicanal contenidodel documentopara cambiar la forma en
que el navegadorinterpretaráesa información en la pantalla.
<etiqueta atributo=”valor”>contenido</etiqueta>
El lenguajeHTML originales muy permisivo con su sintaxis y
aunqueesto pueda parecer algo bueno (flexible) no lo es, pues
trae como resultado páginas desordenadas,difíciles de modificar
y poco profesionales.
Reglas:
1. Las etiquetas se cierran en el mismo orden en que se abren:
2. Los nombres de las etiquetas y sus atributosse escriben
preferentemente en minúsculas:
3. Los atributosvan entre comillas:
<html><body>Texto</html></body>
<html><body>Texto</body></html>
<HTML><BODY>Texto</BODY></HTML>
<html><body>Texto</body></html>
<p align=left>Texto<p>
<p align=“left”>Texto<p>
Reglas:
4. Los valoresde los atributos no se contraen o comprimen:
5. Toda etiquetadebe de ser cerrarse:
Existen etiquetas vacías que son la excepción a esta regla, tales
como "regla horizontal"y "salto de línea":
<p left>Texto<p>
<p align=“left”>Texto<p>
<html><body>Texto</body>
<html><body>Texto</body></html>
<hr> <br>
HTML Browser
Esto es un párrafo.
<p>Esto es un
p&aacute;rrafo.</p>
HTML Browser
Título 1
Título 2
Título 3
Título 4
Título 5
Título 6
<h1>T&iacute;tulo 1</h1>
<h2>T&iacute;tulo 1</h2>
<h3>T&iacute;tulo 1</h3>
<h4>T&iacute;tulo 1</h4>
<h5>T&iacute;tulo 1</h5>
<h6>T&iacute;tulo 1</h6>
HTML Browser
Texto normal, texto con
cursiva.
<p>Texto normal, <em>texto con
cursiva.</em></p>
HTML Browser
Texto normal, texto en
negritas.
<p>Texto normal, <strong>texto
en negritas</strong></p>
HTML Browser
Texto normal, texto
subrayado.
<p>Texto normal, <ins>texto
subrayado</ins></p>
HTML Browser
Texto normal, texto
tachado.
<p>Texto normal, <del>texto
tachado</del></p>
HTML Browser
Texto
Texto en otra línea
Texto<br>Texto en otra
l&iacute;nea
HTML Browser
Texto normal
Texto citado
<p>Texto normal</p>
<blockquote>Texto
citado</blockquote>
HTML Browser
HTML
<abbr title=“HiperText Markup
Languaje”>HTML</abbr>
HTML Browser
Este texto contiene
espacios en blanco que
deben ser respetados.
<pre>Este texto contiene
espacios en blanco que
deben ser respetados.</pre>
HTML Browser
if i=0 then j=1
<code>if i=0 then j=1</code>
Programación Web I - ISC - UCQ - Presentación 04

Weitere ähnliche Inhalte

Was ist angesagt?

Etiquetas Diapositivas.
Etiquetas Diapositivas.Etiquetas Diapositivas.
Etiquetas Diapositivas.asdi
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTMLpablo3022
 
Tema 02 trabajando con texto en html
Tema 02 trabajando con texto en htmlTema 02 trabajando con texto en html
Tema 02 trabajando con texto en htmlSalomon Aquino
 
Unidad 8 Presentada Por Drinkin Tim Hardcore Racing
Unidad 8 Presentada Por Drinkin Tim Hardcore RacingUnidad 8 Presentada Por Drinkin Tim Hardcore Racing
Unidad 8 Presentada Por Drinkin Tim Hardcore Racingguestacf38e1
 
Fundamentos HTML - Web 2.0
Fundamentos HTML - Web 2.0Fundamentos HTML - Web 2.0
Fundamentos HTML - Web 2.0Raymond Marquina
 
Codigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE MéridaCodigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE Méridaduberlisg
 
Presentacion de etiquetas
Presentacion de etiquetasPresentacion de etiquetas
Presentacion de etiquetasIvan Perez
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTMLlaureanag
 
Producto 3 Byron
Producto 3 ByronProducto 3 Byron
Producto 3 Byronbyronicooo
 
Páginas web en formato HTML
Páginas web en formato HTMLPáginas web en formato HTML
Páginas web en formato HTMLwladimirclipper
 
Qué es html
Qué es htmlQué es html
Qué es htmledujoso
 
tutorial para una pagina web
tutorial para una pagina webtutorial para una pagina web
tutorial para una pagina webkaren_malik
 

Was ist angesagt? (20)

Qué es xhtml
Qué es xhtmlQué es xhtml
Qué es xhtml
 
¿Qué es CSS?
¿Qué es CSS?¿Qué es CSS?
¿Qué es CSS?
 
Etiquetas Diapositivas.
Etiquetas Diapositivas.Etiquetas Diapositivas.
Etiquetas Diapositivas.
 
1 crear pag formatos
1 crear pag formatos1 crear pag formatos
1 crear pag formatos
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Tema 02 trabajando con texto en html
Tema 02 trabajando con texto en htmlTema 02 trabajando con texto en html
Tema 02 trabajando con texto en html
 
Unidad 8 Presentada Por Drinkin Tim Hardcore Racing
Unidad 8 Presentada Por Drinkin Tim Hardcore RacingUnidad 8 Presentada Por Drinkin Tim Hardcore Racing
Unidad 8 Presentada Por Drinkin Tim Hardcore Racing
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
Fundamentos HTML - Web 2.0
Fundamentos HTML - Web 2.0Fundamentos HTML - Web 2.0
Fundamentos HTML - Web 2.0
 
Etiquetas en Html
Etiquetas en HtmlEtiquetas en Html
Etiquetas en Html
 
Codigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE MéridaCodigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE Mérida
 
Xhtml
XhtmlXhtml
Xhtml
 
Presentacion de etiquetas
Presentacion de etiquetasPresentacion de etiquetas
Presentacion de etiquetas
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Producto 3 Byron
Producto 3 ByronProducto 3 Byron
Producto 3 Byron
 
Páginas web en formato HTML
Páginas web en formato HTMLPáginas web en formato HTML
Páginas web en formato HTML
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Qué es html
Qué es htmlQué es html
Qué es html
 
tutorial para una pagina web
tutorial para una pagina webtutorial para una pagina web
tutorial para una pagina web
 
Html Exposicion
Html ExposicionHtml Exposicion
Html Exposicion
 

Ähnlich wie Programación Web I - ISC - UCQ - Presentación 04

Ähnlich wie Programación Web I - ISC - UCQ - Presentación 04 (20)

Curso FPE Diseño Web. Módulo 2. El HTML
Curso FPE Diseño Web. Módulo 2. El HTMLCurso FPE Diseño Web. Módulo 2. El HTML
Curso FPE Diseño Web. Módulo 2. El HTML
 
Curso HTML CSS Sesion 2/4
Curso HTML CSS Sesion 2/4Curso HTML CSS Sesion 2/4
Curso HTML CSS Sesion 2/4
 
Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1 Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1
 
04 Marcas HTML
04 Marcas HTML04 Marcas HTML
04 Marcas HTML
 
html
htmlhtml
html
 
Manual html
Manual htmlManual html
Manual html
 
Caracteristicas de la web 2.0
Caracteristicas de la web 2.0Caracteristicas de la web 2.0
Caracteristicas de la web 2.0
 
Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
 
Html
HtmlHtml
Html
 
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
 
Introduccion Xhtml
Introduccion XhtmlIntroduccion Xhtml
Introduccion Xhtml
 
Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuación
 
Introducción al HTML
Introducción al HTML Introducción al HTML
Introducción al HTML
 
Front End - Maquetación xhtml + css
Front End - Maquetación xhtml + cssFront End - Maquetación xhtml + css
Front End - Maquetación xhtml + css
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTML
 
Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IV
 
H T M L E X P O S I C I O N
H T M L  E X P O S I C I O NH T M L  E X P O S I C I O N
H T M L E X P O S I C I O N
 
HTML
HTMLHTML
HTML
 

Mehr von Giovanni Orozco

Ejercicios previos al examen segundo parcial álgebra y trigonometría (marzo...
Ejercicios previos al examen segundo parcial   álgebra y trigonometría (marzo...Ejercicios previos al examen segundo parcial   álgebra y trigonometría (marzo...
Ejercicios previos al examen segundo parcial álgebra y trigonometría (marzo...Giovanni Orozco
 
Aplicaciones de Redes - ISC - UCQ - Presentación Final
Aplicaciones de Redes - ISC - UCQ - Presentación FinalAplicaciones de Redes - ISC - UCQ - Presentación Final
Aplicaciones de Redes - ISC - UCQ - Presentación FinalGiovanni Orozco
 
Aplicaciones de Redes - ISC - UCQ - Presentación 05
Aplicaciones de Redes - ISC - UCQ - Presentación 05Aplicaciones de Redes - ISC - UCQ - Presentación 05
Aplicaciones de Redes - ISC - UCQ - Presentación 05Giovanni Orozco
 
Ejercicios para el primer parcial de Álgebra
Ejercicios para el primer parcial de ÁlgebraEjercicios para el primer parcial de Álgebra
Ejercicios para el primer parcial de ÁlgebraGiovanni Orozco
 
Álgebra y Trigonometría - Ejercicios 03
Álgebra y Trigonometría - Ejercicios 03Álgebra y Trigonometría - Ejercicios 03
Álgebra y Trigonometría - Ejercicios 03Giovanni Orozco
 
Alfabeto aplicaciones de redes
Alfabeto aplicaciones de redesAlfabeto aplicaciones de redes
Alfabeto aplicaciones de redesGiovanni Orozco
 
Álgebra y Trigonometría - Ejercicios 02
Álgebra y Trigonometría - Ejercicios 02Álgebra y Trigonometría - Ejercicios 02
Álgebra y Trigonometría - Ejercicios 02Giovanni Orozco
 
Programación Web I - ISC - UCQ - Presentación 03
Programación Web I - ISC - UCQ - Presentación 03Programación Web I - ISC - UCQ - Presentación 03
Programación Web I - ISC - UCQ - Presentación 03Giovanni Orozco
 
Álgebra y Trigonometría - Ejercicios 01
Álgebra y Trigonometría - Ejercicios 01Álgebra y Trigonometría - Ejercicios 01
Álgebra y Trigonometría - Ejercicios 01Giovanni Orozco
 
Aplicaciones de Redes - ISC - UCQ - Presentación 3
Aplicaciones de Redes - ISC - UCQ - Presentación 3Aplicaciones de Redes - ISC - UCQ - Presentación 3
Aplicaciones de Redes - ISC - UCQ - Presentación 3Giovanni Orozco
 
Programación Web I - ISC - UCQ - Presentación 02
Programación Web I - ISC - UCQ - Presentación 02Programación Web I - ISC - UCQ - Presentación 02
Programación Web I - ISC - UCQ - Presentación 02Giovanni Orozco
 
Programación Web I - ISC - UCQ - Presentación 01
Programación Web I - ISC - UCQ - Presentación 01Programación Web I - ISC - UCQ - Presentación 01
Programación Web I - ISC - UCQ - Presentación 01Giovanni Orozco
 
Álgebra y Trigonometría - ISC - UCQ - Presentación 01
Álgebra y Trigonometría - ISC - UCQ - Presentación 01Álgebra y Trigonometría - ISC - UCQ - Presentación 01
Álgebra y Trigonometría - ISC - UCQ - Presentación 01Giovanni Orozco
 
Aplicaciones de Redes - ISC - UCQ - Presentación 01
Aplicaciones de Redes - ISC - UCQ - Presentación 01Aplicaciones de Redes - ISC - UCQ - Presentación 01
Aplicaciones de Redes - ISC - UCQ - Presentación 01Giovanni Orozco
 

Mehr von Giovanni Orozco (15)

Ejercicios previos al examen segundo parcial álgebra y trigonometría (marzo...
Ejercicios previos al examen segundo parcial   álgebra y trigonometría (marzo...Ejercicios previos al examen segundo parcial   álgebra y trigonometría (marzo...
Ejercicios previos al examen segundo parcial álgebra y trigonometría (marzo...
 
Formulario Álgebra
Formulario ÁlgebraFormulario Álgebra
Formulario Álgebra
 
Aplicaciones de Redes - ISC - UCQ - Presentación Final
Aplicaciones de Redes - ISC - UCQ - Presentación FinalAplicaciones de Redes - ISC - UCQ - Presentación Final
Aplicaciones de Redes - ISC - UCQ - Presentación Final
 
Aplicaciones de Redes - ISC - UCQ - Presentación 05
Aplicaciones de Redes - ISC - UCQ - Presentación 05Aplicaciones de Redes - ISC - UCQ - Presentación 05
Aplicaciones de Redes - ISC - UCQ - Presentación 05
 
Ejercicios para el primer parcial de Álgebra
Ejercicios para el primer parcial de ÁlgebraEjercicios para el primer parcial de Álgebra
Ejercicios para el primer parcial de Álgebra
 
Álgebra y Trigonometría - Ejercicios 03
Álgebra y Trigonometría - Ejercicios 03Álgebra y Trigonometría - Ejercicios 03
Álgebra y Trigonometría - Ejercicios 03
 
Alfabeto aplicaciones de redes
Alfabeto aplicaciones de redesAlfabeto aplicaciones de redes
Alfabeto aplicaciones de redes
 
Álgebra y Trigonometría - Ejercicios 02
Álgebra y Trigonometría - Ejercicios 02Álgebra y Trigonometría - Ejercicios 02
Álgebra y Trigonometría - Ejercicios 02
 
Programación Web I - ISC - UCQ - Presentación 03
Programación Web I - ISC - UCQ - Presentación 03Programación Web I - ISC - UCQ - Presentación 03
Programación Web I - ISC - UCQ - Presentación 03
 
Álgebra y Trigonometría - Ejercicios 01
Álgebra y Trigonometría - Ejercicios 01Álgebra y Trigonometría - Ejercicios 01
Álgebra y Trigonometría - Ejercicios 01
 
Aplicaciones de Redes - ISC - UCQ - Presentación 3
Aplicaciones de Redes - ISC - UCQ - Presentación 3Aplicaciones de Redes - ISC - UCQ - Presentación 3
Aplicaciones de Redes - ISC - UCQ - Presentación 3
 
Programación Web I - ISC - UCQ - Presentación 02
Programación Web I - ISC - UCQ - Presentación 02Programación Web I - ISC - UCQ - Presentación 02
Programación Web I - ISC - UCQ - Presentación 02
 
Programación Web I - ISC - UCQ - Presentación 01
Programación Web I - ISC - UCQ - Presentación 01Programación Web I - ISC - UCQ - Presentación 01
Programación Web I - ISC - UCQ - Presentación 01
 
Álgebra y Trigonometría - ISC - UCQ - Presentación 01
Álgebra y Trigonometría - ISC - UCQ - Presentación 01Álgebra y Trigonometría - ISC - UCQ - Presentación 01
Álgebra y Trigonometría - ISC - UCQ - Presentación 01
 
Aplicaciones de Redes - ISC - UCQ - Presentación 01
Aplicaciones de Redes - ISC - UCQ - Presentación 01Aplicaciones de Redes - ISC - UCQ - Presentación 01
Aplicaciones de Redes - ISC - UCQ - Presentación 01
 

Kürzlich hochgeladen

Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteJuan Hernandez
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdfOswaldoGonzalezCruz
 
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfLA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfNataliaMalky1
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxOscarEduardoSanchezC
 
TEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfTEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfDannyTola1
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxMartín Ramírez
 
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfTarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfCarol Andrea Eraso Guerrero
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfCESARMALAGA4
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxYeseniaRivera50
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxJUANSIMONPACHIN
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfromanmillans
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docxAgustinaNuez21
 
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptPINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptAlberto Rubio
 
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfluisantoniocruzcorte1
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPELaura Chacón
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas123yudy
 

Kürzlich hochgeladen (20)

VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parte
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
 
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfLA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
 
TEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfTEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdf
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
 
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfTarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdf
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docx
 
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptPINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
 
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPE
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas
 

Programación Web I - ISC - UCQ - Presentación 04

  • 1. HyperText Markup Language - Lenguaje de marcadode hipertexto HTML es un lenguaje de marcado predominantepara la elaboraciónde páginas web que se utilizapara describir y traducir la estructura y la informaciónen forma de texto, así como para complementarel texto con objetos tales como imágenes.
  • 2. El HTML se escribe en forma de etiquetas o TAGs, contenidas dentro de corchetes angulares (< y >). html head title Ejemplo /title /head body p Ejemplo /p /body /html
  • 3. Los caracteres especiales se deben convertir en HTML para mostrarse correctamente en un navegador. Carácter Código HTML á &aacute; é &eacute; í &iacute; ó &oacute; ú &uacute; ü &uuml; ñ &ntilde; ¡ &iexcl; Carácter Código HTML Á &Aacute; É &Eacute; Í &Iacute; Ó &Oacute; Ú &Uacute; Ü &Uuml; Ñ &Ntilde; ¿ &iquest;
  • 4. Los atributosse incluyendentro de la etiquetade apertura para añadir informaciónadicionalsobre el elemento. Se expresan de la forma: atributo=”valor” Un elemento HTML está compuestopor una etiquetade apertura, los atributos,el contenidoy la etiquetade cierre. Estos elementos se aplicanal contenidodel documentopara cambiar la forma en que el navegadorinterpretaráesa información en la pantalla. <etiqueta atributo=”valor”>contenido</etiqueta>
  • 5. El lenguajeHTML originales muy permisivo con su sintaxis y aunqueesto pueda parecer algo bueno (flexible) no lo es, pues trae como resultado páginas desordenadas,difíciles de modificar y poco profesionales.
  • 6. Reglas: 1. Las etiquetas se cierran en el mismo orden en que se abren: 2. Los nombres de las etiquetas y sus atributosse escriben preferentemente en minúsculas: 3. Los atributosvan entre comillas: <html><body>Texto</html></body> <html><body>Texto</body></html> <HTML><BODY>Texto</BODY></HTML> <html><body>Texto</body></html> <p align=left>Texto<p> <p align=“left”>Texto<p>
  • 7. Reglas: 4. Los valoresde los atributos no se contraen o comprimen: 5. Toda etiquetadebe de ser cerrarse: Existen etiquetas vacías que son la excepción a esta regla, tales como "regla horizontal"y "salto de línea": <p left>Texto<p> <p align=“left”>Texto<p> <html><body>Texto</body> <html><body>Texto</body></html> <hr> <br>
  • 8. HTML Browser Esto es un párrafo. <p>Esto es un p&aacute;rrafo.</p>
  • 9. HTML Browser Título 1 Título 2 Título 3 Título 4 Título 5 Título 6 <h1>T&iacute;tulo 1</h1> <h2>T&iacute;tulo 1</h2> <h3>T&iacute;tulo 1</h3> <h4>T&iacute;tulo 1</h4> <h5>T&iacute;tulo 1</h5> <h6>T&iacute;tulo 1</h6>
  • 10. HTML Browser Texto normal, texto con cursiva. <p>Texto normal, <em>texto con cursiva.</em></p>
  • 11. HTML Browser Texto normal, texto en negritas. <p>Texto normal, <strong>texto en negritas</strong></p>
  • 12. HTML Browser Texto normal, texto subrayado. <p>Texto normal, <ins>texto subrayado</ins></p>
  • 13. HTML Browser Texto normal, texto tachado. <p>Texto normal, <del>texto tachado</del></p>
  • 14. HTML Browser Texto Texto en otra línea Texto<br>Texto en otra l&iacute;nea
  • 15. HTML Browser Texto normal Texto citado <p>Texto normal</p> <blockquote>Texto citado</blockquote>
  • 16. HTML Browser HTML <abbr title=“HiperText Markup Languaje”>HTML</abbr>
  • 17. HTML Browser Este texto contiene espacios en blanco que deben ser respetados. <pre>Este texto contiene espacios en blanco que deben ser respetados.</pre>
  • 18. HTML Browser if i=0 then j=1 <code>if i=0 then j=1</code>