Scribd Logo
Upload

Welcome to Scribd!

  • Manual 2

    Uploaded by

    Abreu96
    7 views13 pages
    MANUAL HTML5

    Original Title

    manual 2

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    MANUAL HTML5

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views13 pages

    Manual 2

    Uploaded by

    Abreu96
    MANUAL HTML5

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 13

    Etiqueta <HTML>

    La etiqueta <html> le dice al navegador que este es un documento HTML.


    La etiqueta <html> representa la raíz de un documento HTML.
    La etiqueta <html> es el contenedor para todos los demás elementos HTML (a
    excepción de la etiqueta <!DOCTYPE>).
    La declaración <!DOCTYPE> debe ser lo primero en su documento HTML, antes de
    la etiqueta <html>.
    La declaración <!DOCTYPE> no es una etiqueta HTML; es una instrucción para el
    navegador web sobre en qué versión de HTML está escrita la página.
    Ejemplo de código:

    Etiqueta <HEAD> y <TITLE>


    La etiqueta <head> es un contenedor para todos los elementos principales.
    La etiqueta <head> puede incluir un título para el documento, scripts, estilos, meta
    información y más.
    La etiqueta <title> es obligatoria en todos los documentos HTML y define el título
    del documento.
    El elemento <title>:
     Define un título en la barra de herramientas del navegador.
     Proporciona un título para la página cuando se agrega a favoritos.
     Muestra un título para la página en los resultados del motor de búsqueda.
    Ejemplo de código:
    Etiqueta <BODY>
    La etiqueta <body> define el cuerpo del documento.
    El elemento <body> contiene todos los contenidos de un documento HTML, como
    texto, hipervínculos, imágenes, tablas, listas, etc.
    Ejemplo de código:

    Etiqueta <HEADER>
    La etiqueta <header> representa un contenedor para contenido introductorio o un
    conjunto de enlaces de navegación.
    Un elemento <header> generalmente contiene:
     Uno o más elementos de encabezado (<h1> - <h6>)
     Logotipo o icono
     Información de autoría
    Ejemplo de código:
    Etiqueta <NAV>
    La etiqueta <nav> define un conjunto de enlaces de navegación.
    Hay que tener en cuenta que no todos los enlaces de un documento deben estar
    dentro de un elemento <nav>. El elemento <nav> está destinado solo al bloque
    principal de enlaces de navegación.
    Ejemplo de código:

    Etiqueta <SECTION>
    La etiqueta <section> define secciones en un documento, como capítulos,
    encabezados, pies de página o cualquier otra sección del documento.
    Ejemplo de código:

    Etiqueta <FOOTER>
    La etiqueta <footer> define un pie de página para un documento o sección.
    Un elemento <footer> debe contener información sobre su elemento contenedor.
    Ejemplo de código:
    Etiqueta <DIV>
    La etiqueta <div> define una división o una sección en un documento HTML.
    La etiqueta <div> se usa para agrupar elementos de bloque para formatearlos con
    CSS.
    Ejemplo de código:

    Etiqueta <SPAN>
    La etiqueta <span> se usa para agrupar elementos en línea en un documento.
    La etiqueta <span> no proporciona ningún cambio visual por sí mismo.
    La etiqueta <span> proporciona una forma de resaltar una parte de un texto o una
    parte de un documento.
    Ejemplo de código:

    Etiqueta <BR>
    La etiqueta <br> inserta un salto de línea único.
    La etiqueta <br> es una etiqueta vacía, lo que significa que no tiene una etiqueta de
    cierre.
    Ejemplo de código:
    Etiqueta <CENTER>
    La etiqueta <center> se usa para alinear el texto en el centro.
    Ejemplo de código:

    Etiqueta <P> y atributo ALIGN


    La etiqueta <p> define un párrafo. Los navegadores agregan automáticamente un
    espacio (margen) antes y después de cada elemento <p>.
    El atributo “align” especifica la alineación del texto dentro de un párrafo.
    Ejemplo de código:

    Etiquetas <B>, <U>, <I>


    La etiqueta <b> especifica el texto en negrita.
    La etiqueta <u> representa un texto subrayado que debe ser estilísticamente
    diferente del texto normal, como las palabras mal escritas o los nombres propios en
    chino.
    La etiqueta <i> define una parte del texto en una voz o estado de ánimo alternativo.
    El contenido de la etiqueta <i> generalmente se muestra en cursiva.
    Ejemplo de código:
    Etiqueta <HR>
    La etiqueta <hr> define un salto temático en una página HTML (por ejemplo, un
    cambio de tema).
    The <hr> element is used to separate content (or define a change) in an HTML page.
    Ejemplo de codigo:

    Etiqueta <H1>…<H6> y atributo ALIGN


    Las etiquetas <h1> a <h6> se usan para definir encabezados HTML. <h1> Define
    el encabezado más importante. <h6> Define el encabezado menos importante.
    El atributo “align” especifica la alineación horizontal de un encabezado.
    Ejemplo de código:

    Etiqueta <FONT> y atributos face, size y color


    La etiqueta <font> especifica la fuente (<font face>), el tamaño de la fuente que va
    de 1 a 7 (<font size>) y el color del texto (<font color>).
    Ejemplo de codigo:
    Etiqueta <TABLE> y atributos width, align y border
    La etiqueta <table> define una tabla HTML.
    El atributo “align” especifica la alineación de una tabla de acuerdo con el texto
    circundante. El atributo “width” especifica el ancho de una tabla. Y el atributo
    “border” especifica si se debe mostrar un borde alrededor de las celdas de la tabla
    o no.
    Ejemplo de codigo:

    Etiqueta <THEAD>
    La etiqueta <thead> se usa para agrupar el contenido del encabezado en una tabla
    HTML.
    Ejemplo de codigo:
    Etiquetas <TH>, <TR>
    La etiqueta <th> define una celda de encabezado en una tabla HTML. La etiqueta
    <tr> define una fila en una tabla HTML. Ejemplo de codigo:

    Etiqueta <TD> y atributos colspan, rowspan, align, valign y bgcolor


    Y la etiqueta <td> define una celda estándar en una tabla HTML. El atributo
    “colspan” define el número de columnas que debe abarcar una celda. El atributo
    “rowspan” especifica el número de filas que debe abarcar una celda.
    El atributo “align” especifica la alineación horizontal del contenido en una celda. El
    atributo “valign” especifica la alineación vertical del contenido en una celda, puede
    ser entre top|middle|bottom|baseline. Y el atributo “bgcolor” especifica el color de
    fondo de una celda de tabla.
    Ejemplo de código:
    Etiqueta <IMG> y atributos src, width y heigth
    La etiqueta <img> define una imagen en una página HTML. El atributo “src” es
    requerido para especificar la URL de la imagen. El atributo “width” especifica el
    ancho de una imagen, en píxeles. El atributo “heigth” especifica la altura de una
    imagen, en píxeles.
    Ejemplo de código:

    Etiqueta <A> y atributos href, target y name


    La etiqueta <a> define un hipervínculo, que se usa para vincular de una página a
    otra. El atributo “href” especifica la URL de la página a la que va el enlace. El atributo
    “target” especifica dónde abrir el documento vinculado, puede ser entre
    _blank|_self|_parent|_top.
    El atributo “name” especifica el nombre de un anclaje. El atributo “name” se usa
    para crear un marcador dentro de un documento.
    Ejemplo de código:

    Etiqueta <UL>, <OL>, <LI> y atributo type


    La etiqueta <ul> define una lista no ordernada (con viñetas). La etiqueta <ol> define
    una lista ordenada. Una lista ordenada puede ser numérica o alfabética. La etiqueta
    <li> define un elemento de la lista.
    El atributo “type” especifica el tipo de marcador que se usará en la lista ordenada y
    no ordenada. Para las listas no ordenadas pueden ser entre disc|circle|square
    y para las listas ordenadas pueden ser entre 1|a|A|i|I.
    Ejemplo con código:
    Etiqueta <FORM> y atributos action y method
    La etiqueta <form> se usa para crear un formulario HTML para la entrada del
    usuario. El atributo “action” especifica dónde enviar los datos del formulario cuando
    se envía un formulario.
    El atributo “method” especifica cómo enviar datos de formulario (los datos de
    formulario se envían a la página especificada en el atributo de acción). Los datos de
    formulario se pueden enviar como variables de URL (con method = "get") o como
    HTTP post transaction (con method = "post").
    Ejemplo de código:

    Etiqueta <FIELDSET>
    La etiqueta <fieldset> se usa para agrupar elementos relacionados en un formulario.
    La etiqueta <fieldset> dibuja un cuadro alrededor de los elementos relacionados.
    Ejemplo de código:
    Etiqueta <LABEL>
    La etiqueta <label> define una etiqueta para un elemento <input>. El elemento
    <label> no se representa como algo especial para el usuario. Sin embargo,
    proporciona una mejora de usabilidad para usuarios de mouse, porque si el usuario
    hace clic en el texto dentro del elemento <label>, alterna el control.
    Ejemplo de código:

    Etiqueta <INPUT> y atributos name, id, type (text, hidden, date, time, radio,
    checkbox y submit)
    La etiqueta <input> especifica un campo de entrada donde el usuario puede ingresar
    datos. Los elementos <input> se usan dentro de un elemento <form> para declarar
    controles de entrada que permiten a los usuarios ingresar datos.
    El atributo “name” especifica el nombre de un elemento <input>. El atributo “name
    se utiliza para hacer referencia a los elementos en JavaScript o para referenciar los
    datos del formulario después de enviar un formulario.
    El atributo “id” define un identificador único (ID) que debe ser único en todo el
    documento. Su propósito es identificar el elemento cuando se vincula (usando un
    identificador de fragmento), scripting o estilo (con CSS).
    El atributo “type” especifica el tipo de elemento <input> que se mostrará.
     Text: Define un campo de texto de una sola línea (el ancho predeterminado
    es de 20 caracteres).
     Hidden: Define un campo de entrada oculto.
     Date: Define un control de fecha (año, mes y día (sin tiempo)).
     Time: Define un control para ingresar una hora (sin zona horaria).
     Radio: Define un botón tipo radio.
     Checkbox: Define una casilla de verificación (checkbox).
     Submit: Define un botón de enviar.
    Ejemplo de código:

    Etiqueta <SELECT> y atributos option, value, selected


    El elemento <select> se usa para crear una lista desplegable. La etiqueta <opción>
    define una opción en una lista de selección. El atributo “value” especifica el valor
    que se enviará a un servidor cuando se envíe un formulario. El atributo “selected”
    es un atributo booleano. Cuando está presente, especifica que una opción debe
    preseleccionarse cuando se carga la página.
    Ejemplo de código:
    Etiqueta <TEXTAREA) y atributos rows, cols
    La etiqueta <textarea> define un control de entrada de texto multilínea. Un área de
    texto puede contener un número ilimitado de caracteres y el texto se representa en
    una fuente de ancho fijo (generalmente Courier).
    El atributo “cols” especifica el ancho visible de un área de texto.
    El atributo “rows” especifica la altura visible de un área de texto, en líneas.
    Ejemplo de código:

    You might also like