SlideShare una empresa de Scribd logo
1 de 13
HTML
INICIO: Antes de empezar a utilizar el lenguaje HTML, necesitamos decirle al programa que estamos usando dicho lenguaje, por lo cual empezamos cualquier accion con la siguiente etiqueta: <HTML> Cuando terminemos, cerramos la etiqueta usando la barra </HTML>
ENCABEZADO: El encabezado es lo primero que lee nuestro navegador al entrar e nuestra página web y usamos la siguiente etiqueta: <head>                        Para cerrar ponemos </head> Head significa Cabeza en inglés
CUERPO: Una vez finalizado el encabezado, comenzamos con el cuerpo del texto HTML y usamos la siguiente etiqueta: <body>             Terminamos con </body> cuando terminemos. Body  significa cuerpo en Inglés
SALTOS DE LÍNEA: Si queremos hacer un salto de texto en la línea, utilizamos la etiqueta <br>, pero a diferencia de las anteriores esta etiqueta no requiere que la cerremos. Br viene del Inglés Break que significa romper (romper la línea)
PÁRRAFOS: Para estructurar bien los textos, necesitaremos hacer uso de los párrafos y para ello necesitaremos la siguiente etiqueta: <p>          Para cerrar no olvidemos poner la barra en </p> La P viene de párrafo en inglés.
USAR NEGRITAS: Si queremos utilizar las negritas en un texto HTML utilizamos la etiqueta <strong> y el resultado sería algo así:  TEXTO EN NEGRITAS No olvidemos cerrar con </strong> y recordemos que Strong significa Fuerte en inglés.
USAR CURSIVAS: Si queremos utilizar las cursivas en un texto HTML utilizamos la etiqueta <em> y el resultado sería algo así:  TEXTO EN CURSIVAS No olvidemos cerrar con </em>.
TÍTULOS DE NIVEL 1: Los títulos de Nivel 1 son los titulares de los texto de un tamaño superior al resto del texto y llevan consigo un cambio de párrafo. La etiqueta que empleamos es <h1> y para cerrar </h1> Ejemplo: Título de nivel 1 Aquí viene el resto del texto
TÍTULOS DE NIVEL 2 Los títulos de Nivel 2 son los titulares de los texto de un tamaño superior al resto del texto (pero inferior a los de nivel 1) y llevan consigo un cambio de párrafo. La etiqueta que empleamos es <h2> y para cerrar </h2> Ejemplo: Título de nivel 2 Aquí viene el resto del texto
INSERTAR ENLACES/HIPERVÍNCULOS: Si deseamos poner un enlace en nuestro texto escrito en HTML utilizaremos la etiqueta <a> pero con la diferencia del resto que a esta etiqueta le iremos añadiendo cualidades. Para ello haremos lo siguiente: A la etiqueta <a> le ponemos la cualidad que queremos meterle un enlace de esta manera:                        <a href=“-----------”> Entre las comillas iría nuestro enlace a nuestra página o a otro sitio de interés.
INSERTAR ENLACES/HIPERVÍNCULOS: Ejemplo: <a href=“http://www.google.es”>GOOGLE</a> En medio de las etiquetas a ponemos el nombre de Nuestro link (en este caso GOOGLE) <a> viene del inglés Anchor que significa Ancla (Anclar enlaces)
FIN Y eso es todo por Hoy. Muchas GRACIAS        por su atención.

Más contenido relacionado

La actualidad más candente (20)

breve historia de html
breve historia de htmlbreve historia de html
breve historia de html
 
C# Method overloading
C# Method overloadingC# Method overloading
C# Method overloading
 
Portafolio lenguajes y automatas unidad 3 - Autómatas finitos
Portafolio lenguajes y automatas unidad 3 - Autómatas finitosPortafolio lenguajes y automatas unidad 3 - Autómatas finitos
Portafolio lenguajes y automatas unidad 3 - Autómatas finitos
 
Librerias de C++
Librerias de C++Librerias de C++
Librerias de C++
 
Html
HtmlHtml
Html
 
Html Slide Part-1
Html Slide Part-1Html Slide Part-1
Html Slide Part-1
 
Basic Html Knowledge for students
Basic Html Knowledge for studentsBasic Html Knowledge for students
Basic Html Knowledge for students
 
Introducción al lenguaje HTML
Introducción al lenguaje HTMLIntroducción al lenguaje HTML
Introducción al lenguaje HTML
 
Css Ppt
Css PptCss Ppt
Css Ppt
 
Javascript Basic
Javascript BasicJavascript Basic
Javascript Basic
 
html-css
html-csshtml-css
html-css
 
Mapa conceptual lenguaje c.
Mapa conceptual   lenguaje c.Mapa conceptual   lenguaje c.
Mapa conceptual lenguaje c.
 
Colecciones en Scala
Colecciones en ScalaColecciones en Scala
Colecciones en Scala
 
Punteros y funciones
Punteros y funciones Punteros y funciones
Punteros y funciones
 
Aprendiendo REDIS en 20 minutos
Aprendiendo REDIS en 20 minutosAprendiendo REDIS en 20 minutos
Aprendiendo REDIS en 20 minutos
 
Introducción a PHP
Introducción a PHPIntroducción a PHP
Introducción a PHP
 
Html n CSS
Html n CSSHtml n CSS
Html n CSS
 
algorithm
algorithmalgorithm
algorithm
 
Clase math.java
Clase math.javaClase math.java
Clase math.java
 
Yacc
YaccYacc
Yacc
 

Destacado (20)

Conceptos basicos prog web introduccion a html y css
Conceptos basicos prog web   introduccion a html y cssConceptos basicos prog web   introduccion a html y css
Conceptos basicos prog web introduccion a html y css
 
HTML
HTMLHTML
HTML
 
Taller de HTML
Taller de HTMLTaller de HTML
Taller de HTML
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
 
Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
 
Codigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE MéridaCodigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE Mérida
 
Conceptos básicos Html
Conceptos básicos HtmlConceptos básicos Html
Conceptos básicos Html
 
Diseño Web 02
Diseño Web 02Diseño Web 02
Diseño Web 02
 
SEO - Posicionamiento en buscadores
SEO - Posicionamiento en buscadoresSEO - Posicionamiento en buscadores
SEO - Posicionamiento en buscadores
 
Conceptos basicos html
Conceptos basicos htmlConceptos basicos html
Conceptos basicos html
 
Taller de html
Taller de htmlTaller de html
Taller de html
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?
 
Taller de html
Taller de htmlTaller de html
Taller de html
 
Manual actiweb (equipo)
Manual actiweb (equipo)Manual actiweb (equipo)
Manual actiweb (equipo)
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Codigos Acentuacion Y Otras Cosas En Html
Codigos Acentuacion Y Otras Cosas En HtmlCodigos Acentuacion Y Otras Cosas En Html
Codigos Acentuacion Y Otras Cosas En Html
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Codigo html
Codigo htmlCodigo html
Codigo html
 

Similar a Inicio al HTML (20)

Introhtml
IntrohtmlIntrohtml
Introhtml
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
Htm lpowerpoint
Htm lpowerpointHtm lpowerpoint
Htm lpowerpoint
 
Htmlpowerpoint
HtmlpowerpointHtmlpowerpoint
Htmlpowerpoint
 
Htm lpowerpoint
Htm lpowerpointHtm lpowerpoint
Htm lpowerpoint
 
Htm lpowerpoint
Htm lpowerpointHtm lpowerpoint
Htm lpowerpoint
 
Htm lpowerpoint
Htm lpowerpointHtm lpowerpoint
Htm lpowerpoint
 
Tpd 02
Tpd 02Tpd 02
Tpd 02
 
Html basicccccccoooooooooooooo
Html basicccccccooooooooooooooHtml basicccccccoooooooooooooo
Html basicccccccoooooooooooooo
 
Html basico
Html basicoHtml basico
Html basico
 
Html basico
Html basicoHtml basico
Html basico
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Guia de html
Guia de  htmlGuia de  html
Guia de html
 
Primeraclase
PrimeraclasePrimeraclase
Primeraclase
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Qué es html
Qué es htmlQué es html
Qué es html
 
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es HtmlC:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
 
Html 101
Html 101Html 101
Html 101
 

Último

GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGersonManuelRodrigue1
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxJustoAlbertoBaltaSmi
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilmeloamerica93
 
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS  EN LA LIBERTADINTERVENCIONES DE CARRETERAS  EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS EN LA LIBERTADMaryNavarro1717
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEhayax3
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30SantiagoAgudelo47
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfBrbara57940
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.docilvrosiebp
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docAhilynBasabe
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALEvaMaraMorenoLago1
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfLeonardoDantasRivas
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfslaimenbarakat
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 

Último (20)

GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS  EN LA LIBERTADINTERVENCIONES DE CARRETERAS  EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 

Inicio al HTML

  • 2. INICIO: Antes de empezar a utilizar el lenguaje HTML, necesitamos decirle al programa que estamos usando dicho lenguaje, por lo cual empezamos cualquier accion con la siguiente etiqueta: <HTML> Cuando terminemos, cerramos la etiqueta usando la barra </HTML>
  • 3. ENCABEZADO: El encabezado es lo primero que lee nuestro navegador al entrar e nuestra página web y usamos la siguiente etiqueta: <head> Para cerrar ponemos </head> Head significa Cabeza en inglés
  • 4. CUERPO: Una vez finalizado el encabezado, comenzamos con el cuerpo del texto HTML y usamos la siguiente etiqueta: <body> Terminamos con </body> cuando terminemos. Body significa cuerpo en Inglés
  • 5. SALTOS DE LÍNEA: Si queremos hacer un salto de texto en la línea, utilizamos la etiqueta <br>, pero a diferencia de las anteriores esta etiqueta no requiere que la cerremos. Br viene del Inglés Break que significa romper (romper la línea)
  • 6. PÁRRAFOS: Para estructurar bien los textos, necesitaremos hacer uso de los párrafos y para ello necesitaremos la siguiente etiqueta: <p> Para cerrar no olvidemos poner la barra en </p> La P viene de párrafo en inglés.
  • 7. USAR NEGRITAS: Si queremos utilizar las negritas en un texto HTML utilizamos la etiqueta <strong> y el resultado sería algo así: TEXTO EN NEGRITAS No olvidemos cerrar con </strong> y recordemos que Strong significa Fuerte en inglés.
  • 8. USAR CURSIVAS: Si queremos utilizar las cursivas en un texto HTML utilizamos la etiqueta <em> y el resultado sería algo así: TEXTO EN CURSIVAS No olvidemos cerrar con </em>.
  • 9. TÍTULOS DE NIVEL 1: Los títulos de Nivel 1 son los titulares de los texto de un tamaño superior al resto del texto y llevan consigo un cambio de párrafo. La etiqueta que empleamos es <h1> y para cerrar </h1> Ejemplo: Título de nivel 1 Aquí viene el resto del texto
  • 10. TÍTULOS DE NIVEL 2 Los títulos de Nivel 2 son los titulares de los texto de un tamaño superior al resto del texto (pero inferior a los de nivel 1) y llevan consigo un cambio de párrafo. La etiqueta que empleamos es <h2> y para cerrar </h2> Ejemplo: Título de nivel 2 Aquí viene el resto del texto
  • 11. INSERTAR ENLACES/HIPERVÍNCULOS: Si deseamos poner un enlace en nuestro texto escrito en HTML utilizaremos la etiqueta <a> pero con la diferencia del resto que a esta etiqueta le iremos añadiendo cualidades. Para ello haremos lo siguiente: A la etiqueta <a> le ponemos la cualidad que queremos meterle un enlace de esta manera: <a href=“-----------”> Entre las comillas iría nuestro enlace a nuestra página o a otro sitio de interés.
  • 12. INSERTAR ENLACES/HIPERVÍNCULOS: Ejemplo: <a href=“http://www.google.es”>GOOGLE</a> En medio de las etiquetas a ponemos el nombre de Nuestro link (en este caso GOOGLE) <a> viene del inglés Anchor que significa Ancla (Anclar enlaces)
  • 13. FIN Y eso es todo por Hoy. Muchas GRACIAS por su atención.