Querido diario;
Seguimos viendo las etiquetas HTML.
Hoy tengo un dolor de cabeza de la hostia, así que intentaré explicarlo lo mejor que pueda.
Esto es lo que hemos visto:
En
<!DOCTYPE> hay varias formas de indicar que tipo de página es.
- Transational. Permite usar todas las etiquetas. HTML
- Strict. Hay etiquetas que no rerconoce. XHTML
- Frameset. divide la página en marcos de página. HTML / XHTML
- Applet. Trozo de código java incrustado en el documento
<style>
A la hora de dar estilos a una etiqueta hay varias formas de hacerlo:
Afectar de manera global a todas las etiquetas que tengan ese nombre dentro del documento, sin distinción.
<style type="text/css" media="screen">
img {/*Propiedades de estilo asociadas a todas las imagenes del documeto. */}
</style>
Hacer referencia al atributo class para diferenciar exclusivamente a quien aplicar el estilo
<style type="text/css" media="screen">
img.imagen1 {/*Propiedades de estilo asociadas a todas las imagenes del documeto class="imagen1" */}
.estilo1 {/*Propiedades de estilo asociadas a todas las imagenes del documeto class="estilo1" */}
</style>
Y en el cuerpo de la página:
<img class="estilo 1" src="imagenes/imagen.png" width="100px" height="80px"
Hacer referencia al valor asignado al atributo id
<style type="text/css" media="screen">
img#imagen1 {/*Propiedades de estilo asociadas a todas las imagenes del documeto class="estilo1" */}
#estilo1 {/*Propiedades de estilo asociadas a todas las imagenes del documeto class="estilo1" */}
</style>
Y en el Body hacer referencia con el ID
<script>
Tenemos tres formas de hacer un script:
<script type="text/javascript">
/* Lineas de código del script JavaScript embebido en el documento */
</script>
<script type="text/vbscript
/* Lineas de código del script VisualBasicScript embebido en el documento */
</script>
<script type="text/javascript" src="scripts/script-externo.js"></script>
Etiquetas para el formateado del texto
<h1></h1> Un título dentro del documento. H es un valor entre 1 y 6
<p></p> Nuevo párrafo de texto
<blockquote></blockquote> Igual que el <p> pero realiza un sangrado de izquierda a derecha.
<pre></pre> Crea un bloque de texto de manera libre. Respeta espacios en blanco, tabulaciones y saltos de linea.
<big></big> Texto en tamaño grande
<small></small> Pequeño
<sub></sub> Como subindice
<sup></sup> Como superindice
<b></b> Negrita
<i></i> Cursiva
<code></code> Maquina de escribir
<samp></samp> Similar a <code>
<cite></cite> Como si fuera una cita
<q></q> de manera destacada a <cite>
¡Hasta la próxima!