You are on page 1of 1

etiquetas HTML final.pdf 1 12/12/2016 2:43:04 p. m.

SEMÁNTICA DE TEXTO
<a>
<em>
<strong>
hiperenlace
énfasis
importante
atributos
<button> <img> <table> <p> <body> <head> <a> <kbd> <small>
<s>
comentario
incorrecto
Propiedades de una etiqueta
<cite> obra
<q> cita Se usan en casi todas las etiquetas
<datalist> <iframe> <caption> <hr> <section> <title> <em> <sub> <sup> <dfn>
<abbr>
definición
abreviatura
Básicos de HTML
<data> datos id= “texto” identificador único de cada elemento
H y p e r Tex t Ma r k u p L a n g u a g e <fieldset> <embed> <colgroup> <pre> <nav> <base> <strong> <i> <time> fecha y hora class= “texto” clase de CSS
<code> código style= “texto” forma directa de los estilos de CSS
<var> variable title= “texto” título a un elemento

Comandos que interpretan los <form> <object> <col> <blockquote> <article> <link> <small> <b> <samp> salida
Usados solo en páginas dinámicas y
<kbd> teclado
creadas con JavaScript Eventos
NAVEGADORES <sub> - <sup> subíndice- superíndice
<i> tecnicismo
<input> <param> <tbody> <ol> <aside> <meta> <s> <u> <b> atención onblur deseleccionar elemento <button>, <input>,<label>,<-
<u> sonido inarticulado select>,<textarea>,<body>
<mark> resaltado posteriormente onchange deseleccionar elemento <input>,<select>,<textarea>
<keygen> <video> <thead> <ul> <header> <style> <cite> <mark> <bdi> aisla
modificado
onclick pinchar y soltar el ratón Todos los elementos
<bdo> sobreescribe ondbclick pinchar dos veces Todos los elementos
<spam> salida seguidas el ratón
<label> <audio> <tfoot> <li> <footer> <q> <bdi> salto de línea onfocus seleccionar un elemento <button>,<input>,<label>,
ELEMENTOS <br>
posible salto de línea
<select>,<textarea>,<body>
INTERACTIVOS <wbr>
<ins> insertado
onkeydown pulsar una tecla (sin
soltar)
Formulario y <body>

<legend> <source> <dl> <address> <details> <dfn> <bdo> onkeypress pulsar una tecla Formulario y <body>
<tr> <del> borrado
onkeyup soltar una tecla pulsada Formulario y <body>
onload la pagina se ha cargado <body>

<option> <track> <td> <dt> <main> <dialog> <abbr> <span>


METADATOS onmouse- pulsar (sin soltar)
down
Todos los elementos

onmouse- mover el ratón


C

Y
Filtran Ordenan Controlan <head>
<title>
Encabezado
título
move
Todos los elementos

onmouseout el ratón “sale” del Todos los elementos


CM

MY

<base> URL elemento


CY

<progress> <map> <th> <dd> <h1> <h6> <summary> <data> <br>


CMY

<link> enlace a otros archivos onmouse el ratón “entra” en el Todos los elementos
over elemento
CONTENIDO
<meta> meta información
onmouseup soltar el botón que Todos los elementos
<style> hoja de estilo estaba pulsado
<select> <area> <outgroup> <dd> ELEMENTOS <menuitem> <time> <wbr> onreset iniciar el formulario <form>
RAIZ ELEMENTOS INTERACTIVOS onresize tamaño de la ventana
modificado
<body>

<textarea> <svg> <output> <figure> <!doctype <menu> <code> <tt> <details> contenido desplegable onselect seleccionar un texto
onsubmit enviar el formulario
<input>,<textarea>
html> <dialog> cuadro de dialogo abandonar la pagina
<form>

< información > <meter> <math> <script> <figcaption> <html> <comand> <var> <ins>
<summary>
<menuitem>
resumen del contenido
desplegable
un item en un menu Contenidos de
abren cierran
<menu>
<comand>
menu
comando
Internacionalización varios idiomas
<var> variable
<command> <canvas> <noscript> <div> <!-- ... --> <var> <samp> <del> lang=”código de indica el idioma mediante un código

ESTRUCTURA BÁSICA <body>


SECCIONES
cuerpo
idioma”
xm:lang=”código de indica el idioma mediante un código
idioma”
dir indica la dirección del texto
sección
<header> FORMULARIO CONTENIDO INCRUSTADO TABLAS CONTENIDO <section>
<nav> navegación
Relacionados con la accesibilidad en
<nav> <button>
<datalist>
botón
sugerencias
<img>
<iframe>
imagen
contexto de navegación
<table>
<caption>
tabla
leyenda de tabla
<p>
<hr>
párrafo
separador
<article>
<aside>
artículo
lateral los sitios web Foco
<fieldset> grupo de controles <embed> inserta aplicaciones externas <colgroup> grupo de columnas <pre> texto preformateado <header> cabecera
<form> formulario <object> inserta aplicaciones externas <col> columna <blockquote> cita larga <footer> pie acceskey=”letra” tecla de acceso rápido
<address> dirección tabindex=”numero” posición del elemento en el orden de tabula-
<article> <input> control de entrada <param> Parámetro aplicación externa <tbody> cuerpo de tabla <ol> lista ordenada ción, valor comprendido entre 0 y 32.776
<aside> <keygen> control para la generación <video> video <thead> cabecera de tabla <ul> lista no ordenada <main> principal
onfocus, onbluer eventos de JavaScript, cuando el elemento
<label> etiqueta de un control <audio> audio <tfoot> pie de tabla <li> elemento de lista <h1> - <h6> encabezado de nivel 1 a 6 pierde foco
<legend> titulo de un grupo de controles <source> recurso de medios alternativo <tr> fila <dl> lista de definición
<option>
<progress>
opcion en la lista
progreso de una tarea
<track>
<map>
pista de texto para videos
mapa de imagen
<td>
<th>
celda
celda de cabecera
<dt>
<dd>
término en lista de definición
definición en lista de definición
ELEMENTOS RAIZ REFERENCIAS
https://developer.mozilla.org/es/docs/HTML/HTML5/HTML5_lista_elementos
http://www.mclibre.org/consultar/htmlcss/html/html_etiquetas.html
<footer> <select> lista de opciones <area> sector de un mapa de imagen <optgroup> agrupar opciones relacionadas <figure> información autocontenida <!doctype tipo de documento http://librosweb.es/libro/xhtml/capitulo_2/etiquetas_y_atributos.html
http://www.dirinfo.unsl.edu.ar/dweb/listaetiquetasHTML5.pdf
html>
<textarea> area de texto <svg> imagen vectorial <output> resultado de un calculo <figcaption> título para una figura
<html> contenedor principal
<meter> indicador <math> formula matemática <script> lista de definiciones <div> contenedor genérico
<!--...--> comentario
<command> comando de un botón <canvas> dibujo de gráficos <noscript> contenido alternativo

You might also like