Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.

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

  • 2 Respuestas
  • 2476 Vistas

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado Banfek

  • *
  • Underc0der
  • Mensajes: 15
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
  • Skype: mod-guntest
  • Twitter: Banfek
« en: 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
  1. <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
  1. </head>
  2. <h1>Preguntas frecuentas</h1>
  3. <a href="pagina2.html">Salir</a>
  4. </body>
  5. </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
  1. <a href="pagina2.html"><img src="linkdelaimagen.jpg"
  2. 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
  1. <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
  1. </head>
  2. <p><strong>Youtube</strong> análisis</p><p><em>TEXTO</em>: Es una plataforma para...</p></body>
  3. </html>


Poner vídeos de Youtube

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

Código: HTML5
  1. <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: https://mega.co.nz/#!gBMWXTLY!IhUMLD4HH5sV7PLCXJH8FxzMErxpbPxRX4TY6BEORUQ
VIRUSTOTAL: https://www.virustotal.com/es/file/f5796b2477700806ba0f1e45cf51c1dec684f3a0f69daa800c1f5708eee69a7c/analysis/1380965283/
CONTACTO: @hack_own3d
« Última modificación: Mayo 26, 2014, 03:52:45 pm por Destructor.cs »

Desconectado alexander1712

  • *
  • Underc0der
  • Mensajes: 851
  • Actividad:
    10%
  • Reputación -2
    • Ver Perfil
    • El blog del programador
    • Email
« Respuesta #1 en: 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!

Desconectado Banfek

  • *
  • Underc0der
  • Mensajes: 15
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
  • Skype: mod-guntest
  • Twitter: Banfek
« Respuesta #2 en: Octubre 05, 2013, 05:00:16 pm »
¡ Gracias ! tomo nota

 

¿Te gustó el post? COMPARTILO!



Malware Scanner Online [SRC]

Iniciado por ANTRAX

Respuestas: 2
Vistas: 2994
Último mensaje Julio 09, 2019, 12:24:32 pm
por ANTRAX
[HTML][MEDIO] Crea un banner con luces LED para tus perfiles con Mint Profile

Iniciado por godmurdoc

Respuestas: 0
Vistas: 2399
Último mensaje Julio 04, 2011, 04:04:02 pm
por godmurdoc
[HTML][BASICO] Script ''Haga desfilar un texto mediante la etiqueta <marquee>''

Iniciado por ANTRAX

Respuestas: 0
Vistas: 1685
Último mensaje Febrero 24, 2010, 11:15:37 am
por ANTRAX
[PDF] 1000 Libros - La guía suprema de JAVASCRIPT - NODE.JS - D3.JS - REACT

Iniciado por graphixx

Respuestas: 2
Vistas: 5016
Último mensaje Julio 21, 2019, 12:35:00 am
por graphixx
[VIDEOTUTORIAL] Full Stack Developer - Desde HTML hasta PYTHON - 15 GB

Iniciado por graphixx

Respuestas: 5
Vistas: 11918
Último mensaje Abril 01, 2018, 02:46:38 pm
por graphixx