miércoles, 5 de agosto de 2020

8º EXPLICACIÓN DE ETIQUETAS HTML

A continuación encontrará una explicación y ejemplos de las etiquetas trabajadas en clase.
ETIQUETAS DE SECCIÓN - USO OBLIGATORIO
<html>

<head>

Etiqueta para título en la barra de título del navegador web <title> Texto del título de la página </title>

</head>

<body>

<body bgcolor = "código o nombre del color en inglés"> La etiqueta body bgcolor permite colocar un color de fondo.

<body background = "ruta de la imagen o url"> La etiqueta body background permite colocar una imagen de fondo

<marquee> MARQUEE: Texto que se desplaza desde la derecha a la izquierda en la pantalla </marquee> Solo el texto que se encuentre entre la etiqueta de apertura y cierre será afectada.

<br> La etiqueta br sirve para pasar al siguiente renglón. No requiere cierre

<img src="ruta de la imagen o url - en local debe tener en cuenta la extensión de la imagen ">
La etiqueta img src permite insertar imágenes  No requiere etiqueta de cierre.

(OJO Explicación - entre comillas debe colocarse el nombre de la imagen.extensión el nombre y la extensión provienen del archivo de imagen por lo general la extensión puede ser gif, jpg, jpeg, png o bmp Se recomienda colocar la imagen dentro de la misma carpeta donde se encuentra el archivo html)

<font size="20"> Font size sirve para cambiar el tamaño del texto debe cerrarse usando la etiqueta de cierre </font> Solo el texto que se encuentre entre la etiqueta de apertura y cierre será afectada.

<font color="nombre o código del color"> Font color sirve para cambiar el color de la letra, el código o nombre del color debe colocarse entre comillas y en inglés. La etiqueta debe cerrarse con </font> Solo el texto que se encuentre entre la etiqueta de apertura y cierre será afectada.

<font face="nombre de la fuente"> Font face sirve para cambiar el tipo de fuente. El nombre de la fuente debe escribirse entre comillas y debe cerrarse con </font> Solo el texto que se encuentre entre la etiqueta de apertura y cierre será afectada.

El cierre de font, cierra la etiqueta más cercana a font, ejemplo si cierro font para el tipo de fuente, la letra seguirá siendo roja y de tamaño 20.

<a href="url incluyendo el protocolo de transporte de hipertexto">Nombre que se quiere mostrar para el enlace </a> La etiqueta a href permite crear hipervínculos hacia otras páginas

La etiqueta ol permite realizar listas ordenadas (usando numeración) teniendo en cuenta que cada ítem de la lista usa la etiqueta li

<ol>
<li> Item
<li> Item
</ol>

La etiqueta ul permite realizar listas no ordenadas (usando viñetas) teniendo en cuenta que cada item de la lista usa la etiqueta li

<ul>
<li> Item 
<li> Item 
</ul>

La etiqueta h permite crear "encabezados" mejor llamados titulares (títulos) van desde los tamaños 6 al 1 siendo 1 el más grande y 6 el más pequeño

<h6>Tamaño 6</h6>
<h5>Tamaño 5</h5>
<h4>Tamaño 4</h4>
<h3>Tamaño 3</h3>
<h2>Tamaño 2</h2>
<h1>Tamaño 1</h1>

la etiqueta center permite colocar los objetos o el texto alineados al centro
<center> Texto centrado </center>

Las etiquetas b,i y u permiten colocar el texto en 
 <b>negrita</b> 
 <i>cursiva</i> 
<u>subrayado</u>

La etiqueta big permite hacer más grande el texto <big> permite </big>, por cada vez que se usa el big seguido <big><big> el texto aumenta de tamaño y requiere ser cerrado la misma cantidad de veces para que quede al tamaño normal </big></big>

La etiqueta small permite hacer más pequeño el texto <small> permite </small>, por cada vez que se usa el small seguido <small><small> el texto disminuye de tamaño y requiere ser cerrado la misma cantidad de veces para que quede al tamaño normal </small></small>

La etiqueta strong <strong> texto en negrita </strong> es muy parecida a b <b>texto en negrita</b> por eso no se usan juntas

La etiqueta em énfasis <em>texto en cursiva</em> no se usa junto a i <i>texto en cursiva</i>

<p> La etiqueta p hace que el texto se distribuya en forma de párrafo determinando donde será el final del renglón para continuar con el siguiente mientras que la etiqueta br <br>fuerza el "salto de línea"

La etiqueta hr <hr>Genera una línea conocida como separador horizontal

Para incrustar video, puede hacer clic derecho sobre un video de youtube y usar la opción de < > COPIAR CÓDIGO DE INSERCIÓN.



</body>
</html>

No hay comentarios:

Publicar un comentario