SlideShare una empresa de Scribd logo
1 de 6
Damaris Reinoso F
5to “A” D.G.P
Qué es HTML
HTML es el lenguaje con el que se define
el contenido de las páginas web.
Básicamente se trata de un conjunto de
etiquetas que sirven para definir el texto y
otros elementos que compondrán una
página web, como imágenes, listas,
vídeos, etc.
Por Miguel
Angel Alvarez
https://desarrollo
web.com/articulo
s/que-es-
html.html
01 de Enero del
2001
Qué es CSS
CSS, es una tecnología que nos permite crear
páginas web de una manera más exacta.
Gracias a las CSS somos mucho más dueños
de los resultados finales de la página,
pudiendo hacer muchas cosas que no se
podía hacer utilizando solamente HTML, como
incluir márgenes, tipos de letra, fondos,
colores.
Por Juliana
Monteiro Lozano
01 de Enero del
2001
https://desarrollo
web.com/articulo
s/26.php
FORMATOS DE TEXTO EN HTML
CURSIVANEGRITA
PALABRAS MÁS
GRANDES O MÁS
PEQUEÑAS
SUBRAYADO U
(DEPRECATED)
Las primeras etiquetas que veremos son las que se usaban en el pasado para dar
formato al texto. Para ello tenemos una serie de etiquetas que escribimos en HTML
envolviendo la palabra o el texto y que transforman ese texto en el formato que nosotros
le hayamos querido dar. Algunas de estas etiquetas están no recomendadas (deprecated)
por lo que no debemos emplearlas. Otras etiquetas han adquirido un nuevo significado
en las últimas versiones de HTML, pero no vamos a entrar a definir este nuevo
significado.
TEXTO TACHADO
Códigos de fuentes tipográficas en
HTML
<P> Sirve
para
delimitar un
párrafo.
Inserta una
línea en
blanco antes
del texto.
<ADDRESS>
</ADDRESS>
Para escribir
direcciones
(donde vive la
gente).
<BLOCKQUOTE >
</BLOCKQUOT E>
Para citar un texto
ajeno. Se suele
implementar dejando
márgenes tanto a
izquierda como a
derecha, razón por la
que se usa
habitualmente.
</CENTER>
Permite
centrar todo
el texto del
párrafo.
<PRE WIDTH=x>
</PRE>
Representa el
texto encerrado
en ella con un
tipo de letra de
paso fijo. Muy útil
a la hora de
representar
código fuente.
<DIV ALIGN=x>
</DIV> Permite
justificar el texto
del párrafo a la
izquierda (LEFT)
derecha (RIGHT),
al centro
(CENTER)o a
ambos márgenes
(JUSTIFY)
Códigos de párrafos
</B> Pone el
texto en
negrita.
</I>
Representa el
texto en
cursiva.
</SUB> Letra
subíndice.
</SUP> Letra
superíndice
</BIG>
Incrementa el
tamaño del
tipo de letra.
</BLINK>
Hace
parpadear el
texto.
</U> Para
subrayar.
</S> Para
tachar.
</TT> Permite
representar el
texto en un
tipo de letra de
paso fijo.
</SMALL>
Disminuye el
tamaño del
tipo de letra. .

Más contenido relacionado

La actualidad más candente

La actualidad más candente (17)

Listado de etiquetas y atributos html
Listado de etiquetas y atributos htmlListado de etiquetas y atributos html
Listado de etiquetas y atributos html
 
Partes de Una Pagina Web
Partes de Una Pagina WebPartes de Una Pagina Web
Partes de Una Pagina Web
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Edificamos futuro
Edificamos futuroEdificamos futuro
Edificamos futuro
 
Html y css
Html y cssHtml y css
Html y css
 
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
 
Semana 1
Semana 1Semana 1
Semana 1
 
¿Qué es CSS?
¿Qué es CSS?¿Qué es CSS?
¿Qué es CSS?
 
Producto 3
Producto 3Producto 3
Producto 3
 
Gtaby
GtabyGtaby
Gtaby
 
¿Qué es HTML5?
¿Qué es HTML5?¿Qué es HTML5?
¿Qué es HTML5?
 
Mariuxi perez
Mariuxi perezMariuxi perez
Mariuxi perez
 
Producto 4
Producto 4Producto 4
Producto 4
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Johan
JohanJohan
Johan
 
Una Página WEB
Una Página WEBUna Página WEB
Una Página WEB
 

Similar a Diapositivas (20)

Eduardo espinoza_html,css,ft,p.
Eduardo espinoza_html,css,ft,p.Eduardo espinoza_html,css,ft,p.
Eduardo espinoza_html,css,ft,p.
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
 
HTML
HTMLHTML
HTML
 
Consulta
ConsultaConsulta
Consulta
 
Consulta_
Consulta_Consulta_
Consulta_
 
HTML
HTMLHTML
HTML
 
Quintanilla cabrera html
Quintanilla cabrera htmlQuintanilla cabrera html
Quintanilla cabrera html
 
Milton guzman tarea
Milton guzman tareaMilton guzman tarea
Milton guzman tarea
 
Html.pptx
Html.pptxHtml.pptx
Html.pptx
 
html y css
html y csshtml y css
html y css
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
 
Pagina web 1
Pagina web 1 Pagina web 1
Pagina web 1
 
Etiquetas html básicas
Etiquetas html básicasEtiquetas html básicas
Etiquetas html básicas
 
Diseño de página web
Diseño de página webDiseño de página web
Diseño de página web
 
CÓDIGO HTML!
CÓDIGO HTML!CÓDIGO HTML!
CÓDIGO HTML!
 
Html grupo de informatica
Html  grupo de informaticaHtml  grupo de informatica
Html grupo de informatica
 
Html grupo de informatica
Html  grupo de informaticaHtml  grupo de informatica
Html grupo de informatica
 
Html grupo de informatica
Html  grupo de informaticaHtml  grupo de informatica
Html grupo de informatica
 
Htm ltlalti
Htm ltlaltiHtm ltlalti
Htm ltlalti
 

Último

Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.
Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.
Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.karlapatriciapms16
 
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptxPPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptxNeymaRojasperez1
 
Taller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLTaller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLAderMogollonLuna
 
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdfTALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdfMiguelGomez900779
 
DIAPOSITIVAS DRENAJE POSTURAL E INHALACIONES (3).pptx
DIAPOSITIVAS DRENAJE POSTURAL E INHALACIONES (3).pptxDIAPOSITIVAS DRENAJE POSTURAL E INHALACIONES (3).pptx
DIAPOSITIVAS DRENAJE POSTURAL E INHALACIONES (3).pptxjoselinepolar
 
PPT obligaciones ambientales oefa minan.pptx
PPT obligaciones ambientales oefa minan.pptxPPT obligaciones ambientales oefa minan.pptx
PPT obligaciones ambientales oefa minan.pptxDanmherJoelAlmironPu
 
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdfLAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdfwilangelfmendoza
 

Último (7)

Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.
Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.
Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.
 
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptxPPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
PPT SESION 5 ARTE Y CREATIVIDAD (1).pptx
 
Taller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLTaller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uML
 
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdfTALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
TALLER SOBRE METODOLOGÍAS DE DESARROLLO DE SOFTWARE..pdf
 
DIAPOSITIVAS DRENAJE POSTURAL E INHALACIONES (3).pptx
DIAPOSITIVAS DRENAJE POSTURAL E INHALACIONES (3).pptxDIAPOSITIVAS DRENAJE POSTURAL E INHALACIONES (3).pptx
DIAPOSITIVAS DRENAJE POSTURAL E INHALACIONES (3).pptx
 
PPT obligaciones ambientales oefa minan.pptx
PPT obligaciones ambientales oefa minan.pptxPPT obligaciones ambientales oefa minan.pptx
PPT obligaciones ambientales oefa minan.pptx
 
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdfLAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
LAS TETAS DE MARIA GUEVARA REVISTA DIGITAL INF.pdf
 

Diapositivas

  • 1. Damaris Reinoso F 5to “A” D.G.P
  • 2. Qué es HTML HTML es el lenguaje con el que se define el contenido de las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web, como imágenes, listas, vídeos, etc. Por Miguel Angel Alvarez https://desarrollo web.com/articulo s/que-es- html.html 01 de Enero del 2001
  • 3. Qué es CSS CSS, es una tecnología que nos permite crear páginas web de una manera más exacta. Gracias a las CSS somos mucho más dueños de los resultados finales de la página, pudiendo hacer muchas cosas que no se podía hacer utilizando solamente HTML, como incluir márgenes, tipos de letra, fondos, colores. Por Juliana Monteiro Lozano 01 de Enero del 2001 https://desarrollo web.com/articulo s/26.php
  • 4. FORMATOS DE TEXTO EN HTML CURSIVANEGRITA PALABRAS MÁS GRANDES O MÁS PEQUEÑAS SUBRAYADO U (DEPRECATED) Las primeras etiquetas que veremos son las que se usaban en el pasado para dar formato al texto. Para ello tenemos una serie de etiquetas que escribimos en HTML envolviendo la palabra o el texto y que transforman ese texto en el formato que nosotros le hayamos querido dar. Algunas de estas etiquetas están no recomendadas (deprecated) por lo que no debemos emplearlas. Otras etiquetas han adquirido un nuevo significado en las últimas versiones de HTML, pero no vamos a entrar a definir este nuevo significado. TEXTO TACHADO
  • 5. Códigos de fuentes tipográficas en HTML <P> Sirve para delimitar un párrafo. Inserta una línea en blanco antes del texto. <ADDRESS> </ADDRESS> Para escribir direcciones (donde vive la gente). <BLOCKQUOTE > </BLOCKQUOT E> Para citar un texto ajeno. Se suele implementar dejando márgenes tanto a izquierda como a derecha, razón por la que se usa habitualmente. </CENTER> Permite centrar todo el texto del párrafo. <PRE WIDTH=x> </PRE> Representa el texto encerrado en ella con un tipo de letra de paso fijo. Muy útil a la hora de representar código fuente. <DIV ALIGN=x> </DIV> Permite justificar el texto del párrafo a la izquierda (LEFT) derecha (RIGHT), al centro (CENTER)o a ambos márgenes (JUSTIFY)
  • 6. Códigos de párrafos </B> Pone el texto en negrita. </I> Representa el texto en cursiva. </SUB> Letra subíndice. </SUP> Letra superíndice </BIG> Incrementa el tamaño del tipo de letra. </BLINK> Hace parpadear el texto. </U> Para subrayar. </S> Para tachar. </TT> Permite representar el texto en un tipo de letra de paso fijo. </SMALL> Disminuye el tamaño del tipo de letra. .