SlideShare una empresa de Scribd logo
1 de 8
LENGUAJE HTML
permite escribir páginas de WWW.
Ctrl+u
QUÉ ES HTML
 HTML (HyperText Markup Language) es un lenguaje muy
sencillo que permite describir hipertexto, es decir, texto
presentado de forma estructurada y agradable, con
enlaces (hyperlinks) que conducen a otros documentos o
fuentes de información relacionadas
CÓMO ESPECIFICAR EFECTOS DEL
TEXTO
 Las etiquetas están formadas por determinados códigos
metidos entre los signos < y >, y con la barra / cuando
se trata de la segunda etiqueta de un efecto (la de
cierre). Por ejemplo: <efecto> para abrir y </efecto>
para cerrar.
ESTRUCTURA BÁSICA DE UN
DOCUMENTO HTML
 Un documento HTML comienza con la etiqueta <html>,
y termina con </html>. Dentro del documento (entre las
etiquetas de principio y fin de html), hay dos zonas bien
diferenciadas: el encabezamiento, delimitado por
<head> y </head>, que sirve para definir diversos
valores válidos en todo el documento; y el cuerpo,
delimitado por <body> y </body>, donde reside la
información del documento.
la estructura básica de un
documento HTML queda de la forma
siguiente:
<html>
<head>
<title>Título</title>
</head>
<body>
Texto del documento, menciones a gráficos, enlaces, etc.
</body>
</html>
DIGITA EN BLOCK NOTAS
SE GUARDA FINALIZANDO EL NOMBRE CON .html
Y en tipo Todos los archivos
<HTML>
<HEAD>
<TITLE>Un Titulo para el Browser de turno </TITLE>
</HEAD>
<BODY>
<!-- Aqui va todo lo chachi -->
<H1>Otro t&iacute;tulo, esta vez m&aacute;s largo. </H1>
<P> <IMG SRC= "./felix.gif "ALIGN= "MIDDLE " ALT= "EL Gato Felix ">Hoola.
<P>Esto es un parrafo con informacion
super importante. Notese que las lineas salen pegadas aun dejando
espacios, saltos de linea, etc. <BR> &#161 Si pongo esto
si <STRONG>cambia </STRONG> de linea!
<P>Otro parrafo, esto ya es un poco rollo.
<H3>Pongamos un subtítulo<H3>
<P>Por cierto, &#191 que paso con las <A HREF= "#pepe ">anclas</A>?
<HR>
<UL>
<LI> Esto es una lista no ordenada.
<LI> Las listas quedan mejor si tienen varios elementos.
</UL>
Me voy al <A HREF= "http://www.iac.es/home.html ">IAC</A>.
<P>Vamos a crear un <EM>ancla </EM>, o lo que es lo mismo, un <A NAME="pepe">anchor.</A>
.....................................................
.....................................................
</BODY>
</HTML>
Cual es el lenguaje para
 Niveles de importancia de los títulos.
 Atributos del texto.
 Listas.

Más contenido relacionado

La actualidad más candente (16)

Diferencias entre xml y html
Diferencias entre xml y htmlDiferencias entre xml y html
Diferencias entre xml y html
 
Qué Es Html
Qué Es HtmlQué Es Html
Qué Es Html
 
8 Xml
8 Xml8 Xml
8 Xml
 
Texto del manual de html
Texto del manual de htmlTexto del manual de html
Texto del manual de html
 
Introducción a CSS
Introducción a CSSIntroducción a CSS
Introducción a CSS
 
Rollllll
RollllllRollllll
Rollllll
 
4 Html
4 Html4 Html
4 Html
 
1 crear pag formatos
1 crear pag formatos1 crear pag formatos
1 crear pag formatos
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
4 Guia Xhtm Lv2.1
4   Guia Xhtm Lv2.14   Guia Xhtm Lv2.1
4 Guia Xhtm Lv2.1
 
ETIQUETAS
ETIQUETASETIQUETAS
ETIQUETAS
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
HTML
HTMLHTML
HTML
 
Etiquetas Diapositivas.
Etiquetas Diapositivas.Etiquetas Diapositivas.
Etiquetas Diapositivas.
 
Toala Miguel 2C3
Toala Miguel 2C3Toala Miguel 2C3
Toala Miguel 2C3
 

Destacado

Historia y evolución del diseño web
Historia y evolución del diseño webHistoria y evolución del diseño web
Historia y evolución del diseño webAdriana Tienda
 
Fundamentos de Desarrollo Web
Fundamentos de Desarrollo Web Fundamentos de Desarrollo Web
Fundamentos de Desarrollo Web Alexander
 
Tendencias de diseño web 2015 - 2016
Tendencias de diseño web 2015 - 2016Tendencias de diseño web 2015 - 2016
Tendencias de diseño web 2015 - 2016Adriana Tienda
 
Evolución del diseño web
Evolución del diseño webEvolución del diseño web
Evolución del diseño webPercy Negrete
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño WebLorena Guerrero
 
Criterios Basicos De Disenio Web
Criterios Basicos De Disenio WebCriterios Basicos De Disenio Web
Criterios Basicos De Disenio Webgabi.asinsten
 
Taller de Dreamweaver 8
Taller de Dreamweaver 8Taller de Dreamweaver 8
Taller de Dreamweaver 8Juan Pena
 
Diseño de páginas Web
Diseño de páginas Web Diseño de páginas Web
Diseño de páginas Web Digetech.net
 
Utilizacion De Dreamweaver
Utilizacion De DreamweaverUtilizacion De Dreamweaver
Utilizacion De Dreamweaverguest7552d1
 

Destacado (12)

Paginas web
Paginas webPaginas web
Paginas web
 
Historia y evolución del diseño web
Historia y evolución del diseño webHistoria y evolución del diseño web
Historia y evolución del diseño web
 
Fundamentos de Desarrollo Web
Fundamentos de Desarrollo Web Fundamentos de Desarrollo Web
Fundamentos de Desarrollo Web
 
Tendencias de diseño web 2015 - 2016
Tendencias de diseño web 2015 - 2016Tendencias de diseño web 2015 - 2016
Tendencias de diseño web 2015 - 2016
 
Evolución del diseño web
Evolución del diseño webEvolución del diseño web
Evolución del diseño web
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
 
05 Introduccion a HTML
05 Introduccion a HTML05 Introduccion a HTML
05 Introduccion a HTML
 
Criterios Basicos De Disenio Web
Criterios Basicos De Disenio WebCriterios Basicos De Disenio Web
Criterios Basicos De Disenio Web
 
Taller de Dreamweaver 8
Taller de Dreamweaver 8Taller de Dreamweaver 8
Taller de Dreamweaver 8
 
Diseño de páginas Web
Diseño de páginas Web Diseño de páginas Web
Diseño de páginas Web
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
Utilizacion De Dreamweaver
Utilizacion De DreamweaverUtilizacion De Dreamweaver
Utilizacion De Dreamweaver
 

Similar a HTML-estructura-basicas

Similar a HTML-estructura-basicas (20)

Informatica
InformaticaInformatica
Informatica
 
Informatica
InformaticaInformatica
Informatica
 
Informatica
InformaticaInformatica
Informatica
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
Html 000 fundamentos web - bib lioteca
Html 000   fundamentos web - bib liotecaHtml 000   fundamentos web - bib lioteca
Html 000 fundamentos web - bib lioteca
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Introducción a HTML
Introducción a HTMLIntroducción a HTML
Introducción a HTML
 
Manual html
Manual htmlManual html
Manual html
 
Código html
Código htmlCódigo html
Código html
 
Portales ud4 - lenguaje html
Portales   ud4 - lenguaje htmlPortales   ud4 - lenguaje html
Portales ud4 - lenguaje html
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Html-CSS
Html-CSSHtml-CSS
Html-CSS
 
Páginas html
Páginas htmlPáginas html
Páginas html
 
Páginas web con html
Páginas web con htmlPáginas web con html
Páginas web con html
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTML
 
Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1 Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1
 
Mi Primera Pagina
Mi Primera PaginaMi Primera Pagina
Mi Primera Pagina
 
Tema02 html
Tema02 htmlTema02 html
Tema02 html
 

Más de Luz Mabel Contreras Valencia (11)

Rafael alexander riatiga duran, juan pablo buitrago rendon,daniel zuleta sierra
Rafael alexander riatiga duran, juan pablo buitrago rendon,daniel zuleta sierraRafael alexander riatiga duran, juan pablo buitrago rendon,daniel zuleta sierra
Rafael alexander riatiga duran, juan pablo buitrago rendon,daniel zuleta sierra
 
Residuos tecnologicos
Residuos tecnologicos Residuos tecnologicos
Residuos tecnologicos
 
Residuos tecnologicos
Residuos tecnologicos Residuos tecnologicos
Residuos tecnologicos
 
Circular juegos del magisterio
Circular juegos del magisterioCircular juegos del magisterio
Circular juegos del magisterio
 
Derechos humanos
Derechos humanos Derechos humanos
Derechos humanos
 
CATEDRA MUNICIPAL. I.E.EMILIANO GARCIA GIRARDOTA
CATEDRA MUNICIPAL. I.E.EMILIANO GARCIA GIRARDOTACATEDRA MUNICIPAL. I.E.EMILIANO GARCIA GIRARDOTA
CATEDRA MUNICIPAL. I.E.EMILIANO GARCIA GIRARDOTA
 
Informe estadístico
Informe estadísticoInforme estadístico
Informe estadístico
 
Presentación que es una empresa
Presentación que es una empresaPresentación que es una empresa
Presentación que es una empresa
 
Luzmabel contreras actividad1_mapa_c
Luzmabel contreras actividad1_mapa_cLuzmabel contreras actividad1_mapa_c
Luzmabel contreras actividad1_mapa_c
 
Ejemplo
EjemploEjemplo
Ejemplo
 
Luz mabel contreras_actividad1_mapac
Luz mabel contreras_actividad1_mapacLuz mabel contreras_actividad1_mapac
Luz mabel contreras_actividad1_mapac
 

Último

La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptxJunkotantik
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleJonathanCovena1
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinavergarakarina022
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
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
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfMaryRotonda1
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxPryhaSalam
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticosisabeltrejoros
 
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfResolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfDemetrio Ccesa Rayme
 

Último (20)

La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptx
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo Sostenible
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karina
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
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
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdf
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticos
 
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfResolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
 

HTML-estructura-basicas

  • 1. LENGUAJE HTML permite escribir páginas de WWW. Ctrl+u
  • 2. QUÉ ES HTML  HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que conducen a otros documentos o fuentes de información relacionadas
  • 3. CÓMO ESPECIFICAR EFECTOS DEL TEXTO  Las etiquetas están formadas por determinados códigos metidos entre los signos < y >, y con la barra / cuando se trata de la segunda etiqueta de un efecto (la de cierre). Por ejemplo: <efecto> para abrir y </efecto> para cerrar.
  • 4. ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML  Un documento HTML comienza con la etiqueta <html>, y termina con </html>. Dentro del documento (entre las etiquetas de principio y fin de html), hay dos zonas bien diferenciadas: el encabezamiento, delimitado por <head> y </head>, que sirve para definir diversos valores válidos en todo el documento; y el cuerpo, delimitado por <body> y </body>, donde reside la información del documento.
  • 5. la estructura básica de un documento HTML queda de la forma siguiente: <html> <head> <title>Título</title> </head> <body> Texto del documento, menciones a gráficos, enlaces, etc. </body> </html>
  • 6. DIGITA EN BLOCK NOTAS SE GUARDA FINALIZANDO EL NOMBRE CON .html Y en tipo Todos los archivos
  • 7. <HTML> <HEAD> <TITLE>Un Titulo para el Browser de turno </TITLE> </HEAD> <BODY> <!-- Aqui va todo lo chachi --> <H1>Otro t&iacute;tulo, esta vez m&aacute;s largo. </H1> <P> <IMG SRC= "./felix.gif "ALIGN= "MIDDLE " ALT= "EL Gato Felix ">Hoola. <P>Esto es un parrafo con informacion super importante. Notese que las lineas salen pegadas aun dejando espacios, saltos de linea, etc. <BR> &#161 Si pongo esto si <STRONG>cambia </STRONG> de linea! <P>Otro parrafo, esto ya es un poco rollo. <H3>Pongamos un subtítulo<H3> <P>Por cierto, &#191 que paso con las <A HREF= "#pepe ">anclas</A>? <HR> <UL> <LI> Esto es una lista no ordenada. <LI> Las listas quedan mejor si tienen varios elementos. </UL> Me voy al <A HREF= "http://www.iac.es/home.html ">IAC</A>. <P>Vamos a crear un <EM>ancla </EM>, o lo que es lo mismo, un <A NAME="pepe">anchor.</A> ..................................................... ..................................................... </BODY> </HTML>
  • 8. Cual es el lenguaje para  Niveles de importancia de los títulos.  Atributos del texto.  Listas.