Entradas

Mostrando entradas de mayo, 2018

HTML5: Iframes

Un iframe se usa para mostrar una página web dentro de una página web. Sintaxis iframe Un iframe HTML se define con la etiqueta  <iframe> :   < iframe  src =" URL " > < /iframe > El atributo  src  especifica la URL (dirección web) de la página de marco en línea. Iframe - Establecer altura y ancho Use los atributos  height  y  width  para especificar el tamaño del iframe. Los valores de los atributos se especifican en píxeles de forma predeterminada, pero también pueden estar en porcentaje (como "80%").   < iframe  src ="demo_iframe.htm"  height ="200"  width ="300" > < /iframe > O puede usar CSS para establecer el alto y el ancho del iframe:   < iframe  src ="demo_iframe.htm"  style ="height:200px;width:300px;" > < /iframe > Aunque lo más idoneo es establecer tanto el alto como el ancho mediante código CSS externo. Iframe - Eliminar el borde ...

HTML5: id

Imagen
Usando el atributo id El atributo  id  especifica una identificación única para un elemento HTML (el valor debe ser único dentro del documento HTML). El valor de identificación puede ser utilizado por CSS y JavaScript para realizar ciertas tareas para un elemento único con el valor de identificación especificado. En CSS, para seleccionar un elemento con un id específico, escriba un carácter almohadilla (#), seguido de la identificación del elemento: Ejemplo Use CSS para darle estilo a un elemento con el id "cabecera":   < style >     #cabecera   {       background-color :  lightblue ;       color :  black ;       padding :  40px ;       text-align :  center ;     }     < /style >   < h1  id ="cabecera" > My Header < /h1 > Vista en navegador del ejemplo anterior Consejo: El atributo id se puede usar en ...

HTML5: Clases

Imagen
Usando el atributo de clase El atributo  class  especifica uno o más nombres de clase para un elemento HTML. El nombre de la clase puede ser usado por CSS y JavaScript para realizar ciertas tareas para elementos con el nombre de clase especificado. En CSS, para seleccionar elementos con una clase específica, escriba un carácter de punto (.), seguido del nombre de la clase:   < style >     .city   {       background-color :  tomato ;       color :  white ;       padding :  10px ;     }   < /style >   < h2   class ="city" > London < /h2 >   < p > London is the capital of England. < /p >   < h2   class ="city" > Paris < /h2 >   < p > Paris is the capital of France. < /p >   < h2   class ="city" > Tokyo < /h2 >   < p > Tokyo is the capital of Japan. ...