Cargo actual:Index > Efectos especiales HTML para páginas Web

Efectos especiales HTML para páginas Web

Actualizado:08-01Fuente: consolidación de la red
Advertisement

Efectos especiales HTML para páginas Web


Hyper Text Markup Language (HTML) es un lenguaje utilizado en el diseño de páginas web. A pesar de que se trata de un lenguaje sencillo sus páginas web no tienen que ser simple. Utilice algunos de los efectos especiales de la lista para mejorar su página web.

Cada comando HTML o efecto tiene una etiqueta de inicio y una etiqueta de cierre. Una etiqueta de inicio se ve como <HTML> y una etiqueta final se parece a la etiqueta inicial, pero tiene una barra inclinada delante de la etiqueta </ ​​HTML>. A continuación se muestra el código básico necesario para crear una página web con HTML. Todas las cosas divertidas va entre el comienzo y final etiquetas <body>.

<HTML>

&lt;Head>
&lt;Title>Will display your web page name &lt;/Title>
&lt;/Head>
&lt;Body>
This is where you design your page.
&lt;/Body>

</ HTML>

Para probar el nuevo código HTML, copiar el código HTML de arriba y péguelo en el Bloc de notas. Introduzca su nuevo código entre las etiquetas del cuerpo. Guarde el nuevo código como un archivo HTML (file_name.HTML). A continuación, abra el nuevo archivo en la ventana de su navegador para ver su nuevo código.

El color de fondo y el sonido

Utilice la etiqueta de fondo de color para darle a su página un poco de color. La etiqueta de color se añade a la etiqueta <Body>.
<HTML>
<Head>
<Título> mostrará su nombre de la página web </ title>
</ Head>
<Body bgcolor = "# 0000ff">
Color # 0000FF se define como un valor hexadecimal. Los valores de color actuales se pueden encontrar en la web.

También puede agregar sonido a su página utilizando la etiqueta sonido de fondo.
<BGSOUND src = "mymusic.mp3" LOOP = "2>
Bgsound src es el nombre y una ubicación para el archivo de música. Loop es el número de veces que desea que su sonido que desea reproducir. Si deja el atributo loop de la voluntad sin parar bucle de sonido.

Configuración de Texto

Hay muchas maneras diferentes para configurar el texto en su página web. Una manera simple de hacer que el texto se destacan es utilizar las etiquetas de título. La etiqueta <h1> tiene el mayor tamaño de la partida, mientras que el <h6> etiqueta es el más pequeño.
<H1> Heading 1 </ h1>
<H2> Rúbrica 2 </ h2>
<H3> Heading 3 </ h3>
<H4> Rúbrica 4 </ h4>
<H5> Rúbrica 5 </ h5>
<H6> Rúbrica 6 </ h6>

Para separar texto con una línea horizontal, utilice la etiqueta <hr>.
<Hr width = 50% "color =" 0000FF "size =" 8 "> </ hr>
Ancho es hasta qué punto a través de la página de la línea debe extenderse. El punto de partida se centra en la página y se extenderá a través de 50% de la página.

Para hacer su texto en cursiva uso del <em> etiqueta.
<Em> Esta es la etiqueta subrayado </ em>
También puede utilizar <i> texto </ i>

Para hacer su texto el uso audaz del <strong> etiqueta.
<Strong> Este es el fuerte etiqueta </ ​​strong>.
También puede utilizar <bold> texto </ bold>.

Para hacer que el texto realmente se destacan
<Em> <strong> El texto que es cursiva y negrita <strong> <em>

Marquesina Desplazamiento

Para desplazarse el texto a través de la página web. Utilice el <Marquesina> etiqueta.
<Marquee>
Hola mundo
</ Marquee>
Esto se desplazará Hello World a través de la página web. La dirección de desplazamiento por defecto es de derecha a izquierda. Para cambiar la dirección de desplazamiento uso <Dirección Carpa = Derecha>.

Otras características

Para colocar una imagen en su página web el uso <img src> o fuente de imagen.
<Img src = alt "mi imagen.jpg" = "esto es lo que se muestra al pasar el ratón sobre la imagen," align = right>. Esto colocará la imagen en el lado derecho de la página web.

Utilice el <href> para añadir un enlace a tu página web.
<A Href="www. some_new_webpage.html"> Este es el texto subrayado que el uso se haga clic. </A>

Hay dos tipos de lista que se pueden agregar al sitio web, lista desordenada y ordenó listas.
Una lista sin orden está lista con viñetas. Utilice la etiqueta <ul> para crear la lista.
<Ul>
<Lh> Este es el título de la lista </ ​​lh>
<Li> Este es tu primer artículo de línea en la lista </ ​​li>
<Li> Este es el segundo renglón en la lista </ ​​li>
</ Ul>

Una lista ordenada permite listar los elementos de una secuencia tal como 1,2,3 o a, b, c. Utilice la etiqueta <ol> para crear una lista ordenada. El tipo de atributo, permite definir la secuencia de la lista. En este ejemplo, la lista será con letras con mayúsculas a partir de A. También puede elegir entre una caja inferior a y el número 1 o de números romanos, puede utilizar I o i. El valor predeterminado es una lista de números a partir de las 1.
<Tipo ol = A>

&lt;lh>Why my web page is great!!!&lt;lh>
&lt;li> Reason number 1&lt;/li>
&lt;li> Reason number 2&lt;/li>

</ Ol>

  • Efectos especiales HTML para páginas WebEfectos especiales HTML para páginas Web Actualizado:08-01

    Hyper Text Markup Language (HTML) es un lenguaje utilizado en el diseño de páginas web. A pesar de que se trata de un lenguaje sencillo sus páginas web no tienen que ser simple. Utilice algunos de los efectos especiales de la lista para mejorar su pá

  • Cómo añadir un efecto de lluvia para página de nueva pestaña en Chrome [Sugerencia]Cómo añadir un efecto de lluvia para página de nueva pestaña en Chrome [Sugerencia] Actualizado:06-22

    Por lo tanto, estás aburrido de la apariencia actual y la sensación de página de nueva pestaña del navegador Chrome? Bueno, hay un sinnúmero de nuevas extensiones página pestaña por ahí que usted puede utilizar para darle vida a su nueva pestaña con

  • Cómo agregar tabla de contenido para páginas web en Chrome y Firefox [Sugerencia]Cómo agregar tabla de contenido para páginas web en Chrome y Firefox [Sugerencia] Actualizado:07-26

    Algunos sitios web incluyen tabla de contenidos en sus páginas para mejorar la navegación. Son esencialmente una breve lista de enlaces que saltan a las subpartidas de la página. Usted puede agregar la tabla de contenido a muchos más sitios web con l

  • Cómo crear sitemaps para páginas web estáticas HTMLCómo crear sitemaps para páginas web estáticas HTML Actualizado:07-02

    Los llamados mapas de sitio son archivos que contienen información sobre la estructura de un sitio web. Por lo general, no es la única información pero eso debería ser suficiente como explicación por ahora. Muchos de los sistemas de gestión de conten

  • Cómo mostrar las etiquetas HTML en páginas Web Actualizado:03-03

    Cuando nos fijamos en una página web en un navegador web, que no se ve el código HTML real en la propia página. Esto es porque el navegador analiza el código de modo que se puede representar en un diseño agradable y el diseño para el espectador. Si d

  • Hacer Un Fondo Mosaico integrado para páginas web en unos diez segundosHacer Un Fondo Mosaico integrado para páginas web en unos diez segundos Actualizado:08-07

    La creación de una imagen de fondo para su página web (o fondo de escritorio) no impugna en absoluto. De hecho, incluso un novato usuario de Photoshop puede golpear a un out en unos diez segundos. Aquí es el más simple de los métodos simples con sorp

  • Cómo proteger una dirección de correo electrónico para páginas WebCómo proteger una dirección de correo electrónico para páginas Web Actualizado:04-11

    Asegurar direcciones de correo electrónico en las páginas Web es esencial para aquellos que desean evitar el spam los robots de recolección de correo electrónico. Bots de correo electrónico de cosecha a menudo se basan en el reconocimiento de la estr

  • Cómo agregar Sitio web Traductor Widget de Google para Página Web o Blog Actualizado:05-12

    Para su blog para ser leído por los lectores de todo el mundo de diferentes idiomas, es necesario proporcionar función de traducción de idiomas en su blog. Google anunció su nuevo widget de traducción de la red que se traduce automáticamente el conte

  • Ver etiquetas HTML y página web Combinado en FirefoxVer etiquetas HTML y página web Combinado en Firefox Actualizado:09-01

    ¿Quieres una forma más fácil de ver las etiquetas HTML de una página web sin ver el código fuente en una ventana separada? Ahora puede ver la página web y las etiquetas combinadas en la misma ventana utilizando la extensión de Rayos X para Firefox. A

  • Cómo agregar un marcador de desplazamiento para páginas web en Chrome [Sugerencia]Cómo agregar un marcador de desplazamiento para páginas web en Chrome [Sugerencia] Actualizado:04-07

    Vaya Marker es una extensión para Google Chrome. Thatâ € ™ s una extensión que añade un fabricante de desplazamiento hacia la parte inferior de una página web. El marcador se mueve mientras se desplaza por la página web para que pueda hacer un mejor