Ejemplos de uso de los elementos HTML
Enviado por didipau10 • 20 de Noviembre de 2013 • Tutoriales • 3.997 Palabras (16 Páginas) • 254 Visitas
6 - Enfasis (<em> <strong>)
Otra cosa importante que podemos hacer notar es que estos elementos HTML no producen un salto de línea como los de título (h1,h2 etc.)
Para recordar el nombre de estos elementos HTML: Enfatizar algo significa realzar la importancia de una cosa, por ejemplo una palabra o conjunto de palabras.
Así como tenemos seis niveles de títulos para enfatizar un bloque contamos con dos elementos que son (<em> <strong>)
El elemento de mayor fuerza de énfasis es strong y le sigue em
Veamos un ejemplo del empleo de estos dos elementos HTML:
<html>
<head>
</head>
<body>
<p><strong>Típos de datos</strong> en MySQL</p>
<p><em>TEXTO</em>: Para almacenar texto usamos cadenas de caracteres.
Las cadenas se colocan entre comillas simples. Podemos almacenar dígitos
con los que no se realizan operaciones matemáticas, por ejemplo, códigos
de identificación, números de documentos, números telefónicos.
Tenemos los siguientes tipos: varchar, char y text.</p>
<p><em>NUMEROS</em>: Existe variedad de tipos numéricos
para representar enteros, negativos, decimales. Para almacenar valores enteros,
por ejemplo, en campos que hacen referencia a cantidades, precios, etc., usamos
el tipo integer. Para almacenar valores con decimales utilizamos: float o decimal.</p>
<p><em>FECHAS Y HORAS</em>: para guardar fechas y horas dispone
de varios tipos: date (fecha), datetime (fecha y hora), time (hora), year (año)
y timestamp.</p>
</body>
</html>
Podemos ver que la sintaxis para el elemento strong es:
<strong>Típos de datos</strong>
La mayoría de los navegadores muestran el texto enfatizado con strong con un texto en negrita y para el elemento em utilizan letra itálica (de todos modos esto no es obligatorio, pero seguramente mostrarán los textos enfatizados)
<em> viene de empathize que significa énfasis.
<strong> viene de strong que significa fuerte.
7 - Hipervínculo a otra página del mismo sitio <a>
El elemento más importante que tiene una página de internet es el hipervínculo, estos nos permiten cargar otra página en el navegador. Esto es lo que hace diferente la página de un libro con la página de un sitio en internet. Normalmente un libro lo recorremos en forma secuencial, pero un sitio de internet podemos disponer estos enlaces entre un conjunto de páginas y luego tener distintas alternativas de recorrido.
Normalmente un navegador al encontrar esta marca muestra un texto subrayado, y al hacer clic con el mouse sobre éste el navegador carga la página indicada por dicho hipervínculo.
Primero veremos cual es la sintaxis para disponer un hipervínculo a una página que se encuentra en el mismo sitio (es decir otra página que hemos desarrollado nosotros).
La marca de hipervínculo a otra página del mismo sitio tiene la siguiente sintaxis:
<a href="pagina2.html">Noticias</a>
Como vemos, se trata de otro elemento HTML que tiene comienzo de marca y fin de marca. Lo que se encuentra entre el comienzo de marca y el fin de la marca es el texto que aparece en la página (normalmente subrayado).
Lo nuevo que aparece en este elemento es el concepto de una propiedad. Una propiedad se incorpora en el comienzo de una marca y tiene un nombre y un valor.
El valor de la propiedad debe ir entre comillas dobles.
La propiedad href del elemento "a" hace referencia a la página que debe mostrar el navegador si el visitante hace clic sobre el hipervínculo.
Implementemos dos páginas que contengan hipervínculos entre si, los nombres de las páginas HTML serán: pagina1.html y pagina2.html
pagina1.html
<html>
<head>
</head>
<body>
<h1>Página principal.</h1>
<a href="pagina2.html">Noticias</a>
</body>
</html>
pagina2.html
<html>
<head>
</head>
<body>
<h1>Noticias.</h1>
<a href="pagina1.html">Salir.</a>
</body>
</html>
Como podemos observar lo nuevo en la pagina1.html es el hipervínculo a la pagina2.html:
<a href="pagina2.html">Noticias</a>
Toda propiedad toma el valor que se encuentra seguidamente del caracter =
El valor de la propiedad href en este caso es pagina2.html (es otro archivo HTML que debe encontrarse en nuestro sitio y en el mismo directorio).
El segundo archivo pagina2.html tiene un hipervínculo a la primer página:
<a href="pagina1.html">Salir.</a>
Para recordar el nombre de esta marca HTML:
<a>
...