Mundo
del Programador

Atributos Generales


Atributos de carácter general que encontramos en html:

  • <!DOCTYPE html> - es la primera etiqueta que debe aparecer en el documento. Su función es informar al navegador sobre la versión de HTML con la que está codificada nuestra página web
  • <-- ....... --> - estas etiqueta sirven para agregar comentarios. Los comentarios no serán mostrados por el navegador
  • <br/> - para insertar un salto de linea
  • <pre> - para mantener espacios en blanco y los saltos de linea
  •                       <pre>Este es un texto donde 
                                  se respetan los espacion en             blanco 
                                  y los saltos de linea
                          </pre>
                        
  • <div> - para maqutación web, se utiliza para dividir en secciones la pagina web
  • Asi quedaria una web maquetada con varios div


                          <div id="encabezado">
                          <h1>Pagina web de informaciones</h1>
                          </div>
                          <div id="cuerpo">
                          <p>Toda la información sobre las noticias de hoy las puedes leer aqui.....</p>
                          </div>
                        
  • <span> - para agrupar palabras o frases y asignarles un estilo CSS

  •                       <p>Mañana ire de compras en el centro comercial <span style="color:green">La Rosaleda</span></p>
                        
  • class - especifica la clase a la que pertenece ele elemento en cuestión

  •                       <html>
                            <head>
                            <style>
                            h1.intro{
                            color:blue
                            }
                            p.importante{
                            color:green
                            }
                            </style>
                            </head>
                            <body>
                            <h1 class="intro">Cabecera</h1>
                            <p class="importante">Algo muy importante</p>
                          </html>
                        
  • id - atrubuto que se usa para declarar un identificador único para cada elemento
  • style - el valor de este atributo especifica directamente el estilo CSS que se aplicará al elemento en cuestión
  • title - atributo que se utiliza para mostrar información extra cerca del elemento que lo contiene. Esta información aparecerá como un pequeño mensaje emergente al situar el ratón sobre el elemento.


Siguiente
Anterior