2. Html
⦿ El HTML fue creado en 1980; tenía de objetivo
servir de transmisión de información entre los
científicos que se ocupaban de la física de alta
energía.
3. ¿Qué significa
HTML?
⦿ H: Hiper
⦿ T: Texto
⦿ M: Marcado
⦿ L: Lenguaje
Definición: Lenguaje de marcas de
hipertexto.
Hipertexto hace referencia a los enlaces que
conectan paginas web entre sí. Ya sea
dentro de un único sitio web o entre sitios
web.
4. Forma de uso.
⦿ Html utiliza “marcas” para etiquetar texto, imágenes y otro
contenido para mostrarlo en un navegador web. Las
marcas HTML incluyen “elementos” especiales como:
⦿ <head>, <title>, <body>,
<header>,<footer>,<article>,<audio>,<img>
<h1>,<u>,<div>,<viedo,><font size=“numero”> Etc.
5. ¿Cómo se usa?
⦿ Cada página comienza con:<HTML>. A continuación viene la
cabecera, con el comando <Head> y </head> para cerrar el
comando y marcar que se ha finalizado el funcionamiento
del dicho.
⦿ Después el comando <Body>, que indica el comienzo del
cuerpo de la página y </body> para finalizar el uso del
comando.
⦿ Entre el comando <body se pueden usar mas comandos
como: <u> que sirve para subrayar textos, y el comando <i>
que sirve para colocar en cursiva todo el texto.
⦿ Los comandos se cierran repitiendo el comando pero antes
de poner la letra iniciamos con el signo “/” ejemplo: </u> <i>
6. Comandos dentro del
cuerpo.
A continuación se adjuntarán más
etiquetas con su función para
usarlas dentro del comando <Body>
⦿ <p> Sirve para remarcar el texto
con un negro que lo resalta.
⦿ <i> Sirve para que la letra esté
en cursiva.
⦿ <u> Sirve para subrayar textos
⦿ <mark> Sirve para colocar una
linea tipo subrayado en medio
del texto.
⦿ < br> Cumple con la función del
“punto y seguido”. Es necesario
poner este comando, ya que si
se hace con la tecla “enter” no
funcionará.
⦿ <h1> Esta etiqueta permite utilizar
los encabezados
⦿ <font color=“colocar un color con su
nombre en ingles”> Sirve para
cambiar el color del texto.
⦿ <body background=“ ubicación de
un archivo tipo imagen”> Sirve para
colocar una imagen en el fondo del
archivo.
⦿ <html> sirve para
7. Imágenes
⦿ Para apoyar nuestro proyecto,
podemos agregar contenido
audiovisual con los siguientes
comandos.
⦿ Para agregar una imagen
necesitamos poner el comando:
⦿ <img src=“”>
⦿ Y después de ponerlo necesiamos
poner la dirección de la imagen,
ejemplo:
⦿ <img src=“C:Users3B
2122DesktopSitio WebMateriales
HTmlthrd.jfif”
⦿ También para complementar,
podemos alterar el tamaño de la
imagen, con el siguiente comando.
⦿ width="500" height "250“
⦿ Width significa “ancho”, High
“altura”.
⦿ Para hacer valido se tiene que poner
entre el comando de la imagen,
ejemplo:
<img src=“C:Users3B
2122DesktopSitio WebMateriales
HTmlthrd.jfif” width="500" height
"250“>
8. Videos
⦿ Para implementar videos, se
utilizan los siguientes comandos.
⦿ <video controls src=“
⦿ Después del signo “igual”, se
coloca la ubicación del archivo,
como ya fue mostrado
anteriormnente. Donde también
se pueden usar los comandos
complementarios
⦿ Ejemplo:
⦿ <video controls src=""</video>
9. Audios.
⦿ Para agregar audios, vamos a
implementar las reglas anteriores,
que es implementar la ubicación del
archivo después del signo “igual”.
⦿ La etiqueta de audio es la siguiente:
⦿ <audio controls src=""> </audio>