SlideShare ist ein Scribd-Unternehmen logo
1 von 12
INTRODUCCIÓN
El lenguaje HTML (HyperText Markup
Language), es el formato estándar que
se utiliza para crear e interpretar
documentos de texto e imágenes,
conocidos popularmente como páginas
web. Estos documentos, que en
realidad son archivos de texto plano,
están compuestos básicamente por:
 - la información que el usuario ve en la
pantalla cuando accede a una página, y
 - códigos (tags o etiquetas),
transparentes para el usuario, que son
interpretados por el programa del
navegador y que controlan la manera
como la información es mostrada en la
pantalla.
 El siguiente ejemplo sencillo, contiene lo
necesario para crear una página que
desplegará en el explorador (browser o
navegador), la frase “Bienvenido ONCE al
curso de HTML”:
<HTML>
<HEAD>
<TITLE>Primer Página</TITLE>
</HEAD>
<BODY>
Bienvenido al curso de HTML
</BODY>
</HTML>
Las palabras encerradas entre los símbolos
menor y mayor que (< >), son las etiquetas
de HTML y las frases dentro de éstas,
constituyen la información que realmente
verá el usuario.
 El cuerpo contiene toda la información de la
página que será desplegada por el browser
al accederla, mientras que el encabezado
cuyo contenido generalmente no es visible,
se utiliza principalmente para colocar en él,
además del título de la página, scripts y otras
etiquetas especiales en las que se
consignan datos relacionados con el autor,
palabras claves sobre el contenido,
descripción, etc.
 El explorador, también conocido como
navegador o browser, es el software que
permite acceder, interpretar y visualizar
documentos HTML ubicados en cualquier
sitio cuya dirección es conocida. El
navegador interpreta las etiquetas y muestra
el documento en pantalla.
ETIQUETAS DE TEXTO
Las etiquetas de texto como su nombre lo
indica, permiten cambiar los atributos y la
manera como el texto se verá dentro de la
página. Se puede afectar todo un párrafo,
una línea, una palabra o caracteres
individuales simplemente
encerrándolos dentro de las etiquetas
apropiadas.
ETIQUETA <HX> </HX>
Esta etiqueta, conocida como etiqueta de
encabezado (heading), es utilizada con
frecuencia para escribir títulos y subtítulos,
dado que permite mostrar texto en negrillas
con seis tamaños diferentes, dependiendo
del valor asignado al atributo X.
<HTML>
<HEAD>
<TITLE> Encabezados</TITLE>
</HEAD>
<BODY>
<H1>Este texto tiene el tamaño que le da la etiqueta H1</H1>
<H2>Este texto tiene el tamaño que le da la etiqueta H2</H2>
<H3>Este texto tiene el tamaño que le da la etiqueta H3</H3>
<H4>Este texto tiene el tamaño que le da la etiqueta H4</H4>
<H5>Este texto tiene el tamaño que le da la etiqueta H5</H5>
<H6>Este texto tiene el tamaño que le da la etiqueta H6</H6>
</BODY>
</HTML>
La etiqueta <HX> tiene otro atributo que
permite controlar la alineación del texto.
Éste se puede alinear al centro
(align="center"), a la derecha
(align="right"), a la izquierda, que es la
alineación que toma por defecto cuando el
atributo align es omitido, o justificado
(align="justify").
 <H1 align=”center”>Texto </H1>
 <H1 align=”right”>Texto </H1>

Weitere ähnliche Inhalte

Ähnlich wie IntroPaginasweb hasta HX.pptx (20)

01introduccion
01introduccion01introduccion
01introduccion
 
1.3.2 elementos del lenguaje html
1.3.2 elementos del lenguaje html1.3.2 elementos del lenguaje html
1.3.2 elementos del lenguaje html
 
Html 121
Html 121Html 121
Html 121
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
Curso htm profe. andres l
Curso htm profe.  andres lCurso htm profe.  andres l
Curso htm profe. andres l
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Diseño de página web
Diseño de página webDiseño de página web
Diseño de página web
 
Consulta
ConsultaConsulta
Consulta
 
Consulta_
Consulta_Consulta_
Consulta_
 
Etiquetas html básicas
Etiquetas html básicasEtiquetas html básicas
Etiquetas html básicas
 
Helen Valverde 2C3
Helen Valverde 2C3Helen Valverde 2C3
Helen Valverde 2C3
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTML
 
Intro paginasweb
Intro paginaswebIntro paginasweb
Intro paginasweb
 
Trabajo 905
Trabajo 905Trabajo 905
Trabajo 905
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
 
Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1
 
Consulta
ConsultaConsulta
Consulta
 
Diseño de Paginas WEB.ppt
Diseño de Paginas WEB.pptDiseño de Paginas WEB.ppt
Diseño de Paginas WEB.ppt
 
Diseño de Paginas WEB (1).ppt
Diseño de Paginas WEB (1).pptDiseño de Paginas WEB (1).ppt
Diseño de Paginas WEB (1).ppt
 

Mehr von MUNICIPIO DE ITAGUI (20)

Listas HTML.pptx
Listas HTML.pptxListas HTML.pptx
Listas HTML.pptx
 
Font.pptx
Font.pptxFont.pptx
Font.pptx
 
EvluacionREDs.pptx
EvluacionREDs.pptxEvluacionREDs.pptx
EvluacionREDs.pptx
 
Excel_Elementos.pptx
Excel_Elementos.pptxExcel_Elementos.pptx
Excel_Elementos.pptx
 
Tablas html.pptx
Tablas html.pptxTablas html.pptx
Tablas html.pptx
 
Semana 4
Semana 4Semana 4
Semana 4
 
Sistemas de control modificado
Sistemas de control modificadoSistemas de control modificado
Sistemas de control modificado
 
Promedio max min
Promedio max minPromedio max min
Promedio max min
 
Excel elementos ventana
Excel elementos ventanaExcel elementos ventana
Excel elementos ventana
 
Semana 3
Semana 3Semana 3
Semana 3
 
RadioDikta
RadioDiktaRadioDikta
RadioDikta
 
Examen sistemas de control
Examen sistemas de controlExamen sistemas de control
Examen sistemas de control
 
Sistemas de control
Sistemas de controlSistemas de control
Sistemas de control
 
Seguridad informatica parte dos
Seguridad informatica parte dosSeguridad informatica parte dos
Seguridad informatica parte dos
 
Seguridad informatica parte uno
Seguridad informatica parte unoSeguridad informatica parte uno
Seguridad informatica parte uno
 
Seguridad informatica
Seguridad informaticaSeguridad informatica
Seguridad informatica
 
Word elementos
Word elementosWord elementos
Word elementos
 
Nivelacion tecnologia
Nivelacion tecnologiaNivelacion tecnologia
Nivelacion tecnologia
 
Guia podcast nov9al13
Guia podcast nov9al13Guia podcast nov9al13
Guia podcast nov9al13
 
Guia podcast nov16al20
Guia podcast nov16al20Guia podcast nov16al20
Guia podcast nov16al20
 

Kürzlich hochgeladen

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
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
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
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
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
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptxolgakaterin
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
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
 
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
 
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
 
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
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
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
 

Kürzlich hochgeladen (20)

Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
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
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptx
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
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...
 
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
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
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
 
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
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
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...
 

IntroPaginasweb hasta HX.pptx

  • 1. INTRODUCCIÓN El lenguaje HTML (HyperText Markup Language), es el formato estándar que se utiliza para crear e interpretar documentos de texto e imágenes, conocidos popularmente como páginas web. Estos documentos, que en realidad son archivos de texto plano, están compuestos básicamente por:
  • 2.  - la información que el usuario ve en la pantalla cuando accede a una página, y  - códigos (tags o etiquetas), transparentes para el usuario, que son interpretados por el programa del navegador y que controlan la manera como la información es mostrada en la pantalla.
  • 3.  El siguiente ejemplo sencillo, contiene lo necesario para crear una página que desplegará en el explorador (browser o navegador), la frase “Bienvenido ONCE al curso de HTML”:
  • 5. Las palabras encerradas entre los símbolos menor y mayor que (< >), son las etiquetas de HTML y las frases dentro de éstas, constituyen la información que realmente verá el usuario.
  • 6.  El cuerpo contiene toda la información de la página que será desplegada por el browser al accederla, mientras que el encabezado cuyo contenido generalmente no es visible, se utiliza principalmente para colocar en él, además del título de la página, scripts y otras etiquetas especiales en las que se consignan datos relacionados con el autor, palabras claves sobre el contenido, descripción, etc.
  • 7.  El explorador, también conocido como navegador o browser, es el software que permite acceder, interpretar y visualizar documentos HTML ubicados en cualquier sitio cuya dirección es conocida. El navegador interpreta las etiquetas y muestra el documento en pantalla.
  • 8. ETIQUETAS DE TEXTO Las etiquetas de texto como su nombre lo indica, permiten cambiar los atributos y la manera como el texto se verá dentro de la página. Se puede afectar todo un párrafo, una línea, una palabra o caracteres individuales simplemente encerrándolos dentro de las etiquetas apropiadas.
  • 9. ETIQUETA <HX> </HX> Esta etiqueta, conocida como etiqueta de encabezado (heading), es utilizada con frecuencia para escribir títulos y subtítulos, dado que permite mostrar texto en negrillas con seis tamaños diferentes, dependiendo del valor asignado al atributo X.
  • 10. <HTML> <HEAD> <TITLE> Encabezados</TITLE> </HEAD> <BODY> <H1>Este texto tiene el tamaño que le da la etiqueta H1</H1> <H2>Este texto tiene el tamaño que le da la etiqueta H2</H2> <H3>Este texto tiene el tamaño que le da la etiqueta H3</H3> <H4>Este texto tiene el tamaño que le da la etiqueta H4</H4> <H5>Este texto tiene el tamaño que le da la etiqueta H5</H5> <H6>Este texto tiene el tamaño que le da la etiqueta H6</H6> </BODY> </HTML>
  • 11. La etiqueta <HX> tiene otro atributo que permite controlar la alineación del texto. Éste se puede alinear al centro (align="center"), a la derecha (align="right"), a la izquierda, que es la alineación que toma por defecto cuando el atributo align es omitido, o justificado (align="justify").
  • 12.  <H1 align=”center”>Texto </H1>  <H1 align=”right”>Texto </H1>