Etiquetas en HTML

Etiquetas HTML

Etiquetas HTML

Cuando necesitamos hacer una pagina web ya sea por que queremos aprender o porque es una tarea escolar debemos tener almenos unos conocimientos basicos, en este apartado yo les enseñare algunas de las etiquetas basicas que debemos conocer para poder crear su pagina web :
La etiqueta <body></body>
Esto es el cuerpo de nuestra pagina y casi todo lo que necesitamos insertar ira en este apartado, esta etiqueta solo debe utilizarse solo una vez.


    <body><div><p>Esto es un párrafo</p><div></body>

La etiqueta <p></p>
Esta etiqueta es muy utilizada al crear paginas web, en ella se encierran los parrafos o mas bien se crean.
    <p>Esto es un parrafo</p>

La etiqueta <div></div>
Esta etiqueta la utilizamos para poner una especie de cajas en nuestras paginas, esta etiqueta vino a sustituir un tanto a las tablas, ya que son mas faciles de manipular y es mucho menos complicado, dentro de esta etiqueta podemos poner lo que se nos antoje incluso podemos anidarlos, esto nos ayudara mucho a distribuir nuestro contenido
    <div><div><p>Esto es un parrafo</p></div></div>


La etiqueta <a></a>
Esta etiqueta nos sirve para crear hipervinculos para poder saltar de una pagina a otra y para ello se utiliza href="TuPagina.html"
    <a href="MiPaginaWeb.html">Click Aquí</a>

La etiqueta <br></br>
Esta etiqueta nos sirve para dar saltos de linea, es decir para separar parrafos en caso que creamos que estan muy unidos
    <br></br> ó <br/>
La etiqueta <img src=""/>
Esta etiqueta nos sirve para agregar imagenes a nuestra pagina web
<img src="Ruta-de-la-imagen-/imagen.png"/>
La etiqueta <style></style>
Esta etiqueta nos sirve para agregar estilos de css a nuestros elementos de la manera siguiente:
        <style>.Clase{
        width: 158px;
        height: 158px;
        background: orange;
        }</style>
La etiqueta <script></script>
Esta etiqueta nos sirve para agregar funciones JavaScript a nuestra pagina, para hacerla dinamica, un ejemplo de ello seria:
        <script>
        function ChangeColor(){
        var click = 1;
        if(click == 1){
        document.getElementById("Element").style.background-color = "blue";
        click = 2;
        }
        else{
        document.getElementById("Element").style.background-color = "orange";
        click = 1;
        }
        }</script>
Ahora Para poder hacer implementarlo debemos haber creado una etiqueta que tenga id="Elemento" y hacer lo siguiente
<p onclick="ChangeColor()">Click Aqui</p>
La etiqueta <marquee></marquee>
Esta etiqueta nos sirve para agregar hacer que un texto se mueva


<marquee>Un Ejemplo de Marquesina</marquee>
Marquesina: Ejemplo 

Comentarios

  1. Genial me sirvio mucho, estoy empezando a crear paginas web y estas etiquetas me sirvieron mucho!! La Marquee me parece genial para poner noticias :D

    ResponderBorrar

Publicar un comentario

Entradas más populares de este blog

Why bitcoin is rasing?

Ripple predicción de precios 2018