SlideShare una empresa de Scribd logo
1 de 24
Plataformas de
Desarrollo 2
Tema: 1 Visual Studio .NET
PhD(c). Luis Fernando Aguas Bucheli
+593 984015184
@Aguaszoft
Laguas@uisrael.edu.ec
No me diga que el cielo es el límite cuando hay
huellas en la luna.
Paul Brandt.
Objetivo
1. Adquirir los conceptos
básicos relacionados con
la programación web
2. Reconocer las
características de la
programación web
● 1.1 Programación Web
Contenido
ODS
● 4.3 De aquí a 2030, asegurar
el acceso igualitario de todos
los hombres y las mujeres a
una formación técnica,
profesional y superior de
calidad, incluida la enseñanza
universitaria
META
1.1 Programación Web
HyperText Markup Language - Lenguaje de marcado de hipertexto
HTML es un lenguaje de marcado predominante para la
elaboración de páginas web que se utiliza para describir y traducir
la estructura y la información en 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 atributos se incluyen dentro de la etiqueta de
apertura para añadir información adicional sobre el
elemento.
Se expresan de la forma: atributo=”valor”
<etiqueta atributo=”valor”>contenido</etiqueta>
Un elemento HTML está compuesto por una etiqueta de apertura,
los atributos,el contenido y la etiqueta de cierre. Estos elementos
se aplican al contenido del documento para cambiar la forma en
que el navegadorinterpretará esa información en la pantalla.
El lenguaje HTML original es muy permisivo con su sintaxis y
aunque esto 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 quese abren:
<html><body>Texto</html></body>
<html><body>Texto</body></html>
2. Los nombres de las etiquetas y sus atributosse escriben
preferentemente en minúsculas:
<HTML><BODY>Texto</BODY></HTML>
<html><body>Texto</body></html>
3. Los atributosvan entre comillas:
<p align=left>Texto<p>
<p align=“left”>Texto<p>
4. Los valoresde los atributos no se contraen o comprimen:
<p left>Texto<p>
<p align=“left”>Texto<p>
5. Toda etiqueta debe deser cerrarse:
<html><body>Texto</body>
<html><body>Texto</body></html>
Existen etiquetas vacías que son la excepción a esta regla, tales
como "regla horizontal" y "salto de línea":
<hr> <br>
Reglas:
HTML Browser
Esto es unpá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
Textocitado
<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 serrespetados.
<pre>Este texto contiene
espacios en blancoque
deben ser respetados.</pre>
HTML Browser
if i=0 then j=1
<code>if i=0 then j=1</code>
Gracias
Responsabilidad con pensamiento positivo

Más contenido relacionado

Similar a S1-PD2.pptx (20)

Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Consulta sobre acces, HMTL
Consulta sobre acces, HMTLConsulta sobre acces, HMTL
Consulta sobre acces, HMTL
 
2_2_Conceptos_básicos.pdf
2_2_Conceptos_básicos.pdf2_2_Conceptos_básicos.pdf
2_2_Conceptos_básicos.pdf
 
Ruiz guerra HTML
Ruiz guerra HTMLRuiz guerra HTML
Ruiz guerra HTML
 
Consultas profe
Consultas profe Consultas profe
Consultas profe
 
Tema2(1)
Tema2(1)Tema2(1)
Tema2(1)
 
Tema2(1)
Tema2(1)Tema2(1)
Tema2(1)
 
Guia 1 y 2 paginas web 11 (modulo)
Guia 1 y 2 paginas web 11 (modulo)Guia 1 y 2 paginas web 11 (modulo)
Guia 1 y 2 paginas web 11 (modulo)
 
F5 Masticable sobre HTML y CSS
F5 Masticable sobre HTML y CSSF5 Masticable sobre HTML y CSS
F5 Masticable sobre HTML y CSS
 
El mejor curso de html lección no.1
El mejor curso de html lección no.1El mejor curso de html lección no.1
El mejor curso de html lección no.1
 
Programación Avanzada
Programación AvanzadaProgramación Avanzada
Programación Avanzada
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina Web
 
Clase 1
Clase 1Clase 1
Clase 1
 
Aspectos Importantes de el lenguaje html
Aspectos Importantes de el lenguaje htmlAspectos Importantes de el lenguaje html
Aspectos Importantes de el lenguaje html
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
sesion 01- HTML5
sesion 01- HTML5sesion 01- HTML5
sesion 01- HTML5
 
Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
 
Html
HtmlHtml
Html
 
Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1
 
Guia 01 html
Guia 01 htmlGuia 01 html
Guia 01 html
 

Más de Luis Fernando Aguas Bucheli (20)

EFC-ISW-Luis Fernando Aguas.pptx
EFC-ISW-Luis Fernando Aguas.pptxEFC-ISW-Luis Fernando Aguas.pptx
EFC-ISW-Luis Fernando Aguas.pptx
 
P-S2.pptx
P-S2.pptxP-S2.pptx
P-S2.pptx
 
EBTS-S1.pptx
EBTS-S1.pptxEBTS-S1.pptx
EBTS-S1.pptx
 
P-S3.pptx
P-S3.pptxP-S3.pptx
P-S3.pptx
 
EBTS-S4.pptx
EBTS-S4.pptxEBTS-S4.pptx
EBTS-S4.pptx
 
P-S4.pptx
P-S4.pptxP-S4.pptx
P-S4.pptx
 
P-S1.pptx
P-S1.pptxP-S1.pptx
P-S1.pptx
 
EBTS-S3.pptx
EBTS-S3.pptxEBTS-S3.pptx
EBTS-S3.pptx
 
EBTS-S2.pptx
EBTS-S2.pptxEBTS-S2.pptx
EBTS-S2.pptx
 
PDIDTI-S7.pptx
PDIDTI-S7.pptxPDIDTI-S7.pptx
PDIDTI-S7.pptx
 
PDIDTI-S4.pptx
PDIDTI-S4.pptxPDIDTI-S4.pptx
PDIDTI-S4.pptx
 
PDIDTI-S2.pptx
PDIDTI-S2.pptxPDIDTI-S2.pptx
PDIDTI-S2.pptx
 
PDIDTI-S1.pptx
PDIDTI-S1.pptxPDIDTI-S1.pptx
PDIDTI-S1.pptx
 
PDIDTI-S8.pptx
PDIDTI-S8.pptxPDIDTI-S8.pptx
PDIDTI-S8.pptx
 
PDIDTI-S6.pptx
PDIDTI-S6.pptxPDIDTI-S6.pptx
PDIDTI-S6.pptx
 
PDIDTI-S5.pptx
PDIDTI-S5.pptxPDIDTI-S5.pptx
PDIDTI-S5.pptx
 
PDIDTI-S3.pptx
PDIDTI-S3.pptxPDIDTI-S3.pptx
PDIDTI-S3.pptx
 
TIC-S4.pptx
TIC-S4.pptxTIC-S4.pptx
TIC-S4.pptx
 
TIC-S3.pptx
TIC-S3.pptxTIC-S3.pptx
TIC-S3.pptx
 
TIC-S2.pptx
TIC-S2.pptxTIC-S2.pptx
TIC-S2.pptx
 

Último

PPT_ Prefijo homo tema para trabajar los prefijos en razonamiento verbal
PPT_ Prefijo homo tema para trabajar los prefijos en razonamiento verbalPPT_ Prefijo homo tema para trabajar los prefijos en razonamiento verbal
PPT_ Prefijo homo tema para trabajar los prefijos en razonamiento verbalRosarioChoque3
 
HISTORIETA: AVENTURAS VERDES (ECOLOGÍA).
HISTORIETA: AVENTURAS VERDES (ECOLOGÍA).HISTORIETA: AVENTURAS VERDES (ECOLOGÍA).
HISTORIETA: AVENTURAS VERDES (ECOLOGÍA).hebegris04
 
historieta materia de ecologías producto
historieta materia de ecologías productohistorieta materia de ecologías producto
historieta materia de ecologías productommartinezmarquez30
 
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxSecuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxNataliaGonzalez619348
 
5° Proyecto 13 Cuadernillo para proyectos
5° Proyecto 13 Cuadernillo para proyectos5° Proyecto 13 Cuadernillo para proyectos
5° Proyecto 13 Cuadernillo para proyectosTrishGutirrez
 
Presentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxPresentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxRosabel UA
 
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfFichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfssuser50d1252
 
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdfFichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdfssuser50d1252
 
Amor o egoísmo, esa es la cuestión por definir.pdf
Amor o egoísmo, esa es la cuestión por definir.pdfAmor o egoísmo, esa es la cuestión por definir.pdf
Amor o egoísmo, esa es la cuestión por definir.pdfAlejandrino Halire Ccahuana
 
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...Carol Andrea Eraso Guerrero
 
4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx
4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx
4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docxMagalyDacostaPea
 
Abregú, Podestá. Directores.Líderes en Acción.
Abregú, Podestá. Directores.Líderes en Acción.Abregú, Podestá. Directores.Líderes en Acción.
Abregú, Podestá. Directores.Líderes en Acción.profandrearivero
 
PROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdf
PROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdfPROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdf
PROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdfMaritza438836
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024gharce
 
4° SES MATE DESCOMP. ADIT. DE NUMEROS SOBRE CASOS DE DENGUE 9-4-24 (1).docx
4° SES MATE DESCOMP. ADIT. DE NUMEROS SOBRE CASOS DE DENGUE     9-4-24 (1).docx4° SES MATE DESCOMP. ADIT. DE NUMEROS SOBRE CASOS DE DENGUE     9-4-24 (1).docx
4° SES MATE DESCOMP. ADIT. DE NUMEROS SOBRE CASOS DE DENGUE 9-4-24 (1).docxMagalyDacostaPea
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...YobanaZevallosSantil1
 
El PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/F
El PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/FEl PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/F
El PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/FJulio Lozano
 
SESIÓN DE APRENDIZAJE Leemos un texto para identificar los sinónimos y los an...
SESIÓN DE APRENDIZAJE Leemos un texto para identificar los sinónimos y los an...SESIÓN DE APRENDIZAJE Leemos un texto para identificar los sinónimos y los an...
SESIÓN DE APRENDIZAJE Leemos un texto para identificar los sinónimos y los an...GIANCARLOORDINOLAORD
 

Último (20)

PPT_ Prefijo homo tema para trabajar los prefijos en razonamiento verbal
PPT_ Prefijo homo tema para trabajar los prefijos en razonamiento verbalPPT_ Prefijo homo tema para trabajar los prefijos en razonamiento verbal
PPT_ Prefijo homo tema para trabajar los prefijos en razonamiento verbal
 
HISTORIETA: AVENTURAS VERDES (ECOLOGÍA).
HISTORIETA: AVENTURAS VERDES (ECOLOGÍA).HISTORIETA: AVENTURAS VERDES (ECOLOGÍA).
HISTORIETA: AVENTURAS VERDES (ECOLOGÍA).
 
historieta materia de ecologías producto
historieta materia de ecologías productohistorieta materia de ecologías producto
historieta materia de ecologías producto
 
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxSecuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
 
5° Proyecto 13 Cuadernillo para proyectos
5° Proyecto 13 Cuadernillo para proyectos5° Proyecto 13 Cuadernillo para proyectos
5° Proyecto 13 Cuadernillo para proyectos
 
Presentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxPresentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptx
 
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfFichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
 
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdfFichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdf
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 
Amor o egoísmo, esa es la cuestión por definir.pdf
Amor o egoísmo, esa es la cuestión por definir.pdfAmor o egoísmo, esa es la cuestión por definir.pdf
Amor o egoísmo, esa es la cuestión por definir.pdf
 
¿Amor o egoísmo? Esa es la cuestión.pptx
¿Amor o egoísmo? Esa es la cuestión.pptx¿Amor o egoísmo? Esa es la cuestión.pptx
¿Amor o egoísmo? Esa es la cuestión.pptx
 
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
 
4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx
4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx
4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx
 
Abregú, Podestá. Directores.Líderes en Acción.
Abregú, Podestá. Directores.Líderes en Acción.Abregú, Podestá. Directores.Líderes en Acción.
Abregú, Podestá. Directores.Líderes en Acción.
 
PROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdf
PROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdfPROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdf
PROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdf
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
 
4° SES MATE DESCOMP. ADIT. DE NUMEROS SOBRE CASOS DE DENGUE 9-4-24 (1).docx
4° SES MATE DESCOMP. ADIT. DE NUMEROS SOBRE CASOS DE DENGUE     9-4-24 (1).docx4° SES MATE DESCOMP. ADIT. DE NUMEROS SOBRE CASOS DE DENGUE     9-4-24 (1).docx
4° SES MATE DESCOMP. ADIT. DE NUMEROS SOBRE CASOS DE DENGUE 9-4-24 (1).docx
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
 
El PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/F
El PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/FEl PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/F
El PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/F
 
SESIÓN DE APRENDIZAJE Leemos un texto para identificar los sinónimos y los an...
SESIÓN DE APRENDIZAJE Leemos un texto para identificar los sinónimos y los an...SESIÓN DE APRENDIZAJE Leemos un texto para identificar los sinónimos y los an...
SESIÓN DE APRENDIZAJE Leemos un texto para identificar los sinónimos y los an...
 

S1-PD2.pptx

  • 1. Plataformas de Desarrollo 2 Tema: 1 Visual Studio .NET PhD(c). Luis Fernando Aguas Bucheli +593 984015184 @Aguaszoft Laguas@uisrael.edu.ec
  • 2. No me diga que el cielo es el límite cuando hay huellas en la luna. Paul Brandt.
  • 3. Objetivo 1. Adquirir los conceptos básicos relacionados con la programación web 2. Reconocer las características de la programación web ● 1.1 Programación Web Contenido
  • 4. ODS ● 4.3 De aquí a 2030, asegurar el acceso igualitario de todos los hombres y las mujeres a una formación técnica, profesional y superior de calidad, incluida la enseñanza universitaria META
  • 6. HyperText Markup Language - Lenguaje de marcado de hipertexto HTML es un lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementarel texto con objetos tales como imágenes.
  • 7. 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
  • 8. 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;
  • 9. Los atributos se incluyen dentro de la etiqueta de apertura para añadir información adicional sobre el elemento. Se expresan de la forma: atributo=”valor” <etiqueta atributo=”valor”>contenido</etiqueta> Un elemento HTML está compuesto por una etiqueta de apertura, los atributos,el contenido y la etiqueta de cierre. Estos elementos se aplican al contenido del documento para cambiar la forma en que el navegadorinterpretará esa información en la pantalla.
  • 10. El lenguaje HTML original es muy permisivo con su sintaxis y aunque esto pueda parecer algo bueno (flexible) no lo es, pues trae como resultado páginas desordenadas,difíciles de modificar y poco profesionales.
  • 11. Reglas: 1. Las etiquetas se cierran en el mismo orden en quese abren: <html><body>Texto</html></body> <html><body>Texto</body></html> 2. Los nombres de las etiquetas y sus atributosse escriben preferentemente en minúsculas: <HTML><BODY>Texto</BODY></HTML> <html><body>Texto</body></html> 3. Los atributosvan entre comillas: <p align=left>Texto<p> <p align=“left”>Texto<p>
  • 12. 4. Los valoresde los atributos no se contraen o comprimen: <p left>Texto<p> <p align=“left”>Texto<p> 5. Toda etiqueta debe deser cerrarse: <html><body>Texto</body> <html><body>Texto</body></html> Existen etiquetas vacías que son la excepción a esta regla, tales como "regla horizontal" y "salto de línea": <hr> <br> Reglas:
  • 13. HTML Browser Esto es unpárrafo. <p>Esto es un p&aacute;rrafo.</p>
  • 14. 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>
  • 15. HTML Browser Texto normal, texto con cursiva. <p>Texto normal, <em>texto con cursiva.</em></p>
  • 16. HTML Browser Texto normal, texto en negritas. <p>Texto normal, <strong>texto en negritas</strong></p>
  • 17. HTML Browser Texto normal, texto subrayado. <p>Texto normal, <ins>texto subrayado</ins></p>
  • 18. HTML Browser Texto normal, texto tachado. <p>Texto normal, <del>texto tachado</del></p>
  • 19. HTML Browser Texto Texto en otra línea Texto<br>Texto en otra l&iacute;nea
  • 20. HTML Browser Texto normal Textocitado <p>Texto normal</p> <blockquote>Texto citado</blockquote>
  • 21. HTML Browser HTML <abbr title=“HiperText Markup Languaje”>HTML</abbr>
  • 22. HTML Browser Este texto contiene espacios en blanco que deben serrespetados. <pre>Este texto contiene espacios en blancoque deben ser respetados.</pre>
  • 23. HTML Browser if i=0 then j=1 <code>if i=0 then j=1</code>