SlideShare una empresa de Scribd logo
1 de 41
Lección No.2
Todas las etiquetas que vamos a
ver en esta clase son para
ocuparlas dentro de body
Etiquetas de texto
<h1> </h1>
Esta etiqueta sirve para mostrar
un título de nivel 1
<h2> </h2>
Esta etiqueta sirve para mostrar
un título de nivel 2
<h3> </h3>
<h4> </h4>
etc…
Estas etiquetas sirven para
mostrar títulos de nivel 3, 4, etc…
Ejemplo de su uso
<br/>
Esta etiqueta sirve para dar un
salto de línea como si le
diéramos Enter
Ejemplo
<i> </i>
Esta etiqueta sirve escribir el
texto en cursiva
Ejemplo
<strong> </strong>
Esta etiqueta sirve escribir el
texto en negritas
Ejemplo
<u> </u>
Esta etiqueta sirve escribir el
texto subrayado
Ejemplo
Etiquetas para dar
formato a el texto
<center> </center>
Esta etiqueta sirve para alinear a
el centro un párrafo, un título o
cualquier otra cosa
Ejemplo
<blockquote> </ blockquote >
Esta etiqueta sirve para justificar
el texto dándole margen a ambos
lados, resulta útil cuando
tenemos mucha información y
queremos que se vea organizada
Ejemplo
Etiqueta de imagen
<img>
Esta etiqueta sirve para insertar
una imagen
Ejemplo
<img src=“ ”> </img>
Dentro de la etiqueta de imagen es
necesario colocar el parámetro src
que sirve para indicar el directorio,
el nombre de la imagen y su formato
(jpg, png, gif, etc…)
Es importante destacar que en este ejemplo tanto
el archivo html como la imagen están ubicados en
el mismo directorio es decir que ambos están en
el escritorio por lo cual no es necesario indicarlo
en el código, mas adelante veremos casos en los
que el archivo html y la imagen están ubicados en
diferentes directorios
<img src=“ ” align=“ ” > </img>
Otro parámetro de la etiqueta de
imagen es align ya que con este
se puede dar la alineación
deseada a la imagen
Si necesitas alinear una imagen a
el centro bastará con anidarla
dentro de una etiqueta center
<center><img
src=“loquesea.jpg”></center>
Eso es todo por hoy amigos!
Nos vemos en la próxima clase
Visítanos en
www.estrellasporgracia.web44.net
El mejor curso de html lección no.2

Más contenido relacionado

Destacado

Curso Diseñando para la Web, parte 2
Curso Diseñando para la Web, parte 2Curso Diseñando para la Web, parte 2
Curso Diseñando para la Web, parte 2Sergio Nouvel Castro
 
Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1Sergio Nouvel Castro
 
Los Colores de tu Sitio Web También Venden
Los Colores de tu Sitio Web También VendenLos Colores de tu Sitio Web También Venden
Los Colores de tu Sitio Web También VendenAntonRoMX
 
Database administration and security
Database administration and securityDatabase administration and security
Database administration and securityDhani Ahmad
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Paradigma Digital
 
Lean Software Development
Lean Software DevelopmentLean Software Development
Lean Software DevelopmentDavid Fernandez
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño WebLorena Guerrero
 
El Gran Libro de Diseño Web
El Gran Libro de Diseño WebEl Gran Libro de Diseño Web
El Gran Libro de Diseño WebRebelBangarang
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño webciwmx
 
HRM - Training
HRM - TrainingHRM - Training
HRM - Trainingtutor2u
 

Destacado (19)

Curso Diseñando para la Web, parte 2
Curso Diseñando para la Web, parte 2Curso Diseñando para la Web, parte 2
Curso Diseñando para la Web, parte 2
 
Teoría del color: Claves
Teoría del color: ClavesTeoría del color: Claves
Teoría del color: Claves
 
Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1
 
Web Fonts: Rendereo y suavizado
Web Fonts: Rendereo y suavizadoWeb Fonts: Rendereo y suavizado
Web Fonts: Rendereo y suavizado
 
Taller: Tecnología sin Estrés
Taller: Tecnología sin EstrésTaller: Tecnología sin Estrés
Taller: Tecnología sin Estrés
 
Los Colores de tu Sitio Web También Venden
Los Colores de tu Sitio Web También VendenLos Colores de tu Sitio Web También Venden
Los Colores de tu Sitio Web También Venden
 
Introducción HTML5 y CSS3
Introducción HTML5 y CSS3Introducción HTML5 y CSS3
Introducción HTML5 y CSS3
 
Database administration and security
Database administration and securityDatabase administration and security
Database administration and security
 
Html+css 2013
Html+css 2013Html+css 2013
Html+css 2013
 
Taller maquetacion web
Taller maquetacion webTaller maquetacion web
Taller maquetacion web
 
Curso HTML y CSS, parte 1
Curso HTML y CSS, parte 1Curso HTML y CSS, parte 1
Curso HTML y CSS, parte 1
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3
 
Lean Software Development
Lean Software DevelopmentLean Software Development
Lean Software Development
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
 
El Gran Libro de Diseño Web
El Gran Libro de Diseño WebEl Gran Libro de Diseño Web
El Gran Libro de 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
 
HRM - Training
HRM - TrainingHRM - Training
HRM - Training
 
Curso HTML y CSS, parte 2
Curso HTML y CSS, parte 2Curso HTML y CSS, parte 2
Curso HTML y CSS, parte 2
 
Employee Benefits
Employee BenefitsEmployee Benefits
Employee Benefits
 

Similar a El mejor curso de html lección no.2

Similar a El mejor curso de html lección no.2 (20)

Etiquetas de html
Etiquetas de htmlEtiquetas de html
Etiquetas de html
 
Estructura del código HTML5.pptx
Estructura del código HTML5.pptxEstructura del código HTML5.pptx
Estructura del código HTML5.pptx
 
etiquetas HTML
etiquetas HTMLetiquetas HTML
etiquetas HTML
 
Aprender html
Aprender htmlAprender html
Aprender html
 
Informática aplicada a la educación
Informática aplicada a la educaciónInformática aplicada a la educación
Informática aplicada a la educación
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas 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
 
Html.pptx
Html.pptxHtml.pptx
Html.pptx
 
Informatica
InformaticaInformatica
Informatica
 
Informatica
InformaticaInformatica
Informatica
 
Informatica
InformaticaInformatica
Informatica
 
Informatica
InformaticaInformatica
Informatica
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Texto del manual de html
Texto del manual de htmlTexto del manual de html
Texto del manual de html
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
Etiquetas de lenguaje html
Etiquetas de lenguaje htmlEtiquetas de lenguaje html
Etiquetas de lenguaje html
 
Guia#2 info
Guia#2 infoGuia#2 info
Guia#2 info
 
Curso html
Curso   htmlCurso   html
Curso html
 
CursoBasicoHTML2.ppt
CursoBasicoHTML2.pptCursoBasicoHTML2.ppt
CursoBasicoHTML2.ppt
 
Párrafos en HTML
Párrafos en HTMLPárrafos en HTML
Párrafos en HTML
 

El mejor curso de html lección no.2