SlideShare una empresa de Scribd logo
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

Informatika 1111111
Informatika 1111111Informatika 1111111
Informatika 1111111
Jordan Jordans
 
Mi Primera Pagina
Mi Primera PaginaMi Primera Pagina
Mi Primera Pagina
Sergio Cavero Oviedo
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
Beberly 2001
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
Anna García Sans
 
Qué es html
Qué es htmlQué es html
Qué es htmledujoso
 
Taller de html
Taller de htmlTaller de html
Taller de htmlblankkizz
 
Presentacion de etiquetas
Presentacion de etiquetasPresentacion de etiquetas
Presentacion de etiquetas
Ivan Perez
 
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
Jenny A
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
Ana Lira
 
Html y tags
Html y tagsHtml y tags
Html y tags
peruchises
 
Intro paginasweb
Intro paginaswebIntro paginasweb
Intro paginasweb
MUNICIPIO DE ITAGUI
 

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

HTML 2011
HTML 2011HTML 2011
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 periodoMacepla822
 
Etiquetas de lenguaje html
Etiquetas de lenguaje htmlEtiquetas de lenguaje html
Etiquetas de lenguaje htmlmajito1995
 
Html
HtmlHtml
Sandra,male yangela guion
Sandra,male yangela guionSandra,male yangela guion
Sandra,male yangela guion
Angelablanco2828
 
Colegio nicolas esguerra html (1)
Colegio nicolas esguerra html (1)Colegio nicolas esguerra html (1)
Colegio nicolas esguerra html (1)
Wilson Sanchez
 
Colegio nicolas esguerra html
Colegio nicolas esguerra htmlColegio nicolas esguerra html
Colegio nicolas esguerra html
ltonny5
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
Nicolas Sanchez
 
Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1 Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1
Emmanuel Ortiz Gutierrez
 
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
albafa1995
 
Html
HtmlHtml
Introducción a Html
Introducción a HtmlIntroducción a Html
Introducción a Html
NIÑO JESUS DE PRAGA
 
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
marioele8
 
04texto
04texto04texto

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

COMPARATIVO DE SUBESTACIONES AIS VS GIS.
COMPARATIVO DE SUBESTACIONES AIS VS GIS.COMPARATIVO DE SUBESTACIONES AIS VS GIS.
COMPARATIVO DE SUBESTACIONES AIS VS GIS.
SERVANDOBADILLOPOLEN
 
maestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdfmaestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdf
JimmyTejadaSalizar
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
ItsSofi
 
SISTESIS RETO4 Grupo4 co-creadores .ppsx
SISTESIS RETO4 Grupo4 co-creadores .ppsxSISTESIS RETO4 Grupo4 co-creadores .ppsx
SISTESIS RETO4 Grupo4 co-creadores .ppsx
tamarita881
 
ACTIVIDAD 2P de Tecnología, 10-7, 2024..
ACTIVIDAD 2P de Tecnología, 10-7, 2024..ACTIVIDAD 2P de Tecnología, 10-7, 2024..
ACTIVIDAD 2P de Tecnología, 10-7, 2024..
IsabelQuintero36
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
SamuelRamirez83524
 
Todo sobre Minirobotica. Revista Saber Electronica
Todo sobre  Minirobotica. Revista Saber ElectronicaTodo sobre  Minirobotica. Revista Saber Electronica
Todo sobre Minirobotica. Revista Saber Electronica
Carlos Carlosnoemi
 
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador ValenciaCatalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
AMADO SALVADOR
 
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdfProjecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Festibity
 
herramientas de sitio web 3.0 2024
herramientas de sitio web 3.0  2024herramientas de sitio web 3.0  2024
herramientas de sitio web 3.0 2024
julio05042006
 
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB  S2. PARA VSATMANUAL DEL DECODIFICADOR DVB  S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
Ing. Julio Iván Mera Casas
 
absorcion de gases y practicas de laboratorios
absorcion de gases y practicas de laboratoriosabsorcion de gases y practicas de laboratorios
absorcion de gases y practicas de laboratorios
JuanAlvarez413513
 
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
CesarPazosQuispe
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
thomasdcroz38
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
IsabellaRubio6
 
Informació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdfInformació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdf
Festibity
 
Ventajas y desventajas de la desinfección con cloro
Ventajas y desventajas de la desinfección con cloroVentajas y desventajas de la desinfección con cloro
Ventajas y desventajas de la desinfección con cloro
durangense277
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
AlejandraCasallas7
 
Catalogo general Ariston Amado Salvador distribuidor oficial Valencia
Catalogo general Ariston Amado Salvador distribuidor oficial ValenciaCatalogo general Ariston Amado Salvador distribuidor oficial Valencia
Catalogo general Ariston Amado Salvador distribuidor oficial Valencia
AMADO SALVADOR
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
coloradxmaria
 

Último (20)

COMPARATIVO DE SUBESTACIONES AIS VS GIS.
COMPARATIVO DE SUBESTACIONES AIS VS GIS.COMPARATIVO DE SUBESTACIONES AIS VS GIS.
COMPARATIVO DE SUBESTACIONES AIS VS GIS.
 
maestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdfmaestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdf
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
 
SISTESIS RETO4 Grupo4 co-creadores .ppsx
SISTESIS RETO4 Grupo4 co-creadores .ppsxSISTESIS RETO4 Grupo4 co-creadores .ppsx
SISTESIS RETO4 Grupo4 co-creadores .ppsx
 
ACTIVIDAD 2P de Tecnología, 10-7, 2024..
ACTIVIDAD 2P de Tecnología, 10-7, 2024..ACTIVIDAD 2P de Tecnología, 10-7, 2024..
ACTIVIDAD 2P de Tecnología, 10-7, 2024..
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
 
Todo sobre Minirobotica. Revista Saber Electronica
Todo sobre  Minirobotica. Revista Saber ElectronicaTodo sobre  Minirobotica. Revista Saber Electronica
Todo sobre Minirobotica. Revista Saber Electronica
 
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador ValenciaCatalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
 
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdfProjecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
 
herramientas de sitio web 3.0 2024
herramientas de sitio web 3.0  2024herramientas de sitio web 3.0  2024
herramientas de sitio web 3.0 2024
 
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB  S2. PARA VSATMANUAL DEL DECODIFICADOR DVB  S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
 
absorcion de gases y practicas de laboratorios
absorcion de gases y practicas de laboratoriosabsorcion de gases y practicas de laboratorios
absorcion de gases y practicas de laboratorios
 
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
 
Informació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdfInformació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdf
 
Ventajas y desventajas de la desinfección con cloro
Ventajas y desventajas de la desinfección con cloroVentajas y desventajas de la desinfección con cloro
Ventajas y desventajas de la desinfección con cloro
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
 
Catalogo general Ariston Amado Salvador distribuidor oficial Valencia
Catalogo general Ariston Amado Salvador distribuidor oficial ValenciaCatalogo general Ariston Amado Salvador distribuidor oficial Valencia
Catalogo general Ariston Amado Salvador distribuidor oficial Valencia
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
 

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,