Hay algunas etiquetas que faltan, como por ejemplo:
<tt></tt> Estilo de texto de teletipo
¿Estan descatalogadas del estandar?
Saludos.
This course will become read-only in the near future. Tell us at community.p2pu.org if that is a problem.
Para identificar los distintos tipos de textos que nos podemos encontrar en una página web, tenemos dos etiquetas principales:
Hay que tener presente que estas etiquetas colocan automaticamente un salto de línea antes y otro despues de la etiqueta para separar el contenido que hay entre ellas.
salto de línea
<h1> Titular</h1>
salto de línea
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto
salto de línea
<p>texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
salto de línea
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto
Además de estas dos etiquetas, tenemos:
<br /> Coloca un salto de línea o retorno de carro
<!-- comentario --> Contienen textos que no se ven en la página pero nos sirven de guia a los programadores para saber que se esta haciendo.
<center></center> Centra el contenido que hay entre estas dos etiquetas.
Para darle formato al texto tenemos:
<strong> marca el texto en negrita </strong>
<b> También pone el texto en negrita </b>
<i> Coloca el texto en cursiva o itálica </i>
<em> Enfatiza el texto y se muestra en cursiva </em>
<sup> Pone el texto como superíndice </sup>
<sub> Pone el texto como subíndice </sub>
<dfn> Introduce la definición de un término </dfn>
<code> Introduce código </code>
<samp> El texto es un ejemplo de código </samp>
<kbd> Texto propio de una acción del teclado </kbd>
<var> Define que el texto es una variable </var>
<cite> Introduce una cita </cite>
<blockquote> Introduce un sangrado igual que cite, pero no pone el texto en cursiva </blockquote>
<pre> Escribe el texto tal y como lo escribimos en el código, con sus espacios y saltos de línea </pre>. Hay que tener en cuenta que cuando escribimos código html los espacios no se tienen en cuenta, solo el primero. grácias a esta etiqueta se escribe igual. Por ejemplo
<p> hola
soy jose y estoy en casa.</p>
Apareceria en la página escrito como:
hola soy jose y estoy en casa.
Porque se ignorarian todos los espacios menos el primero y los saltos de línea los cuenta como un espacio, no como salto de línea.
<font> Nos permite modificar tres propiedades de la letra</font>
como ejemplo:
<font color="#fff" size="18" face="Arial"> texto texto texto texto </font>
Hay algunas etiquetas que faltan, como por ejemplo:
<tt></tt> Estilo de texto de teletipo
¿Estan descatalogadas del estandar?
Saludos.
Orale hay muchas etiquetas las cuales ni conocia, ahora solo falta aprender a usarlas, excelente articulo.
saludos!!
No le hagas mucho caso a estas etiquetas, las he puesto a modo informativo, solo para que sepais que existen. Después verás que a la hora de maquetar textos vamos a utilizar las reglas css para hacer todo esto.
wooow! hay algunas etiquetas html5 que no conocia y que parecen ser muy utiles, la que más me gustó fue la de <pre> que respeta el espaciado que le demos el texto tal y como lo hariamos en word o en otra app para redactar
Todas las etiquetas que muestro aqui no pertenecen en si al html5, sino al xhtml. Una vez afianzemos los conocimientos de xhtml si veremos algo de html5. Empezando a utilizar las etiquetas semanticas como:
header, nav, section, footer, etc... para definir las partes de la pagina en vez de con div.
Utilización de todas las etiquetas creadas para formularios, ampliandonos las posibilidades y la utilización de las canvas, que es practiamente un lenguaje basante completo.
¡oooh!, tanto tiempo usando escribiendo en html y no sabia de la existencia de algunas de estas etiquetas.
Gracias por la aclaracion!
Saludos
de nada
Gracias, es un placer seguir tu curso, además está muy bien desarrollado.
gracias