html body { margin-top: 50px !important; } #top_form { position: fixed; top:0; left:0; width: 100%; margin:0; z-index: 2100000000; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; border-bottom:1px solid #151515; background:#FFC8C8; height:45px; line-height:45px; } #top_form input[name=url] { width: 550px; height: 20px; padding: 5px; font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; border: 0px none; background: none repeat scroll 0% 0% #FFF; }
, , así como comentarios, listas, tablas y cómo agregar sombras y bor... by anthony-649822">
Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 57 vistas

    HTML

    Cargado por

    anthony
    El documento explica las etiquetas y elementos básicos de HTML como el doctype, las etiquetas <html>, <head>, <title>, <body>, <a>, así como comentarios, listas, tablas y cómo agregar sombras y bordes. También cubre cómo fusionar celdas en tablas y agregar enlaces internos y externos.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd

    HTML

    Cargado por

    anthony
    57 vistas3 páginas
    El documento explica las etiquetas y elementos básicos de HTML como el doctype, las etiquetas <html>, <head>, <title>, <body>, <a>, así como comentarios, listas, tablas y cómo agregar sombras y bordes. También cubre cómo fusionar celdas en tablas y agregar enlaces internos y externos.

    Título original

    HTML.docx

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    El documento explica las etiquetas y elementos básicos de HTML como el doctype, las etiquetas <html>, <head>, <title>, <body>, <a>, así como comentarios, listas, tablas y cómo agregar sombras y bordes. También cubre cómo fusionar celdas en tablas y agregar enlaces internos y externos.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    57 vistas3 páginas

    HTML

    Cargado por

    anthony
    El documento explica las etiquetas y elementos básicos de HTML como el doctype, las etiquetas <html>, <head>, <title>, <body>, <a>, así como comentarios, listas, tablas y cómo agregar sombras y bordes. También cubre cómo fusionar celdas en tablas y agregar enlaces internos y externos.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    Está en la página 1de 3

    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

    https://www.w3.org/TR/wai-aria/ (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.

    También podría gustarte