SlideShare una empresa de Scribd logo
1 de 5
Principios de HTML
Nubia Alejandra Sandoval Palma
INTRODUCCIÓN
Existen diversas herramientas y lenguajes para la realización de paginas de internet.
El lenguaje mas sencillo es denominado HTML (LENGUAJE DE MARCAS PARA
HIPERTEXTO) .
En esta lección practicaremos la forma en que se crean las paginas mediante
este lenguaje
Mi cuadro sinóptico
Principios de HTML
El lenguaje HTML
está compuesto por
una serie de
comandos llamados
“Etiquetas o Tags”.
Para desarrollar una
pagina web en HTML
los comandos deben
contar con una
función de inicio y
otra de fin.
Encabezado
Título
Cuerpo
Mi tabla
INICIO Se indica al comienzo de un documento de
bloc de notas con los signos mayor que y
menor que, y se encierra la palabra HTML.
TÍTULO Debajo de la etiqueta de encabezado se
coloca lo que corresponde el título para que
esta sea el nombre de la pagina web.
CIERRE DE TÍTULO Después de la etiqueta se deberá agregar el
nombre de la pagina y finalmente agregar una
etiqueta de cierre.
CUERPO Una vez que se ha cerrado el encabezado, se
procede a indicar la parte donde se integrará
la información de la pagina web.
CIERRE DE CUERPO Una vez que se haya terminado de escribir lo
que tendrá como entendido en la pagina, se
deberá agregar a la etiqueta de cierre
</BODY.
CIERRE DE LENGUAJE HTML Por ultimo debajo de la línea de cierre del
cuerpo se deberá agregar la etiqueta de cierre
del documento </HTLM>. Esto indica que el
documento termina ahí.
Mi tabla
ETIQUETA DESCRIPCIÓN
<P> </P Nuevo párrafo
<BR> Salto de línea
<HR> Línea horizontal
<P ALIGN=X> Alineación del párrafo. “X” puede tomar los valores de left (izquierda),
right (derecha) y center (centrado).
<Hn> </Hn> Encabezado. Se utiliza para colocar los títulos o resaltar texto. “n”
representa el tamaño del texto y puede tomar los calores del 1 al 6,
donde 1 es el de mayor jerarquía.
<B> </B> Texto en negrito
<I> </I> Texto en cursiva
<SUP> </SUP Texto en superíndice
<SUB> </SUB> Texto en subíndice
<BIG> </BIG> Texto con letra grande
<SMALL> </SMALL> Texto con letra pequeña
<FONT SIZE=n> </FONT> Tamaño del texto, “n” puede tomar los valores del 1 al 7
<FONT COLOR=x> </FONT> Color del texto, “x” representa el color. Por ejemplo, rojo.
<FONT FACE=x> </FONT> Texto con determinado tipo de letra. “X” representa una tipografía,

Más contenido relacionado

La actualidad más candente

La actualidad más candente (16)

Informatika 1111111
Informatika 1111111Informatika 1111111
Informatika 1111111
 
Mi Primera Pagina
Mi Primera PaginaMi Primera Pagina
Mi Primera Pagina
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Qué Es Html
Qué Es HtmlQué Es Html
Qué Es Html
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Taller de html
Taller de htmlTaller de html
Taller de html
 
Presentacion de etiquetas
Presentacion de etiquetasPresentacion de etiquetas
Presentacion de etiquetas
 
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSCOMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
 
Temas de html
Temas de htmlTemas de html
Temas de 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
 
Html y tags
Html y tagsHtml y tags
Html y tags
 
HTML
HTMLHTML
HTML
 
Intro paginasweb
Intro paginaswebIntro paginasweb
Intro paginasweb
 
Primeraclase
PrimeraclasePrimeraclase
Primeraclase
 

Similar a Principios de html

Similar a Principios de html (20)

HTML 2011
HTML 2011HTML 2011
HTML 2011
 
Html
HtmlHtml
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
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
 
Etiquetas de lenguaje html
Etiquetas de lenguaje htmlEtiquetas de lenguaje html
Etiquetas de lenguaje html
 
Html
HtmlHtml
Html
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Sandra,male yangela guion
Sandra,male yangela guionSandra,male yangela guion
Sandra,male yangela guion
 
Colegio nicolas esguerra html (1)
Colegio nicolas esguerra html (1)Colegio nicolas esguerra html (1)
Colegio nicolas esguerra html (1)
 
Colegio nicolas esguerra html
Colegio nicolas esguerra htmlColegio nicolas esguerra html
Colegio nicolas esguerra html
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1 Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas web
 
Html
HtmlHtml
Html
 
Etiquetas básicas en html
Etiquetas básicas en htmlEtiquetas básicas en html
Etiquetas básicas en html
 
Html
HtmlHtml
Html
 
Introducción a Html
Introducción a HtmlIntroducción a Html
Introducción a Html
 
Descripción del lenguaje de programación informático HTML
Descripción del lenguaje de programación informático HTMLDescripción del lenguaje de programación informático HTML
Descripción del lenguaje de programación informático HTML
 
04texto
04texto04texto
04texto
 

Último

La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 

Último (16)

La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 

Principios de html

  • 1. Principios de HTML Nubia Alejandra Sandoval Palma
  • 2. INTRODUCCIÓN Existen diversas herramientas y lenguajes para la realización de paginas de internet. El lenguaje mas sencillo es denominado HTML (LENGUAJE DE MARCAS PARA HIPERTEXTO) . En esta lección practicaremos la forma en que se crean las paginas mediante este lenguaje
  • 3. Mi cuadro sinóptico Principios de HTML El lenguaje HTML está compuesto por una serie de comandos llamados “Etiquetas o Tags”. Para desarrollar una pagina web en HTML los comandos deben contar con una función de inicio y otra de fin. Encabezado Título Cuerpo
  • 4. Mi tabla INICIO Se indica al comienzo de un documento de bloc de notas con los signos mayor que y menor que, y se encierra la palabra HTML. TÍTULO Debajo de la etiqueta de encabezado se coloca lo que corresponde el título para que esta sea el nombre de la pagina web. CIERRE DE TÍTULO Después de la etiqueta se deberá agregar el nombre de la pagina y finalmente agregar una etiqueta de cierre. CUERPO Una vez que se ha cerrado el encabezado, se procede a indicar la parte donde se integrará la información de la pagina web. CIERRE DE CUERPO Una vez que se haya terminado de escribir lo que tendrá como entendido en la pagina, se deberá agregar a la etiqueta de cierre </BODY. CIERRE DE LENGUAJE HTML Por ultimo debajo de la línea de cierre del cuerpo se deberá agregar la etiqueta de cierre del documento </HTLM>. Esto indica que el documento termina ahí.
  • 5. Mi tabla ETIQUETA DESCRIPCIÓN <P> </P Nuevo párrafo <BR> Salto de línea <HR> Línea horizontal <P ALIGN=X> Alineación del párrafo. “X” puede tomar los valores de left (izquierda), right (derecha) y center (centrado). <Hn> </Hn> Encabezado. Se utiliza para colocar los títulos o resaltar texto. “n” representa el tamaño del texto y puede tomar los calores del 1 al 6, donde 1 es el de mayor jerarquía. <B> </B> Texto en negrito <I> </I> Texto en cursiva <SUP> </SUP Texto en superíndice <SUB> </SUB> Texto en subíndice <BIG> </BIG> Texto con letra grande <SMALL> </SMALL> Texto con letra pequeña <FONT SIZE=n> </FONT> Tamaño del texto, “n” puede tomar los valores del 1 al 7 <FONT COLOR=x> </FONT> Color del texto, “x” representa el color. Por ejemplo, rojo. <FONT FACE=x> </FONT> Texto con determinado tipo de letra. “X” representa una tipografía,