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

DOCX
Lenguaje html para colegio
PPTX
PPSX
Programación en html 2
PPTX
Etiquetas
PPTX
HTML
PPTX
Html
 
PPSX
Programación en html 3
DOC
dayanna igua
Lenguaje html para colegio
Programación en html 2
Etiquetas
HTML
Html
 
Programación en html 3
dayanna igua

La actualidad más candente (16)

PPTX
Informatika 1111111
DOC
Mi Primera Pagina
PPTX
Etiquetas html
PPT
Etiquetas Html Udp
DOC
Qué Es Html
PPT
Qué es html
PPTX
Taller de html
PPTX
Presentacion de etiquetas
PPTX
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
PPTX
Temas de html
PDF
Curso htm profe. andres l
PPTX
Etiquetas html
PPTX
Html y tags
PPTX
Intro paginasweb
PPT
Primeraclase
Informatika 1111111
Mi Primera Pagina
Etiquetas html
Etiquetas Html Udp
Qué Es Html
Qué es html
Taller de html
Presentacion de etiquetas
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
Temas de html
Curso htm profe. andres l
Etiquetas html
Html y tags
Intro paginasweb
Primeraclase
Publicidad

Similar a Principios de html (20)

PPSX
Curso HTML 5 & jQuery - Leccion 1
DOCX
DOC
Curso de html
PDF
Lenguaje HTML ETIQUETAS
DOCX
Consulta de html
PDF
Modulo paginas
PPSX
PPTX
Introduccion a programacion html
PPT
Clase 1
PDF
Guia 1 y 2 paginas web 11 (modulo)
PDF
elaboración de páginas web utilizando HTML-11.pdf
PDF
Html 000 fundamentos web - bib lioteca
PPTX
Desarrolla aplicaciones-web
DOCX
Nenene
PDF
Construcción página web
PDF
PDF
PDF
Practicas html
Curso HTML 5 & jQuery - Leccion 1
Curso de html
Lenguaje HTML ETIQUETAS
Consulta de html
Modulo paginas
Introduccion a programacion html
Clase 1
Guia 1 y 2 paginas web 11 (modulo)
elaboración de páginas web utilizando HTML-11.pdf
Html 000 fundamentos web - bib lioteca
Desarrolla aplicaciones-web
Nenene
Construcción página web
Practicas html
Publicidad

Último (20)

PDF
Estrategia de apoyo valentina lopez/ 10-3
PPTX
Procesamiento-del-Lenguaje-Natural-Un-Viaje-Paso-a-Paso.pptx
PPTX
Diapositivas Borrador Rocha Jauregui David Paolo (3).pptx
DOCX
Guía 5. Test de orientación Vocacional 2 NICOL.docx
PPTX
Navegación en neurocirugías y su implicación ética.pptx
DOCX
Informee_APA_Microbittrabajoogrupal.docx
PPTX
Mecanismos-de-Propagacion de ondas electromagneticas
PDF
0007_PPT_DefinicionesDeDataMining_201_v1-0.pdf
DOCX
TRABAJO GRUPAL (5) (1).docxsjjsjsksksksksk
PPTX
TECNOLOGIAS DE INFORMACION Y COMUNICACION
PDF
Teoría de estadística descriptiva y aplicaciones .pdf
DOCX
Nombre del estudiante Gabriela Benavides
PPTX
Circuito de LED en paralelo mediante Switch
PPTX
El uso de las TIC en la vida cotidiana..
PPT
Protocolos de seguridad y mecanismos encriptación
DOCX
Trabajo informatica joel torres 10-.....................
DOCX
Guía 5. Test de orientación Vocacional 2[1] (Recuperado automáticamente).docx
PDF
Final Tecno .pdfjdhdjsjdhsjshshhshshshhshhhhhhh
PDF
Inteligencia_Artificial,_Informática_Básica,_22_06_2025_SO_2.pdf
DOCX
TRABAJO GRUPAL (5) (1).docxjesjssjsjjskss
Estrategia de apoyo valentina lopez/ 10-3
Procesamiento-del-Lenguaje-Natural-Un-Viaje-Paso-a-Paso.pptx
Diapositivas Borrador Rocha Jauregui David Paolo (3).pptx
Guía 5. Test de orientación Vocacional 2 NICOL.docx
Navegación en neurocirugías y su implicación ética.pptx
Informee_APA_Microbittrabajoogrupal.docx
Mecanismos-de-Propagacion de ondas electromagneticas
0007_PPT_DefinicionesDeDataMining_201_v1-0.pdf
TRABAJO GRUPAL (5) (1).docxsjjsjsksksksksk
TECNOLOGIAS DE INFORMACION Y COMUNICACION
Teoría de estadística descriptiva y aplicaciones .pdf
Nombre del estudiante Gabriela Benavides
Circuito de LED en paralelo mediante Switch
El uso de las TIC en la vida cotidiana..
Protocolos de seguridad y mecanismos encriptación
Trabajo informatica joel torres 10-.....................
Guía 5. Test de orientación Vocacional 2[1] (Recuperado automáticamente).docx
Final Tecno .pdfjdhdjsjdhsjshshhshshshhshhhhhhh
Inteligencia_Artificial,_Informática_Básica,_22_06_2025_SO_2.pdf
TRABAJO GRUPAL (5) (1).docxjesjssjsjjskss

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,