El doctype, también llamado DTD, sirve para indicar al navegador a qué reglas de escritura obedece
el código fuente de la página HTML o XHTML
La etiqueta <html> indica al navegador que se trata de un documento HTML.
El elemento <head>
La etiqueta <head> ... </head> que se posiciona justo después del doctype y de la etiqueta <html>
contiene lo que llamamos el encabezado del documento.
La etiqueta <title> ... </title> le asigna un título a su página.
Las etiquetas <body> ... </body> definen lo que llamamos el cuerpo del documento.
los comentarios están precedidos por la etiqueta <!-- y se cierran con la etiqueta -->.
Accesibilidad
[Link] (Personas con discapaciades)
atom color-picker
file-icons
lintern html,css,jshint
git plus package
vulnerabilidad
target _black para abrir una nueva pagina rel=” noopener noreferrer”
Listas:
Listas definición
Es dl para el nombre ,
dt nombre de lo que va
describir dd descripción
Table
Créditos de la descripción caption
Thead nombre del la tabla
Tr fila th cuadros de descripción
Td contenido del cada columna
Texto en negrita b bold
Italic i y em cursiva
Sup eleva al cuadrado
Y sub subíndice
U subrayado
S tachado suprimir código
Si desea indicar que un texto se ha agregado desde la publicación inicial, utilice el elemento <ins>. El texto
correspondiente se mostrará
subrayado.
Si desea indicar que un texto se ha eliminado tras la publicación inicial, utilice el elemento <del>. El texto
correspondiente se mostrará tachado.
La etiqueta <a> ... </a> inserta un enlace.
Para salir de la carpeta donde se encuentra ahora mismo es ../ subir de nivel
Y después desender ala carpeta sig.y desender al index.
Enlace al interior de una pagina
Ancla id “”
Enlace hacia la parte de la pagina es con
Href=”#Nombredel ancla”
Color y subrayado en los enlaces
Es posible quitar el subrayado usando una hoja de estilo (text-decoration: none).
Del mismo modo, para uniformar el color de los enlaces, es posible usar la propiedad de estilo color: valor;.
Tabla
1. Ancho de la tabla
El ancho de la tabla se define mediante la propiedad de estilo CSS width (ancho).
Los bordes de una tabla y otros elementos HTML se introducen mediante la propiedad de estilo CSS border (que significa
borde).
Nuestro objetivo es agregar un borde de 1 píxel (1px), de color negro (black) con un trazo sólido (solid).
También hay que indicar agregar el borde a las celdas <td> que componen la tabla (td).
Para reducir ambos bordes a uno solo, se usa la propiedad de estilo border-collapse
Fusionar columnas y filas
1. Fusión de columnas
Para fusionar columnas, HTML5 proporciona el atributo de celda colspan="x", donde x se corresponde con el número de
columnas que se desea
fusionar.
2. Fusión de filas
Para fusionar filas, HTML5 proporciona el atributo de celda rowspan="x", donde x se corresponde con el número de filas
que se desea fusionar
verticalmente.
Elementos del atributo box-shadow
Este requiere varios valores para determinar las propiedades de la
sombra, difuminado, color y separación de la sombra y la propia caja.
box-shadow: 5px -9px 3px #000;
Analicemos los valores por orden de aparición:
1. Desplazamiento horizontal de la sombra (5px). Desplazará la
sombra 5 píxeles a la derecha. Si queremos desplazarla a la
izquierda, deberemos darle un valor negativo a este atributo.
2. Desplazamiento vertical de la sombra (-9x). Desplazará 9
píxeles la sombra hacia arriba del elemento que la produce. En caso
de que el valor sea positivo, el desplazamiento de la sombra será
hacia abajo.
3. Difuminado (3px).El difuminado de la sombra nos lo da el tercer
valor. Si pusiéramos un cero, ésta aparecería totalmente nítida. En el
ejemplo, el difuminado tendría 3 píxeles de anchura.
4. Color. Para finalizar, el último atributo es el que nos indicará el
color que tendrá la sombra. Generalmente, las sombras tienen un
color negro o grisáceo, aunque podremos poner el color que
consideremos oportuno. En el ejemplo, hemos optado por un color
negro.