Etiquetas HTML
Las etiquetas html son la base de este lenguaje. Existen un sin fin de etiquetas html mas sin embargo existen algunas basicas a conocer:
La etiqueta <html>
Es una etiqueta impresindible para la realizacion de trabajos en este lenguaje. Debe estar al principio de todo proyecto y tambien debe cerrar el mismo. Dentro de esta etiqueta se realizan y se escriben todas las demas.
La etiqueta <head>
Esta etiqueta es la que sigue a la etiqueta inicial la <html>, y aunque no se muestra directamente en la pagina web se le puede añadir un titulo el cual sera mostrado en la pestaña del navegador de donde se este accediendo a la pagina.
La etiqueta <title>
Es aquella etiqueta que se muestra en la pestaña y en cierta manera describe el tipo de pagina que estamos viendo.
Etiquetas de encabezado h1,.h6
Las etiquetas de encabezado tienen 6 niveles casi siempre en un documento web solo se utilizan 3 niveles de encabezado. Los encabezados sirven para separar parrafos y resaltar un titulo importante, a medida que avanza el nivel el tamaño y el estilo de la fuente disminuye
Etiquetas de enfatizado
Son las etiquetas que se utilizan para destacar una parte del texto en una pagina. Existen 2 tipos de enfatizado basico; la etiqueta <strong> la cual sirve para remarcar en negritas parte del texto, y la etiqueta <em> utilizado para aplicar cursiva al texto.
Etiquetas de lista
Existen 3 tipos de listas en el lenguaje html; las listas ordenadas, las listas no ordenadas y las listas de descripcion.
<ol>(La cual es la etiqueta del tipo de lista)
<li>este seria el primer elemento</li>
<li>este seria el segundo elemento</li>
</ol>
En el caso de las listas ordenadas se puede cambiar el tipo de numeracion o calificacion mediante el uso del atributo "type" el cual permite reemplazar el tipo de numeracion inicial por diversos metodos ya sea letras (A,B,C) o numero romanos (I,II,III). De la misma manera se puede revertir el orden de la numeracion para que sea descendente con el atributo "reversed". ejemplo
Para realizar una lista ordenada con numeros podriamos tomar en cuenta el ejemplo anterior en donde se va a calificar mediante numeros (1,2). Para poder cambiar este aspecto se ultiliza el atributo type de la siguiente manera:
<ol type="a"> puede ser A si se quiere que se enliste en mayusculas, de la misma forma ocurre con los numeros romanos (<ol type="I">)
<li>este seria el primer elemento</li>
<li>este seria el segundo elemento</li>
</ol>
Para que una lista comienze de forma descendente es decir en vez de empezar de 1 a 2 que empiece de 2 a 1 se usa el atributo <ol reversed="reversed">
En el caso de las listas de descripcion se usan dos etiquetas mas la <dt> y la <dd>. La primera esta relacionada con el elemento que se va a describir y la segunda es la descripcion de dicho elemento. En este caso no se resalta cada elemento con viñetas o numeracion pero la descripcion de cada elemento conlleva a un aumento de la sangria en el.
<dl> (etiqueta de la lista de descripcion)
<dt>Elemento 1</dt>
<dd>aqui va la descripcion del elemento 1</dd>
<dt>Elemento 2</dt>
<dd>aqui va la descripcion del elemento 2</dd>
</dl>
La etiqueta <html>
Es una etiqueta impresindible para la realizacion de trabajos en este lenguaje. Debe estar al principio de todo proyecto y tambien debe cerrar el mismo. Dentro de esta etiqueta se realizan y se escriben todas las demas.
La etiqueta <head>
Esta etiqueta es la que sigue a la etiqueta inicial la <html>, y aunque no se muestra directamente en la pagina web se le puede añadir un titulo el cual sera mostrado en la pestaña del navegador de donde se este accediendo a la pagina.
La etiqueta <title>
Es aquella etiqueta que se muestra en la pestaña y en cierta manera describe el tipo de pagina que estamos viendo.
Etiquetas de encabezado h1,.h6
Las etiquetas de encabezado tienen 6 niveles casi siempre en un documento web solo se utilizan 3 niveles de encabezado. Los encabezados sirven para separar parrafos y resaltar un titulo importante, a medida que avanza el nivel el tamaño y el estilo de la fuente disminuye
Etiquetas de enfatizado
Son las etiquetas que se utilizan para destacar una parte del texto en una pagina. Existen 2 tipos de enfatizado basico; la etiqueta <strong> la cual sirve para remarcar en negritas parte del texto, y la etiqueta <em> utilizado para aplicar cursiva al texto.
Etiquetas de lista
Existen 3 tipos de listas en el lenguaje html; las listas ordenadas, las listas no ordenadas y las listas de descripcion.
- Las listas ordenadas son aquellas en el que hay un patron que las califica, este patron puede ser un enumerado o el mismo afabeto. La etiqueta correspondiente es la <ol>
- Las listas no ordenadas no tienen ningun tipo calificacion y no siguen un patron establecidos, generalmente utilizando viñetas o guiones para su uso. La etiqueta correspondiente es la <ul>
- Las listas de descripcion son aquellas en las que una vez puesto un elemento se hace una descripcion del mismo. La etiqueta correspondiente es la <dl>
<ol>(La cual es la etiqueta del tipo de lista)
<li>este seria el primer elemento</li>
<li>este seria el segundo elemento</li>
</ol>
En el caso de las listas ordenadas se puede cambiar el tipo de numeracion o calificacion mediante el uso del atributo "type" el cual permite reemplazar el tipo de numeracion inicial por diversos metodos ya sea letras (A,B,C) o numero romanos (I,II,III). De la misma manera se puede revertir el orden de la numeracion para que sea descendente con el atributo "reversed". ejemplo
Para realizar una lista ordenada con numeros podriamos tomar en cuenta el ejemplo anterior en donde se va a calificar mediante numeros (1,2). Para poder cambiar este aspecto se ultiliza el atributo type de la siguiente manera:
<ol type="a"> puede ser A si se quiere que se enliste en mayusculas, de la misma forma ocurre con los numeros romanos (<ol type="I">)
<li>este seria el primer elemento</li>
<li>este seria el segundo elemento</li>
</ol>
Para que una lista comienze de forma descendente es decir en vez de empezar de 1 a 2 que empiece de 2 a 1 se usa el atributo <ol reversed="reversed">
En el caso de las listas de descripcion se usan dos etiquetas mas la <dt> y la <dd>. La primera esta relacionada con el elemento que se va a describir y la segunda es la descripcion de dicho elemento. En este caso no se resalta cada elemento con viñetas o numeracion pero la descripcion de cada elemento conlleva a un aumento de la sangria en el.
<dl> (etiqueta de la lista de descripcion)
<dt>Elemento 1</dt>
<dd>aqui va la descripcion del elemento 1</dd>
<dt>Elemento 2</dt>
<dd>aqui va la descripcion del elemento 2</dd>
</dl>