PC-Solucion

Soluciones y tips de distintos Sistemas Operativos.

Archivos en la Categoría: Documentación

Poner tildes y eñes en HTML5

Para poder visualizar correctamente las “ñ” y tildes “´” y que no nos aparezcan símbolos extraños como estos:

ñ tilde

Tenemos dos opciones:

-Escribir <meta charset=”utf-8″> dentro de “head” de nuestro documento

-Insertarlos uno por uno con: “&Xacute;” y “ñ”. Por ejemplo: la palabra “básico” deberíamos escribirla: “b&aacute;sico”

Generar un número aleatorio y mostrarlo en pantalla en Php

-El siguiente código genera un número aleatorio entre 1 y 100 y lo muestra en pantalla, cada vez que refresquemos la pantalla se mostrará un número aleatorio.

 

<?php

$aleatorio=rand(1, 100);

echo "El numero aleatorio es: "."$aleatorio";
?>

 

numero aleatorio php

HTML5: lista de atributos

Atributos ordenados alfabéticamente. Marcados con * los nuevos (HTML5)

html tags

Accesskey          Especifica la tecla de acceso directo para activar un elemento

Class                  Especifica la clase de estilo a la cual pertenece el elemento

Contenteditable      *Especifica si el contenido de un element es editable o no

Contextmenu    *Especifica un menú contextual de un elemento que aparece al hacer click en él

data-*                Permite almacenar datos personalizados privados en la página o aplicación

Dir                     Especifica la dirección del texto para un contenido en un elemento

Draggable          *Especifica si un element es arrastrable o no

Dropzone          *Especifica si el elemento arrastrado será copiado o movido al ser soltado

Hidden               *Especifica que un element o no es relevante

Id                     Especifica una ID única para un elemento

Lang                 Especifica el lenguaje del contenido del elemento

Spellcheck         *Especifica si el element debe ser revisado ortográficamente o no

Style                  Permite definir el estilo en CSS de un elemento

Tabindex            Especifica el orden de tabulación de un elemento

Title                   Especifica información extra sobre un elemento

Translate            Especifica si el contenido de un element debe ser traducido o no

HTML5: lista de tags/etiquetas

html tags

Tags/etiquetas ordenados alfabéticamente. Marcados con * los nuevos (HTML5)

<!–…–>              Permite un comentario

<!DOCTYPE>      Define el tipo de documento

<a>                    Permite un hyperlink

<abbr>                Define una abreviatura o acrónimo

<acronym>         (Eliminado en HTML5, se usa <abbr> en su lugar). Define un acrónimo

<address>          Inserta la información de contacto del dueño o autor

<applet>             (Eliminado en HTML5, se usa or <object> en su lugar). Permite un programa integrado

<area>               Define un área dentro de un mapa-imagen

<article>             *Permite un artículo

<aside>              *Permite contenido a parte del contenido principal

<audio>              *Permite contenidos en audio

<b>                     Permite texto en “negrita”

<base>               Especifica la URL base de todas las URL relativas al documento

<basefont>        (Eliminado en HTML5, se usa CSS en su lugar). Especifica color, tamaño y fuente de todo el texto

<bdi>                 *Aísla una parte del texto al que se le podría dar formato de forma diferente del otro texto

<bdo>                Anula la dirección actual del texto

<big>                 (Eliminado en HTML5, se usa CSS en su lugar). Permite texto grande

<blockquote>    Define una sección que contiene una cita de otro texto

<body>              Define el cuerpo del documento

<br>                  Inserta un salto de línea

<button>           Crea un botón que permite “hacer click” en él

<canvas>          *Usado para dibujar gráficos sobre la marcha mediante secuencias de comandos

<caption>          Define la leyenda de una tabla

<center>           (Eliminado en HTML5, se usa CSS en su lugar). Permite el texto centrado

<cite>                Inserta el título de un trabajo

<code>              Inserta una parte de código informático

<col>                 Especifica propiedades para cada columna dentro de un elemento <colgroup>

<colgroup>        Define un grupo de columnas de una table para darles formato

<datalist>          *Especifica una lista de opciones predefinidas para controles de entrada

<dd>                   Define el valor de un término en una lista descriptiva

<del>                   Permite texto que ha sido borrado del documento

<details>            *Inserta detalles adicionales que el usuario puede ver o esconder

<dfn>                 Representa la instancia definitoria de un término

<dialog>             *Permite una ventana o cuadro de diálogo

<dir>                  (Eliminado en HTML5, se usa <ul> en su lugar). Permite una lista de directorio

<div>                  Define una sección en un documento

<dl>                    Define una lista descriptiva

<dt>                   Define un término de una lista descriptiva

<em>                Permite texto enfatizado

<fieldset>           *Permite agrupar elementos en un formulario

<figcaption>      *Permite enmarcar un titular dentro de la etiqueta figure

<figure>             *Permite crear un contenido independiente

<font>                (Eliminado en HTML5, se usa CSS en su lugar). Define la fuente, color y tamaño del texto

<footer>             *Define un pie de página para un documento o sección

<form>               Permite crear un formulario

<frame>             (Eliminado en HTML5). Define una ventana dentro de un marco

<frameset>        (Eliminado en HTML5). Define un conjunto de marcos

<h1> to <h6>     Permite escribir encabezamientos (de mayor tamaño: 1; a menor:6)

<head>              Permite incluír información sobre el documento

<header>           *Permite crear la cabecera del documento

<hr>                   Inserta una línea separadora horizontal

<html>                Define la raíz de un document HTML

<i>                      Permite texto en cursiva

<iframe>             Permite crearuna ventana de otra web dentro de la nuestra

<img>                 Permite una imagen

<input>               Define un control de entrada

<ins>                  Indica un texto que ha sido añadido al documento

<kbd>                 Define la entrada del teclado

<keygen>           *Permite una clave en un formulario

<label>               Define una etiqueta para un element de entrada

<legend>            Crea una etiqueta para un elemento <fieldset>

<li>                     Permite crear una lista

<link>                 Permite crear un enlace de nuestro document a otro externo

<main>               *Especifica el contenido principal de un documento

<map>                Permite crear un mapa de imágenes

<mark>               *Permite crear texto resaltado

<menu>              Define un menú de comandos

<menuitem>      *Define un element de menu que el usuario abir desde un menú emergente

<meta>              Define la metadata de un document HTML

<meter>             *Indica una medida escalar dentro de un rando determinado

<nav>                 *Permite links de navegación

<noframes>      (Eliminado en HTML5). Define contenido alternativo para usuarios que no soporten marcos

<noscript>          Define contenido alternativo para usuarios que no soporten scripts

<object>             Permite un objeto incrustado

<ol>                    Permite una lista ordenada

<optgroup>       *Define un grupo de opciones relacionadas dentro de una lista desplegable

<option>             Define una opción en una lista desplegable

<output>            Define el resultado de un cálculo

<p>                     Define un párrafo

<param>             Define un parámetro para un objeto

<pre>                  Define texto preformateado

<progress>        *Representa el progreso de una tarea

<q>                     Permite una cita

<rp>                    *Define qué enseñar en los buscadores que no soportan anotaciones Ruby

<rt>                     *Permite la explicación de la pronunciación de carateres del este asiático

<ruby>                *Define una nota Ruby para tipografía del este asiático

<s>                      Permite texto tachado

<samp>               Permite representar texto de un programa

<script>               Permite un programa que acompañe el documento HTML

<section>           *Permite crear una sección o agrupación dentro de un documento

<select>              Define una lista desplegable

<small>               Permite texto más pequeño

<source>            *Permite elegir entre varios archivos de <video> o <audio> según los soportados por el navegador

<span>                Define una sección en un documento

<strike>               (Eliminado en HTML5, se usa <del> o <s> en su lugar). Permite texto tachado

<strong>             Permite texto destacado

<style>                Define la información sobre el estilo del documento

<sub>                   Permite texto en forma de subíndice

<summary>        *Define un encabezado visible para un elemento <details>

<sup>                  Permite texto en forma de superíndice

<table>               Define una tabla

<tbody>              Agrupa el contenido del cuerpo en una tabla

<td>                    Define una celda de una tabla

<textarea>         Inserta un control de entrada de texto multilínea en un documento o formulario

<tfoot>                Agrupa el contenido del pie de página en una tabla

<th>                     Define un encabezado de una celda en una tabla

<thead>              Agrupa el contenido del encabezado en una tabla

<time>                 *Define una fecha y hora

<title>                  Especifica el título de un documento

<tr>                     Define una línea de una tabla

<track>                *Permite añadir subtítulos a elementos <video> y <audio>

<tt>                      (Eliminado en HTML5, se usa CSS en su lugar). Representa un texto con fuente en teletipo.

<u>                      Permite texto subrayado

<ul>                     Define una lista desordenada

<var>                   Define una variable

<video>               *Permite un vídeo

<wbr>                  *Define un posible salto de línea

Estilo CSS para una lista

-Ejemplo de un estilo CSS para aplicar sobre una lista.


.menu-primary a{
  width: 80%;
  border: 3px solid #27292b !important;
  background-color: #212024;
  list-style: none !important;
  margin: 0 !important;
 margin-left: 10% !important;
  padding-top: 2px !important; 
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}



.menu-primary a:hover{
  width: 80%;
  border: 3px solid #27292b !important;
  background-color: #5b5b5b;
  list-style: none !important;
  margin: 0 !important;
 margin-left: 10% !important;
  padding-top: 2px !important; 
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

css style list ul

Eliminar Subrayado de los enlaces con CSS

css url

-Para eliminar el subrayado de los enlaces al pulsar sobre ellos,visitados o activos podemos añadir el siguiente código a nuestro CSS.

 

a:link, a:visited, a:hover{  
text-decoration:none !important;  
} 

El atributo !important forzará a usar este estilo sobre otro que pudiera estar ya definido.

Alinear contenido de una celda de una tabla en Html

tabla alinear td

<table border="3">
<tr>
<td <strong>align="center" valign="middle"</
</tr>
</table>