2018-02-16

Etiqueta base

POSTED BY :
ON
/
No hay comentarios.
Definición

La etiqueta <base> se utiliza para definir la URL por defecto que se utilizara en todo el documento  en la cual solo puede haber una etiqueta <base> y debe ir ubicada dentro de la etiqueta <head> </head> del documento. No posee etiqueta de cierre y la mejor manera de colocar es <base />.

Sus posibles atributos son

  • href => que indica el URL por defecto.
  • target => como el URL actuara al darle click ( _blank, _self, _parent, _top)
EJEMPLO

<!-- Documento -->
<html>
<head>
     <title>Mi pagina WEB</title>
     <base target="_blank" href="https://kwards.blogspot.com/"/ >
</head>
<body>
   
     <a href="https://kwards.blogspot.com/2018/02/etiqueta-base.html">
         Etiqueta base
     </a>
   
</body>
</html>

RESULTADO
Mi pagina WEB Etiqueta base


Esta etiqueta es muy funcional para cuando queremos separar los enlaces pertenecientes a paginas web diferente a la nuestra.
Antonio Hernandez Web Developer

2018-02-15

Etiqueta b

POSTED BY :
ON
/
No hay comentarios.
Definición
La etiqueta <b> del ingles "bold" ó negrita. Es de tipo en-linea y sirve para marcar un texto en negrita al igual que la etiqueta <strong>. Posee etiqueta de cierre </b>

<!-- CSS por defecto -->
b{
    font-weight: bold;
}

Ejemplos

Tomaremos como texto de ejemplo un párrafo del principio de la termodinámica, cabe  destacar que como es un párrafo debe ir dentro de la etiqueta <p></p>.

<p>
El <b>primer principio de la termodinámica</b> o <b>primera ley de la termodinámica</b> es un principio que refleja la conservación de la energía en el contexto de la termodinámica.
</p>

Resultado

El primer principio de la termodinámica o primera ley de la termodinámica es un principio que refleja la conservación de la energía en el contexto de la termodinámica.

La etiqueta <b> puede llevar los siguientes atributos:

  • title => agrega un texto informativo
  • id => le da un nombre unico
  • class => asigna nombres de clases
  • style => agrega estilos css 
  • lang => especifica el idioma del texto (si no se coloca, por defecto el navegador agrega desconocido)
  • dir => indica la dirección del texto. 
Antonio Hernandez Web Developer

2018-02-10

Etiqueta address

POSTED BY :
ON
/
No hay comentarios.
Definición

La etiqueta <address> en HTML es utilizada para dar a conocer información acerca de un contacto relacionado con el contenido del articulo publicado, por ejemplo el autor o autores de un articulo determinado. Posee etiqueta de cierre </address>

<!-- css por defecto de la etiqueta -->
address{
       font-style: italic;
       display: block;
}
Ejemplos

Tomaremos de ejemplo la información personal del soldado, novelista, poeta y dramaturgo Miguel de Cervantes.
<!-- CODIGO -->
<address>
       <a href="https://es.wikipedia.org/wiki/Miguel_de_Cervantes">
            Miguel de Cervantes
       </a><br/>
       Nació 29 de Septiembre de 1547 Alcalá de Henares, España.<br/>
       Falleció a sus 68 años el 22 de abril de 1616 ​Madrid, España.<br/>
</address>

Miguel de Cervantes
Nació 29 de Septiembre de 1547 Alcalá de Henares, España.
Falleció a sus 68 años el 22 de abril de 1616 ​Madrid, España.

Aunque la etiqueta posee parecido los estilos "css" que las etiquetas <i> e <em> cuando se trata de información de contacto es recomendable usar la etiqueta <address>.
Antonio Hernandez Web Developer

2018-02-07

Etiqueta acronym

POSTED BY :
ON
/
No hay comentarios.
Definición

<acronym>  permite marcar un acrónimo o siglas que se lee como palabra, es muy parecido a la etiqueta <abbr>. Posee etiqueta de cierre </acronym>.

Ejemplos de acrónimos conocidos.

  • UNESCO => United Nations Educational, Scientific and Cultural Organization.
  • DNA => Deoxyribonucleic acid.
  • FIFA => Federación Internacional de Futbol.
  • DVD => Digital Video Disc.

Para poder colocar la forma extendida con la etiquete acronym se utiliza el atributo html (title=""), para definir el idioma se utiliza el atributo html (lang=""), ademas puede utilizarse el atributo html (dir="") que indica la dirección del texto. el atributo dir solo puede llevar de valor "ltr" o "rtl".

<!-- Estilo css por defecto -->
acronym[title]{
        text-decoration:underline dotted;
}

Ejemplos


<!-- Con el atributo title -->

<acronym title="Digital Video Disc">DVD</acronym>

Resultado: DVD

<!-- Con los atributos title, lang, dir -->

<acronym title="United Nations Educational, Scientific and Cultural Organization" lang="en" dir="rtl">DVD</acronym>

Resultado: UNESCO

La etiqueta <acronym> y la etiqueta <abbr> suele causar confusión a la hora de utilizarse, ya que es un poco confuso saber si la palabra es un acrónimo o abreviatura.

Antonio Hernandez Web Developer

2018-02-06

Etiqueta abbr

POSTED BY :
ON
/
No hay comentarios.
Definición

<abbr> (Elemento de abreviación HTML) permite representar una abreviatura tales como "www","http","etc","url"; entre otras. posee el atributo (title) y este debe llevar el significado o descripción de lo abreviado. Posee etiqueta de cierre </abbr>

<!-- css por defecto -->

abbr{
   display:inline;
}

NOTA: en algunos navegadores el estilo por defecto lleva un subrayado de puntos, o tambien lo transforma en minuscula... para evitar este tipo de estilos se debe agregar el atributo css con su valor  "text-decoration: none"

<!-- css con el texto subrayado -->

abbr[title]{
   text-decoration:underline dotted;
}

Ejemplos

<!-- Con estilos css por defecto -->
redirigiremos a la etiqueta <a href="https://kwards.blogspot.com/2018/02/etiqueta-abbr.html"> <abbr  title="Elemento de Abreviación Html">"abbr"</abbr> </a>

<!-- Con text-decoration:none -->

redirigiremos a la etiqueta <a href="https://kwards.blogspot.com/2018/02/etiqueta-abbr.html"> <abbr  title="Elemento de Abreviación Html"  style="font-variant:none">"abbr"</abbr> </a>

Resultado
<!-- Con estilos css por defecto -->
redirigiremos a la etiqueta  "abbr"

<!-- Con text-decoration:none -->
redirigiremos a la etiqueta "abbr"


Antonio Hernandez Web Developer

Suscribirse a: Entradas (Atom)

Copyright © Warez. Created By | Published By Gooyaabi Templates