SlideShare una empresa de Scribd logo
¿Qué es HTML?
.Es un lenguaje para crear paginas web
-HTML significa “hyper text Markup language”
-N0 es un lenguaje de programación
-HTML utiliza “markup tags” para describir paginas
web
HTML tags
.“markup tags” son llamadas “HTML tags”
-HTML tags son palabras entre <> (<HTML>)
-HTML tags por lo general vienen en par (<HTML>
y </HTML>
Documentos HTML = Paginas Web
-Los documentos HTML describen las paginas web
- Los documentos HTML contienen “HTML tags” y
texto plano
- Los documentos HTML también son conocidos
como paginas web
Ejemplo
<HTML>
<body>
<h1> Mi primera cabecera</h1>
<p> mi primer párrafo </p>
</body>
</HTLM>
¿HTM o HTML extensión?
.Cuando guardamos un archivo HTML podemos
guardarlo con la extensión HTM o HTML
HTML headings
-“HTML headings” son definidos por <h1> hasta
<h6>
Ejemplo:
<h1>esta es una cabecera </h1>
<h2>esta es una cabecera </h2>
<h3>esta es una cabecera </h3>
<h4>esta es una cabecera </h4>
HTML paragraphs
-“HTML paragraphs” son definidos por <p>
Ejemplo:
<p>este es un párrafo</p>
<p>este es otro párrafo</p>
HTML imágenes
-Las imágenes en HTML son definidos por <img>
Ejemplo:
<img src= “imagen.jpg” width=“100” height=“200”/>
Nota: el nombre y el tamaño de la imagen son
proveídos como atributos
HTML sintaxis
-Un elemento HTML inicia con “start tag” (<HTML>)
-Un elemento HTML termina con “end tag” (<HTML>)
- el contenido de un elemento siempre va entre “start tag” y “end
tag” (<p>elemento</p>)
-Algunos elemento pueden no tener contenido (<br>)
-Los elementos vacios se cierran en el “start tag”
HTML lines
-La etiqueta <hr> crea una línea horizontal en la
pagina web
-el elemento “HR” puede usarse para separar
contenidos
Ejemplo
<p> este es un párrafo</p>
<hr>
<p> este es un párrafo </p>
HTML etiquetas de forma
-HTML usa etiquetas como <b> y <i> para dar
formato al texto, así como “Negrita” y “cursiva”
-Estas etiquetas son llamadas “formatting tags”
HTML Tables
-Las tablas son definidas por la etiqueta <table>
-Una tabla esta divida por filas (se usa la etiqueta
<tr>), y cada fila esta dividida por celdas ( se usa la
etiqueta (td)
-Cada celda contiene datos (texto, imágenes, otras
tablas, etc.)
ejemplo
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
HTML frames
-Los “frames” se usan para mostrar mas de una
pagina HTML en la misma pantalla
Ejemplo
<frameset cols="25%,75%">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" />
</frameset>
HTML frames
-En el ejemplo anterior se muestran dos columnas,
la primera al 25% y la segunda al 75%
-La columna también se puede representar en
pixeles (cols= “200,500”) y el resto del espacio se
puede representar con un asterisco (cols=“25%,*”)
Contacto:
Mail:javc718@hotmail.com
Twitter:@javcdark
Facebook: facebook.com/javcdark

Más contenido relacionado

La actualidad más candente

Curso css
Curso   cssCurso   css
Html
HtmlHtml
Html
CJAO
 
Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112jumarri
 
Introducción a HTML y CSS
Introducción a HTML y CSSIntroducción a HTML y CSS
Introducción a HTML y CSS
Adriana Tienda
 
Lenguaje html y css ..
Lenguaje html y css ..Lenguaje html y css ..
Lenguaje html y css ..
FranciscoDavidGarciaVaya
 
Aprender El Lenguaje Html
Aprender El Lenguaje HtmlAprender El Lenguaje Html
Aprender El Lenguaje Htmllmsblogger
 
Buenas prácticas en XHTML, CSS y Accesibilidad
Buenas prácticas en XHTML, CSS y AccesibilidadBuenas prácticas en XHTML, CSS y Accesibilidad
Buenas prácticas en XHTML, CSS y Accesibilidad
FRONTDAYS
 
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
davidrg4l
 
Html - Tema 1
Html - Tema 1Html - Tema 1
Html - Tema 1
Renny Batista
 
Resumen etiquetas html5
Resumen etiquetas html5 Resumen etiquetas html5
Resumen etiquetas html5
KeepCoding
 
Emily
EmilyEmily
Introducción al HTML
Introducción al HTMLIntroducción al HTML
Introducción al HTML
Javier Navarro
 
.Como insertar codigos de tablas en html
.Como insertar codigos de tablas en html.Como insertar codigos de tablas en html
.Como insertar codigos de tablas en html
Sñrta Barahona
 
HTML
HTMLHTML
Tema 9 - Estructura con css
Tema 9 - Estructura con cssTema 9 - Estructura con css
Tema 9 - Estructura con cssPamela Rodriguez
 
Curso HTML y CSS, parte 1
Curso HTML y CSS, parte 1Curso HTML y CSS, parte 1
Curso HTML y CSS, parte 1
Sergio Nouvel Castro
 

La actualidad más candente (20)

Curso css
Curso   cssCurso   css
Curso css
 
El código html
El código htmlEl código html
El código html
 
Html
HtmlHtml
Html
 
HTML y CSS
HTML y CSSHTML y CSS
HTML y CSS
 
Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112
 
El lenguaje html
El lenguaje htmlEl lenguaje html
El lenguaje html
 
Introducción a HTML y CSS
Introducción a HTML y CSSIntroducción a HTML y CSS
Introducción a HTML y CSS
 
Lenguaje html y css ..
Lenguaje html y css ..Lenguaje html y css ..
Lenguaje html y css ..
 
Aprender El Lenguaje Html
Aprender El Lenguaje HtmlAprender El Lenguaje Html
Aprender El Lenguaje Html
 
Buenas prácticas en XHTML, CSS y Accesibilidad
Buenas prácticas en XHTML, CSS y AccesibilidadBuenas prácticas en XHTML, CSS y Accesibilidad
Buenas prácticas en XHTML, CSS y Accesibilidad
 
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
 
Html - Tema 1
Html - Tema 1Html - Tema 1
Html - Tema 1
 
Resumen etiquetas html5
Resumen etiquetas html5 Resumen etiquetas html5
Resumen etiquetas html5
 
Emily
EmilyEmily
Emily
 
Deber de htmly xml
Deber de htmly xmlDeber de htmly xml
Deber de htmly xml
 
Introducción al HTML
Introducción al HTMLIntroducción al HTML
Introducción al HTML
 
.Como insertar codigos de tablas en html
.Como insertar codigos de tablas en html.Como insertar codigos de tablas en html
.Como insertar codigos de tablas en html
 
HTML
HTMLHTML
HTML
 
Tema 9 - Estructura con css
Tema 9 - Estructura con cssTema 9 - Estructura con css
Tema 9 - Estructura con css
 
Curso HTML y CSS, parte 1
Curso HTML y CSS, parte 1Curso HTML y CSS, parte 1
Curso HTML y CSS, parte 1
 

Destacado

Servicios de google
Servicios de googleServicios de google
Servicios de google
kevintkd
 
Criptografia
CriptografiaCriptografia
Criptografiajavipiris
 
Presentacion final mod 8 Maestria Educacion
Presentacion final mod 8 Maestria EducacionPresentacion final mod 8 Maestria Educacion
Presentacion final mod 8 Maestria Educacioningsistvazquez
 
UTE_Carmen del Rocio Carderón_Dr Manuel Gonzalo Remache_El emprendimiento soc...
UTE_Carmen del Rocio Carderón_Dr Manuel Gonzalo Remache_El emprendimiento soc...UTE_Carmen del Rocio Carderón_Dr Manuel Gonzalo Remache_El emprendimiento soc...
UTE_Carmen del Rocio Carderón_Dr Manuel Gonzalo Remache_El emprendimiento soc...
CarmitaCT
 
Smartmedia
SmartmediaSmartmedia
Smartmediaedw33
 
La educación secundaria y los retos
La educación secundaria y los retosLa educación secundaria y los retos
La educación secundaria y los retosVero Fzozaya
 
Ejemplo elasticidad ofreta y demanda
Ejemplo elasticidad ofreta y demandaEjemplo elasticidad ofreta y demanda
Ejemplo elasticidad ofreta y demanda
jencuervori22
 
Marea Magenta Alcobendas nº 6
Marea Magenta Alcobendas nº 6Marea Magenta Alcobendas nº 6
Marea Magenta Alcobendas nº 6
Unión Progreso y Democracia Alcobendas
 
Datos de las obras
Datos de las obrasDatos de las obras
Datos de las obrasMayiSabogal
 
Droid con Aspace-Cross
Droid con Aspace-CrossDroid con Aspace-Cross
Droid con Aspace-Cross
Droidcon Spain
 
Sociedad del conocimiento y entorno digital okok
Sociedad del conocimiento y entorno digital okokSociedad del conocimiento y entorno digital okok
Sociedad del conocimiento y entorno digital okokXiomara Castro
 

Destacado (20)

Servicios de google
Servicios de googleServicios de google
Servicios de google
 
Criptografia
CriptografiaCriptografia
Criptografia
 
Acción tutorial
Acción tutorialAcción tutorial
Acción tutorial
 
Organización de centro 1
Organización de centro 1Organización de centro 1
Organización de centro 1
 
Informe tendencias (educación)
Informe tendencias (educación)Informe tendencias (educación)
Informe tendencias (educación)
 
Fotolog
FotologFotolog
Fotolog
 
3 -estructura_organizativa
3  -estructura_organizativa3  -estructura_organizativa
3 -estructura_organizativa
 
Presentacion final mod 8 Maestria Educacion
Presentacion final mod 8 Maestria EducacionPresentacion final mod 8 Maestria Educacion
Presentacion final mod 8 Maestria Educacion
 
UTE_Carmen del Rocio Carderón_Dr Manuel Gonzalo Remache_El emprendimiento soc...
UTE_Carmen del Rocio Carderón_Dr Manuel Gonzalo Remache_El emprendimiento soc...UTE_Carmen del Rocio Carderón_Dr Manuel Gonzalo Remache_El emprendimiento soc...
UTE_Carmen del Rocio Carderón_Dr Manuel Gonzalo Remache_El emprendimiento soc...
 
Naidr maireth
Naidr mairethNaidr maireth
Naidr maireth
 
Smartmedia
SmartmediaSmartmedia
Smartmedia
 
La educación secundaria y los retos
La educación secundaria y los retosLa educación secundaria y los retos
La educación secundaria y los retos
 
Ejemplo elasticidad ofreta y demanda
Ejemplo elasticidad ofreta y demandaEjemplo elasticidad ofreta y demanda
Ejemplo elasticidad ofreta y demanda
 
Marea Magenta Alcobendas nº 6
Marea Magenta Alcobendas nº 6Marea Magenta Alcobendas nº 6
Marea Magenta Alcobendas nº 6
 
Datos de las obras
Datos de las obrasDatos de las obras
Datos de las obras
 
Presentación1
Presentación1Presentación1
Presentación1
 
Power feria del libro 2013
Power feria del libro 2013Power feria del libro 2013
Power feria del libro 2013
 
Droid con Aspace-Cross
Droid con Aspace-CrossDroid con Aspace-Cross
Droid con Aspace-Cross
 
Sociedad del conocimiento y entorno digital okok
Sociedad del conocimiento y entorno digital okokSociedad del conocimiento y entorno digital okok
Sociedad del conocimiento y entorno digital okok
 
Marketing
MarketingMarketing
Marketing
 

Similar 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
Emmanuel Ortiz Gutierrez
 
Dispositivas CURSO HTML 5.pdf
Dispositivas CURSO HTML 5.pdfDispositivas CURSO HTML 5.pdf
Dispositivas CURSO HTML 5.pdf
JohnWalker603627
 
Primera Clase de xhtml
Primera Clase de xhtmlPrimera Clase de xhtml
Primera Clase de xhtml
Duglas Oswaldo Moreno Mendoza
 
1 slphp html
1  slphp html1  slphp html
1 slphp html
sicosinf
 
Clase Nº 1 - HTML
Clase Nº 1 - HTMLClase Nº 1 - HTML
Clase Nº 1 - HTML
sicosinf
 
Introducción a XML: Sintaxis y documentos bien formados
Introducción a XML: Sintaxis y documentos bien formadosIntroducción a XML: Sintaxis y documentos bien formados
Introducción a XML: Sintaxis y documentos bien formados
Jose Emilio Labra Gayo
 
Tema02 html
Tema02 htmlTema02 html
Tema02 html
Erick Cruz
 
HTML
HTMLHTML
HTML
Vladimir
 
05 Introduccion a HTML
05 Introduccion a HTML05 Introduccion a HTML
05 Introduccion a HTML
Víctor Manuel García Luna
 
Los lenguajes de marcas
Los lenguajes de marcasLos lenguajes de marcas
Los lenguajes de marcasIELMESA
 
10 etiquetas basicas de html
10 etiquetas basicas de html10 etiquetas basicas de html
10 etiquetas basicas de html
Lety Bernal
 
Html
HtmlHtml
Clase HTML.pptx
Clase HTML.pptxClase HTML.pptx
Clase HTML.pptx
HugoDavidGonzalezCab
 
05introduccionhtml 100901142734-phpapp02
05introduccionhtml 100901142734-phpapp0205introduccionhtml 100901142734-phpapp02
05introduccionhtml 100901142734-phpapp02
SoftArt2014
 
Html.pptx
Html.pptxHtml.pptx

Similar a Html (20)

Html
HtmlHtml
Html
 
Html guia
Html guiaHtml guia
Html guia
 
Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1 Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1
 
Manual html
Manual htmlManual html
Manual html
 
Dispositivas CURSO HTML 5.pdf
Dispositivas CURSO HTML 5.pdfDispositivas CURSO HTML 5.pdf
Dispositivas CURSO HTML 5.pdf
 
Primera Clase de xhtml
Primera Clase de xhtmlPrimera Clase de xhtml
Primera Clase de xhtml
 
1 slphp html
1  slphp html1  slphp html
1 slphp html
 
Clase Nº 1 - HTML
Clase Nº 1 - HTMLClase Nº 1 - HTML
Clase Nº 1 - HTML
 
Introducción a XML: Sintaxis y documentos bien formados
Introducción a XML: Sintaxis y documentos bien formadosIntroducción a XML: Sintaxis y documentos bien formados
Introducción a XML: Sintaxis y documentos bien formados
 
HTML
HTMLHTML
HTML
 
Tema02 html
Tema02 htmlTema02 html
Tema02 html
 
HTML
HTMLHTML
HTML
 
Grupo2
Grupo2Grupo2
Grupo2
 
05 Introduccion a HTML
05 Introduccion a HTML05 Introduccion a HTML
05 Introduccion a HTML
 
Los lenguajes de marcas
Los lenguajes de marcasLos lenguajes de marcas
Los lenguajes de marcas
 
10 etiquetas basicas de html
10 etiquetas basicas de html10 etiquetas basicas de html
10 etiquetas basicas de html
 
Html
HtmlHtml
Html
 
Clase HTML.pptx
Clase HTML.pptxClase HTML.pptx
Clase HTML.pptx
 
05introduccionhtml 100901142734-phpapp02
05introduccionhtml 100901142734-phpapp0205introduccionhtml 100901142734-phpapp02
05introduccionhtml 100901142734-phpapp02
 
Html.pptx
Html.pptxHtml.pptx
Html.pptx
 

Último

ACERTIJO DE CARRERA OLÍMPICA DE SUMA DE LABERINTOS. Por JAVIER SOLIS NOYOLA
ACERTIJO DE CARRERA OLÍMPICA DE SUMA DE LABERINTOS. Por JAVIER SOLIS NOYOLAACERTIJO DE CARRERA OLÍMPICA DE SUMA DE LABERINTOS. Por JAVIER SOLIS NOYOLA
ACERTIJO DE CARRERA OLÍMPICA DE SUMA DE LABERINTOS. Por JAVIER SOLIS NOYOLA
JAVIER SOLIS NOYOLA
 
Fase 1, Lenguaje algebraico y pensamiento funcional
Fase 1, Lenguaje algebraico y pensamiento funcionalFase 1, Lenguaje algebraico y pensamiento funcional
Fase 1, Lenguaje algebraico y pensamiento funcional
YasneidyGonzalez
 
CLASE N.1 ANÁLISIS ADMINISTRATIVO EMPRESARIAL presentación.pptx
CLASE N.1 ANÁLISIS ADMINISTRATIVO EMPRESARIAL presentación.pptxCLASE N.1 ANÁLISIS ADMINISTRATIVO EMPRESARIAL presentación.pptx
CLASE N.1 ANÁLISIS ADMINISTRATIVO EMPRESARIAL presentación.pptx
LilianaRivera778668
 
Friedrich Nietzsche. Presentación de 2 de Bachillerato.
Friedrich Nietzsche. Presentación de 2 de Bachillerato.Friedrich Nietzsche. Presentación de 2 de Bachillerato.
Friedrich Nietzsche. Presentación de 2 de Bachillerato.
pablomarin116
 
Conocemos la ermita de Ntra. Sra. del Arrabal
Conocemos la ermita de Ntra. Sra. del ArrabalConocemos la ermita de Ntra. Sra. del Arrabal
Conocemos la ermita de Ntra. Sra. del Arrabal
Profes de Relideleón Apellidos
 
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernándezPRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
Ruben53283
 
Semana 10-TSM-del 27 al 31 de mayo 2024.pptx
Semana 10-TSM-del 27 al 31 de mayo 2024.pptxSemana 10-TSM-del 27 al 31 de mayo 2024.pptx
Semana 10-TSM-del 27 al 31 de mayo 2024.pptx
LorenaCovarrubias12
 
Sesión: El fundamento del gobierno de Dios.pdf
Sesión: El fundamento del gobierno de Dios.pdfSesión: El fundamento del gobierno de Dios.pdf
Sesión: El fundamento del gobierno de Dios.pdf
https://gramadal.wordpress.com/
 
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
JAVIER SOLIS NOYOLA
 
Presentación Revistas y Periódicos Digitales
Presentación Revistas y Periódicos DigitalesPresentación Revistas y Periódicos Digitales
Presentación Revistas y Periódicos Digitales
nievesjiesc03
 
Horarios Exámenes EVAU Ordinaria 2024 de Madrid
Horarios Exámenes EVAU Ordinaria 2024 de MadridHorarios Exámenes EVAU Ordinaria 2024 de Madrid
Horarios Exámenes EVAU Ordinaria 2024 de Madrid
20minutos
 
CAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCION
CAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCIONCAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCION
CAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCION
MasielPMP
 
Fase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría AnalíticaFase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría Analítica
YasneidyGonzalez
 
Fase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometricoFase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometrico
YasneidyGonzalez
 
PRESENTACION DE LA SEMANA NUMERO 8 EN APLICACIONES DE INTERNET
PRESENTACION DE LA SEMANA NUMERO 8 EN APLICACIONES DE INTERNETPRESENTACION DE LA SEMANA NUMERO 8 EN APLICACIONES DE INTERNET
PRESENTACION DE LA SEMANA NUMERO 8 EN APLICACIONES DE INTERNET
CESAR MIJAEL ESPINOZA SALAZAR
 
PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.
https://gramadal.wordpress.com/
 
corpus-christi-sesion-de-aprendizaje.pdf
corpus-christi-sesion-de-aprendizaje.pdfcorpus-christi-sesion-de-aprendizaje.pdf
corpus-christi-sesion-de-aprendizaje.pdf
YolandaRodriguezChin
 
Automatización de proceso de producción de la empresa Gloria SA (1).pptx
Automatización de proceso de producción de la empresa Gloria SA (1).pptxAutomatización de proceso de producción de la empresa Gloria SA (1).pptx
Automatización de proceso de producción de la empresa Gloria SA (1).pptx
GallardoJahse
 
HABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdf
HABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdfHABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdf
HABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdf
DIANADIAZSILVA1
 
CALENDARIZACION DEL MES DE JUNIO - JULIO 24
CALENDARIZACION DEL MES DE JUNIO - JULIO 24CALENDARIZACION DEL MES DE JUNIO - JULIO 24
CALENDARIZACION DEL MES DE JUNIO - JULIO 24
auxsoporte
 

Último (20)

ACERTIJO DE CARRERA OLÍMPICA DE SUMA DE LABERINTOS. Por JAVIER SOLIS NOYOLA
ACERTIJO DE CARRERA OLÍMPICA DE SUMA DE LABERINTOS. Por JAVIER SOLIS NOYOLAACERTIJO DE CARRERA OLÍMPICA DE SUMA DE LABERINTOS. Por JAVIER SOLIS NOYOLA
ACERTIJO DE CARRERA OLÍMPICA DE SUMA DE LABERINTOS. Por JAVIER SOLIS NOYOLA
 
Fase 1, Lenguaje algebraico y pensamiento funcional
Fase 1, Lenguaje algebraico y pensamiento funcionalFase 1, Lenguaje algebraico y pensamiento funcional
Fase 1, Lenguaje algebraico y pensamiento funcional
 
CLASE N.1 ANÁLISIS ADMINISTRATIVO EMPRESARIAL presentación.pptx
CLASE N.1 ANÁLISIS ADMINISTRATIVO EMPRESARIAL presentación.pptxCLASE N.1 ANÁLISIS ADMINISTRATIVO EMPRESARIAL presentación.pptx
CLASE N.1 ANÁLISIS ADMINISTRATIVO EMPRESARIAL presentación.pptx
 
Friedrich Nietzsche. Presentación de 2 de Bachillerato.
Friedrich Nietzsche. Presentación de 2 de Bachillerato.Friedrich Nietzsche. Presentación de 2 de Bachillerato.
Friedrich Nietzsche. Presentación de 2 de Bachillerato.
 
Conocemos la ermita de Ntra. Sra. del Arrabal
Conocemos la ermita de Ntra. Sra. del ArrabalConocemos la ermita de Ntra. Sra. del Arrabal
Conocemos la ermita de Ntra. Sra. del Arrabal
 
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernándezPRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
 
Semana 10-TSM-del 27 al 31 de mayo 2024.pptx
Semana 10-TSM-del 27 al 31 de mayo 2024.pptxSemana 10-TSM-del 27 al 31 de mayo 2024.pptx
Semana 10-TSM-del 27 al 31 de mayo 2024.pptx
 
Sesión: El fundamento del gobierno de Dios.pdf
Sesión: El fundamento del gobierno de Dios.pdfSesión: El fundamento del gobierno de Dios.pdf
Sesión: El fundamento del gobierno de Dios.pdf
 
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
 
Presentación Revistas y Periódicos Digitales
Presentación Revistas y Periódicos DigitalesPresentación Revistas y Periódicos Digitales
Presentación Revistas y Periódicos Digitales
 
Horarios Exámenes EVAU Ordinaria 2024 de Madrid
Horarios Exámenes EVAU Ordinaria 2024 de MadridHorarios Exámenes EVAU Ordinaria 2024 de Madrid
Horarios Exámenes EVAU Ordinaria 2024 de Madrid
 
CAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCION
CAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCIONCAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCION
CAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCION
 
Fase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría AnalíticaFase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría Analítica
 
Fase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometricoFase 2, Pensamiento variacional y trigonometrico
Fase 2, Pensamiento variacional y trigonometrico
 
PRESENTACION DE LA SEMANA NUMERO 8 EN APLICACIONES DE INTERNET
PRESENTACION DE LA SEMANA NUMERO 8 EN APLICACIONES DE INTERNETPRESENTACION DE LA SEMANA NUMERO 8 EN APLICACIONES DE INTERNET
PRESENTACION DE LA SEMANA NUMERO 8 EN APLICACIONES DE INTERNET
 
PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.
 
corpus-christi-sesion-de-aprendizaje.pdf
corpus-christi-sesion-de-aprendizaje.pdfcorpus-christi-sesion-de-aprendizaje.pdf
corpus-christi-sesion-de-aprendizaje.pdf
 
Automatización de proceso de producción de la empresa Gloria SA (1).pptx
Automatización de proceso de producción de la empresa Gloria SA (1).pptxAutomatización de proceso de producción de la empresa Gloria SA (1).pptx
Automatización de proceso de producción de la empresa Gloria SA (1).pptx
 
HABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdf
HABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdfHABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdf
HABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdf
 
CALENDARIZACION DEL MES DE JUNIO - JULIO 24
CALENDARIZACION DEL MES DE JUNIO - JULIO 24CALENDARIZACION DEL MES DE JUNIO - JULIO 24
CALENDARIZACION DEL MES DE JUNIO - JULIO 24
 

Html

  • 1.
  • 2. ¿Qué es HTML? .Es un lenguaje para crear paginas web -HTML significa “hyper text Markup language” -N0 es un lenguaje de programación -HTML utiliza “markup tags” para describir paginas web
  • 3. HTML tags .“markup tags” son llamadas “HTML tags” -HTML tags son palabras entre <> (<HTML>) -HTML tags por lo general vienen en par (<HTML> y </HTML>
  • 4. Documentos HTML = Paginas Web -Los documentos HTML describen las paginas web - Los documentos HTML contienen “HTML tags” y texto plano - Los documentos HTML también son conocidos como paginas web
  • 5. Ejemplo <HTML> <body> <h1> Mi primera cabecera</h1> <p> mi primer párrafo </p> </body> </HTLM>
  • 6. ¿HTM o HTML extensión? .Cuando guardamos un archivo HTML podemos guardarlo con la extensión HTM o HTML
  • 7. HTML headings -“HTML headings” son definidos por <h1> hasta <h6> Ejemplo: <h1>esta es una cabecera </h1> <h2>esta es una cabecera </h2> <h3>esta es una cabecera </h3> <h4>esta es una cabecera </h4>
  • 8. HTML paragraphs -“HTML paragraphs” son definidos por <p> Ejemplo: <p>este es un párrafo</p> <p>este es otro párrafo</p>
  • 9. HTML imágenes -Las imágenes en HTML son definidos por <img> Ejemplo: <img src= “imagen.jpg” width=“100” height=“200”/> Nota: el nombre y el tamaño de la imagen son proveídos como atributos
  • 10. HTML sintaxis -Un elemento HTML inicia con “start tag” (<HTML>) -Un elemento HTML termina con “end tag” (<HTML>) - el contenido de un elemento siempre va entre “start tag” y “end tag” (<p>elemento</p>) -Algunos elemento pueden no tener contenido (<br>) -Los elementos vacios se cierran en el “start tag”
  • 11. HTML lines -La etiqueta <hr> crea una línea horizontal en la pagina web -el elemento “HR” puede usarse para separar contenidos Ejemplo <p> este es un párrafo</p> <hr> <p> este es un párrafo </p>
  • 12. HTML etiquetas de forma -HTML usa etiquetas como <b> y <i> para dar formato al texto, así como “Negrita” y “cursiva” -Estas etiquetas son llamadas “formatting tags”
  • 13. HTML Tables -Las tablas son definidas por la etiqueta <table> -Una tabla esta divida por filas (se usa la etiqueta <tr>), y cada fila esta dividida por celdas ( se usa la etiqueta (td) -Cada celda contiene datos (texto, imágenes, otras tablas, etc.)
  • 14. ejemplo <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>
  • 15. HTML frames -Los “frames” se usan para mostrar mas de una pagina HTML en la misma pantalla Ejemplo <frameset cols="25%,75%"> <frame src="frame_a.htm" /> <frame src="frame_b.htm" /> </frameset>
  • 16. HTML frames -En el ejemplo anterior se muestran dos columnas, la primera al 25% y la segunda al 75% -La columna también se puede representar en pixeles (cols= “200,500”) y el resto del espacio se puede representar con un asterisco (cols=“25%,*”)