jnh tsd jsjt qohbmu zp - byiris.netlify.app
TRANSCRIPT
¿Qué es?Son las siglas en inglés de HyperText MarkupLanguage, es la forma en la que se definen laspáginas web, es el esqueleto. Fue creado en unprincipio con objetivo de divulgar información eimágenes. No se pensó que llegara a lo que esactualmente la web, de modo que, se creó sin darrespuesta a todos los posibles usos que se le iba adar y a todos los colectivos de gente que loutilizarían en un futuro. Se han ido incorporandomodificaciones con el tiempo, estos son losestándares del HTML. Existe un gran número deestándares.
Html es la estructura denuestra página, algo asícomo el esqueleto humano,todos los huesos.
Css son los estilos que leponemos a nuestra página,sería toda la piel y laropa.
JavaScript es lainteractividad de nuestrapágina, serían los músculosy el sistema nervioso.
@irisval06
ANATOMÍA HTMLANATOMÍA HTML
Apertura
El nombre de nuestra etiqueta encerrado entresímbolos de mayor o menor. Por ejemplo: <h1>.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
<h1> Iris</h1>
Etiqueta de apertura.
Etiqueta de cierre.
Contenido
ContenidoDentro de nuestras etiquetas podemos añadir texto uotros elementos HTML, lo que conocemos comoanidamiento.
ContenidoSon casi iguales que las etiquetas de apertura,pero también necesitan un slash (/) antes delnombre de la etiqueta.Por ejemplo: </h1>
@irisval06
Los atributos deben estar en la etiqueta inicial,jamás en la final.No importa el orden de los atributos en laetiqueta.Deben separarse con un espacio en blanco delnombre del elemento y de otros atributos.Atributo y valor deben estar unidos por el signo =Los valores deben estar encerrados con comillas,dobles o simples.
Los elementos en HTML tienen atributos. Son valoresadicionales que configuran los elementos o ajustansu comportamiento de diversas formas para cumplirlos criterios de los usuarios. Un elemento puedetener varios atributos:<elemento atributo='valor' atributo='valor'</elemento>
<h1 class="saludo">
Valor.Atributo
Un elemento vacío es un elemento de HTML que nopuede tener nodos secundarios (elementos anidados onodos de texto).
<img src="iris.png" alt="yo">
ELEMENTO VACÍOSELEMENTO VACÍOS
ATRIBUTOS Y VALORESATRIBUTOS Y VALORES
@irisval06
<area>Sirve para crear las distintas secciones en las quese puede dividir un mapa de imágenes en el cliente.<base>Especifica la dirección URL base que se utilizarápara todas las direcciones URL relativas dentro deun documento. Sólo puede haber un elemento <base> enun documento.
<br>Produce un salto de línea en el texto, es útil dondela división de las líneas es significante. NO se usapara incrementar el espacio entre líneas de texto.
<col>Permite especificar propiedades para una columna oun grupo de ellas.
<embed>Representa un punto de integración para unaaplicación externa o de contenido interactivo (unplug-in).<hr>Representa un cambio de tema entre párrafos, porejemplo: un cambio de tema en una sección.
<img>Lo usamos para insertar imágenes.
Se usa como hijo de los elementos multimedia, <audio>y <video>. Nos deja especificar pistas de textotemporizadas (o datos basados en el tiempo), porejemplo para manejar automáticamente los subtítulos.
<input>se usa para crear controles interactivos paraformulario, lo veremos más adelante.
<input>Se usa para crear controles interactivos paraformularios.Lo veremos más adelante.
<keygen>Existe para facilitar la generación de llaves, y elenvío de la clave pública. Se utiliza en formulariosHTML, se espera que el resultado del proceso sea uncertificado firmado.
<link>Lo usamos frecuentemente para enlazar hojas deestilo en cascada (CSS).
<meta>Sirve para aportar información sobre el documento,como los metadatos, lo podemos usar también paraSEO.
<param>Sirve para aportar información sobre el documento,como los metadatos, lo podemos usar también para SEO.
<source>Especifica recursos para los elementos <picture>,<audio>, o <video>. Se utiliza para servir contenidomultimedia en formatos soportados por navegadores.<track>
@irisval06
<head></head>En el head siempre pondremos metadatos, inclusoenlaces, de nuestra hoja de estilos, tipografías, etc.
<title> </title>Etiqueta usada para definir el título de la páginaweb.
Etiquetas de raiz
Etiquetas
Metadatos del documento
<!DOCTYPE html>Define que el documento está bajo el estándar HTML5.
<html> </html>Es la raíz de un documento HTML. Todos los demáselementos de la estructura HTML deben ser recogidosdentro de estas etiquetas.