HTML - lima1756/mini-semana-topicos-2019 GitHub Wiki
Para referencia rápida de las étiquetas de HTML ver esta cheat sheet
- Acerca del lenguaje
- Head
- Body
- Titulos
- Parrafos
- Divs
- Imagenes
- Videos
- Figure
- Script
- Hipervinculos
- Clases
- Ids
HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto. Obtenido de: Definicion.de
La étiqueta head en javascript es una etiqueta que contiene toda la información de la página que describen su contenido y hace referencia a otros archivos como el de diseño o de programación.
Una página web que tiene un head bien definido suele ser preferenciada por los buscadores.
<Head>Aqui va toda la información de la página web</Head>La información que contiene esta etiqueta puede ser:
<Title>Aqui va el título de tu página</Title>
<Meta Propiedad_que_se_cambia=los_valores_que_toma>
<Link rel="tipo_de_cosa" href="ubicacion_del_archivo.css|ico"> <!--Este se usa para hojas de estilo -->
<script>Aqui se puede escribir codigo javascript<script>
<script src="aqui_va_la_direccion_de_la_ubicacion_del_archivo.js"></script>La étiqueta body es la que contiene toda el contenido de la página web. Es con lo que interactua el usuario directamente. Las etiquetas son:
<Body></Body>Se usan para definir titulos, las etiquetas son:
<h#><h#>Donde esta el simbolo # se establece el nivel del titulo, donde 1 es el de mayor importancia.
Se usa para la definición de parrafos, las etiquetas son:
</p><p>Separan parrafos unos de otros, si se usa enter para intentar separarlos no funciona. Se puede usar la etiqueta:
</br>Para hacer el salto de linea pero no es lo más recomendado.
Los divs se usan para agrupar contenidos de una misma naturaleza, se pueden anidar, se usan mucho para el diseño donde cada agrupación tiene diseño asignado.
Su etiqueta es:
<div></div>Las imagenes se incluyen dentro de las páginas web con las etiquetas:
<img src="ubicacion_del_archivo.png"/>Esta étiqueta se usa para inserta videos en la página web:
<video src="ubicación_archivo.mp4" autoplay></video>Este tag representa que lo que contenga es una unidad (una figura total).
<figure></figure>Los scripts son bloques limitados por etiquetas que permiten escribir codigo JS dentro del mismo codigo HTML.
<script>Aqui se puede escribir codigo javascript</script>Los hipervinculos se representan mediante la etiqueta:
<a href="hipervinculo a donde direcciona"></a>Esto permite cambiar la página web actual.
Las clases no son étiquetas en html, si no propiedades de las étiquetas que nos permite catalogar las mismas etiquetas. Estas agrupaciones se usan principalmente para manejar el diseño de todos los elementos que contengan esa etiqueta.
<tag class="nombre_de_la_clase"></tag>El Id es una propiedad que se usa para identificar etiquetas de manera única dentro de todo nuestro documento html. Esto se puede usar también para el diseño, pero su principal uso es para alterar el HTML desde JS.
<tag id="nombre_de_la_clase"></tag>