Cuales son las etiquetas de HTML y su función
mateoz2015
144 views
16 slides
Sep 17, 2021
Slide 1 of 16
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
About This Presentation
Conoce en detalle cada una de las etiquetas básica de HTML y cuál es su función dentro del código de un sitio web.
Visita nuestro canal de Youtube: https://www.youtube.com/channel/UC_tYv8j-_RCywpkSdIEeZJA
Slide Content
Etiquetas de HTML
y su función
www.dominalaprogramacion.com
y su función
www.dominalaprogramacion.com
www.dominalaprogramacion.com
Primero que todo debemos entender como funcionan
las etiquetas en HTML que es un lenguaje de marcado.
Es decir, que funciona con etiquetas y ayuda a dar
orden a un sitio web. Además, las etiquetas en HTML
tienen una estructura básica.
Primero que todo debemos entender como funcionan
las etiquetas en HTML que es un lenguaje de marcado.
Es decir, que funciona con etiquetas y ayuda a dar
orden a un sitio web. Además, las etiquetas en HTML
tienen una estructura básica.
<body>
</body>
www.dominalaprogramacion.com
</body>
www.dominalaprogramacion.com
www.dominalaprogramacion.com
La estructura anterior es considerada una sola etiqueta
que tiene un inicio <body> y un final </body>. Dentro de
los "brackets" debemos incluir el nombre de la etiqueta.
En este caso usamos body como ejemplo pero pudo
haber sido cualquier otra.
La estructura anterior es considerada una sola etiqueta
que tiene un inicio <body> y un final </body>. Dentro de
los "brackets" debemos incluir el nombre de la etiqueta.
En este caso usamos body como ejemplo pero pudo
haber sido cualquier otra.
www.dominalaprogramacion.com
Es muy importante tener en cuenta que no todas las
etiquetas no funcionan de la misma manera. Hay
etiquetas que se cierran en el mismo grupo de
"brackets" como <img>.
Es muy importante tener en cuenta que no todas las
etiquetas no funcionan de la misma manera. Hay
etiquetas que se cierran en el mismo grupo de
"brackets" como <img>.
www.dominalaprogramacion.com
Una vez explicado lo anterior vamos a ver la primera
etiqueta que es <head> </head>. Esta etiqueta está
ubicada en la parte super de la estructura básica de
HTML. Dentro de head debemos incluir información de
la información o también conocida como metadata.
Una vez explicado lo anterior vamos a ver la primera
etiqueta que es <head> </head>. Esta etiqueta está
ubicada en la parte super de la estructura básica de
HTML. Dentro de head debemos incluir información de
la información o también conocida como metadata.
www.dominalaprogramacion.com
Algunas de las funciones que se pueden llevar a cabo
dentro de <head> </head> es incluir el titulo del sitio
web con las etiquetas <title> </title> o también conectar
un archivo HTML con un hoja de estilo CSS. En el video
incluido dentro de esta entrada se explica en más
detalle este tema.
Algunas de las funciones que se pueden llevar a cabo
dentro de <head> </head> es incluir el titulo del sitio
web con las etiquetas <title> </title> o también conectar
un archivo HTML con un hoja de estilo CSS. En el video
incluido dentro de esta entrada se explica en más
detalle este tema.
www.dominalaprogramacion.com
La siguiente etiqueta es <body> </body> en la cual va
incluida toda la información del sitio web que va a ser
visible para los visitantes como por ejemplo imágenes,
videos, texto, entre otros.
La siguiente etiqueta es <body> </body> en la cual va
incluida toda la información del sitio web que va a ser
visible para los visitantes como por ejemplo imágenes,
videos, texto, entre otros.
www.dominalaprogramacion.com
<h1> </h1> es una etiqueta que permite añadir títulos
principales a un sitio web. Un buen ejemplo es el título
de esta entrada. h1 no es la única etiqueta para añadir
títulos dentro de HTML ya que un sitio web no solo
necesita un título principal si no también subtítulos y
para ello se utilizan: <h2> </h2>, <h3> </h3>, <h4>
</h4>, <h5> </h5>, <h6> </h6> para incluir títulos con un
tamaño menor.
<h1> </h1> es una etiqueta que permite añadir títulos
principales a un sitio web. Un buen ejemplo es el título
de esta entrada. h1 no es la única etiqueta para añadir
títulos dentro de HTML ya que un sitio web no solo
necesita un título principal si no también subtítulos y
para ello se utilizan: <h2> </h2>, <h3> </h3>, <h4>
</h4>, <h5> </h5>, <h6> </h6> para incluir títulos con un
tamaño menor.
www.dominalaprogramacion.com
La etiqueta <p> </p> tiene como función separar
bloques de texto. Es decir, es una etiqueta de párrafo.
Es muy usada dentro de textos extensos en donde se
necesite separar información para darle un mejor orden
así como esta entrada cuyo texto está separada en
bloques.
La etiqueta <p> </p> tiene como función separar
bloques de texto. Es decir, es una etiqueta de párrafo.
Es muy usada dentro de textos extensos en donde se
necesite separar información para darle un mejor orden
así como esta entrada cuyo texto está separada en
bloques.
www.dominalaprogramacion.com
Para incluir enlaces dentro de nuestro sitio web
usamos la etiqueta <a> </a>. La estructura básica de
esta etiqueta es la siguiente: <a href="#"></a>.
Podemos ver que tiene un atributo href el cual nos
permite incluir un enlace hacia otro sitio web o un lugar
dentro del nuestro. Recuerda que el video al inicio de
esta entrada encontrarás una explicación mucho más
detallada de todas las etiquetas.
Para incluir enlaces dentro de nuestro sitio web
usamos la etiqueta <a> </a>. La estructura básica de
esta etiqueta es la siguiente: <a href="#"></a>.
Podemos ver que tiene un atributo href el cual nos
permite incluir un enlace hacia otro sitio web o un lugar
dentro del nuestro. Recuerda que el video al inicio de
esta entrada encontrarás una explicación mucho más
detallada de todas las etiquetas.
www.dominalaprogramacion.com
<img> es una etiqueta que nos permite añadir imágenes
a un sitio web. A esta etiqueta debemos incluirle los
atributos "scr" que nos permite añadir un enlace o ruta
y "alt" para incluir una descripción de la imagen. Es
decir, su estructura básica luce de la siguiente manera:
<img src="" alt="">. img es una de las pocas etiquetas
que no tiene un inicio y un cierre como por ejemplo
<body> </body>.
<img> es una etiqueta que nos permite añadir imágenes
a un sitio web. A esta etiqueta debemos incluirle los
atributos "scr" que nos permite añadir un enlace o ruta
y "alt" para incluir una descripción de la imagen. Es
decir, su estructura básica luce de la siguiente manera:
<img src="" alt="">. img es una de las pocas etiquetas
que no tiene un inicio y un cierre como por ejemplo
<body> </body>.
www.dominalaprogramacion.com
<div> </div> es una etiqueta contenedora. Es decir, nos
ayuda a separar elementos dentro de nuestro sitio web.
Por ejemplo, si queremos separar una imagen de otra
podemos usar div para lograrlo.
<div> </div> es una etiqueta contenedora. Es decir, nos
ayuda a separar elementos dentro de nuestro sitio web.
Por ejemplo, si queremos separar una imagen de otra
podemos usar div para lograrlo.
www.dominalaprogramacion.com
<div>
b<img src="imagen1.png" alt="">
</div>
<div>
b<img src="imagen2.png" alt="">
</div>
<div>
b<img src="imagen1.png" alt="">
</div>
<div>
b<img src="imagen2.png" alt="">
</div>
www.dominalaprogramacion.com
La última etiqueta que vamos a ver es <span> </span> que
básicamente funciona de la misma forma que <div> </div>.
Es decir la etiqueta span sirve para separar un grupo de
información de otro grupo de información en un sitio web.
La diferencia principal entre div y span es que la última
funciona como una linea "inline".
La última etiqueta que vamos a ver es <span> </span> que
básicamente funciona de la misma forma que <div> </div>.
Es decir la etiqueta span sirve para separar un grupo de
información de otro grupo de información en un sitio web.
La diferencia principal entre div y span es que la última
funciona como una linea "inline".
www.dominalaprogramacion.com
Mira nuestro video para complementar esta información
clic aquí
Mira nuestro video para complementar esta información
clic aquí
Categories
GeneralDownload
Download Slideshow Get the original presentation fileQuick Actions
Statistics
- Views 144
- Slides 16
- Age 1551 days
Related Slideshows
22
Pray For The Peace Of Jerusalem and You Will Prosper
RodolfoMoralesMarcuc
41 views
26
Don_t_Waste_Your_Life_God.....powerpoint
chalobrido8
45 views
31
VILLASUR_FACTORS_TO_CONSIDER_IN_PLATING_SALAD_10-13.pdf
JaiJai148317
40 views
14
Fertility awareness methods for women in the society
Isaiah47
38 views
35
Chapter 5 Arithmetic Functions Computer Organisation and Architecture
RitikSharma297999
37 views
5
syakira bhasa inggris (1) (1).pptx.......
ourcommunity56
39 views