[HTML] Guía básica 2 (By Malware)

Banfek · Octubre 05, 2013, 06:29:24 AM

Aquí os traigo la segunda parte de la guía básica HTML. Espero que os guste, un saludo. PD:Abajo os dejaré la descarga y el virustotal.
-Hipervínculo a otra página del mismo sitio
-Hipervínculo mediante una imagen
-Hipervínculo a otro sitio web
-Énfasis em y strong
-Poner vídeos de Youtube

Hipervínculo a otra página del mismo sitio

El elemento más importante del que dispone una página web es el hipervínculo.
¿Qué nos permite el hipervínculo? El hipervínculo nos permite cargar otra página en el navegador.
Normalmente un navegador al encontrar esta marca muestra un texto subrayado, y al hacer clic con el
ratón sobre éste el navegador carga la página indicada por dicho hipervínculo.
La marca de hipervínculo a otra página del mismo sitio tiene lo siguiente:

Código: html5

<a href="pagina34.html">Contacto</a>

Como vemos, tiene una marca de fin y otra de principio, como la gran mayoría de los elementos HTML. Lo que se
encuentra entre el principio y el fin de las marcas es lo que se "ve" en la página. (La mayoría de las veces aparece subrayado)
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.
Hagamos un ejemplo:

Código: html5

<html>
<head>
</head>
<body>
<h1>Preguntas frecuentas</h1>
<a href="pagina2.html">Salir</a>
</body>
</html>

Hipervínculo mediante una imagen

Bueno, ahora enseñaremos como, a través de un hipervínculo, en vez de implementar texto;
implementar una imagen.
¿Cómo? Pues consiste en colocar la marca "<img>" entre las marcas de principio y fin. Por si no se ha entendido,
vamos a visualizarlo en un ejemplo:

Código: html5

<a href="pagina2.html"><img src="linkdelaimagen.jpg" 
alt="nombre imagen"></a>

Como podemos observar insertamos la marca HTML img en el lugar donde disponíamos el texto del hipervínculo. Así de sencillo.

Hipervínculo a otro sitio web

El code para disponer un hipervínculo a otro sitio de internet es:

Código: html5

<a href="http://youtube.com">Ola k ase</a>

Cuando pinchas a "Ola k ase" te lleva a Youtube.

Énfasis em y strong

Enfatizar algo significa resaltar la importancia de una cosa, por ejemplo una palabra o conjunto de palabras.
Tenemos seis niveles para enfatizar. El elemento de mayor fuerza es el strong y le sigue em.
Veamos un ejemplo de estos dos:

Código: html5

<html>
<head>
</head>
<body>
<p><strong>Youtube</strong> análisis</p><p><em>TEXTO</em>: Es una plataforma para...</p></body>
</html>

Poner vídeos de Youtube

Bueno, poner vídeos de yotube es bastante simple:

Código: html5

<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0"></iframe>

Donde pone "width" y "height" ponéis el ancho y largo de "el cuadradito" para ver el vídeo. Luego, el link de youtube con /embed/
Esto es todo, pronto traeré HTML5 y JavaScript. Un saludo, ¡ adiós !

DESCARGA: No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
VIRUSTOTAL: No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
CONTACTO: @hack_own3d

Alex · Octubre 05, 2013, 12:30:59 PM

se agradece que traigas el aporte, no obstante yo personalmente, trato de siempre referirme directamente a la fuente, en el caso de HTML (tanto como de CSS), siempre leo desde la W3C donde están las especificaciones oficiales, y no hay lugar a errores.

saludos!

Banfek · Octubre 05, 2013, 05:00:16 PM

¡ Gracias ! tomo nota

[HTML] Guía básica 2 (By Malware)

Banfek

Octubre 05, 2013, 06:29:24 AM Ultima modificación: Mayo 26, 2014, 03:52:45 PM por Destructor.cs

Alex

Octubre 05, 2013, 12:30:59 PM #1

Banfek

Octubre 05, 2013, 05:00:16 PM #2