Inicio>Tutorial de diseño web>Tutorial HTML

Elementos de zen html amigos que usan la codificación zen pueden marcarlo

Autor：Eve Cole Fecha de actualización：2025-05-29 03:16:01

html

 <html> </html>

HTML: XML

 <html xmlns = http: //www.w3.org/1999/xhtml xml: lang = ru> </html>

html: 4t

 <! Doctype html público -// w3c // dtd html 4.01 transitional // en http://www.w3.org/tr/html4/loose.dtd>
 <html lang = ru>
 <Evista>
 <title> </title>
 <meta http-oquiv = content-type content = text/html; charset = utf-8>
 </ablo>
 <Body>
 </body>
 </html>

html: 4s

 <! Doctype html public -// w3c // dtd html 4.01 // en http://www.w3.org/tr/html4/strict.dtd>
 <html lang = ru>
 <Evista>
 <title> </title>
 <meta http-oquiv = content-type content = text/html; charset = utf-8>
 </ablo>
 <Body>
 </body>
 </html>

HTML: XT

 <
 <html xmlns = http: //www.w3.org/1999/xhtml xml: lang = ru>
 <Evista>
 <title> </title>
 <meta http-oquiv = content-type content = text/html; charset = utf-8/>
 </ablo>
 <Body>
 </body>
 </html>

html: xs

 <! Doctype html public -// w3c // dtd xhtml 1.0 Strict // en http://www.w3.org/tr/xhtml1/dtd/xhtml1strict.dtd>
 <html xmlns = http: //www.w3.org/1999/xhtml xml: lang = ru>
 <Evista>
 <title> </title>
 <meta http-oquiv = content-type content = text/html; charset = utf-8/>
 </ablo>
 <Body>
 </body>
 </html>

html: xxs

 <! Doctype html public -// w3c // dtd xhtml 1.1 // en http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd>
 <html xmlns = http: //www.w3.org/1999/xhtml xml: lang = ru>
 <Evista>
 <title> </title>
 <meta http-oquiv = content-type content = text/html; charset = utf-8/>
 </ablo>
 <Body>
 </body>
 </html>

html: 5

 <! Doctype html>
 <html lang = ru-ru>
 <Evista>
 <title> </title>
 <meta charset = utf-8>
 </ablo>
 <Body>
 </body>
 </html>

Documento de metadatos¶

cabeza

 <head> </head>

título

 <title> </title>

base

 <base href =>

enlace

 <link>

Enlace: CSS

 <link rel = stylesheet type = text/css href = style.css medios = all>

Enlace: imprimir

 <link rel = stylesheet type = text/css href = print.css medios = print>

Enlace: Favicon

 <Link Rel = Actual icono Tipo = Image/X-ICon Href = Favicon.ico>

Enlace: Touch

 <link rel = Apple-touch-icon href = favicon.png>

Enlace: RSS

 <link rel = alternate type = Application/RSS+XML Title = RSS href = RSS.xml>

Enlace: Atom

 <Link Rel = Alternate Type = Application/Atom+Xml Title = Atom href = Atom.xml>

meta

 <seta>

Meta: UTF

 <meta http-oquiv = content-type content = text/html; charset = utf-8>

Meta: Win

 <meta http-oquiv = content-type content = text/html; charset = win-1251>

meta: compat

 <meta http-oquiv = x-ua contenido compatible = ie = 7>

estilo

 <style type = text/css> </style>

Scripting¶

guion

 <script type = text/javaScript> </script>

Script: SRC

 <script type = text/javaScript src => </script>

Noscript

 <roscript> </roscript>

Secciones¶

cuerpo

 <body> </body>

sección, secta

 <section> </section>

Nav

 <Al nav> </am>

Artículo, Art

 <artículo> </artículo>

Aparte

 <Sectante> </spari>

H1

 <h1> </h1>

H2

 <h2> </h2>

H3

 <h3> </h3>

H4

 <h4> </h4>

H5

 <h5> </h5>

H6

 <h6> </h6>

HGROUP, HGR

 <hgroup> </hgroup>

Header, HDR

 <header> </weader>

pie de página, ftr

 <Tooter> </foTer>

dirección, ADR

 <dirección> </diring>

div

 <div> </div>

Agrupar contenido.

pag

 <p> </p>

HR

 <hr>

Br

 <br>

pre

 <pre> </pre>

diálogo, dlg

 <ciálogo> </ diálogo>

Blockquote, BQ

 <LockQuote> </loCLOQUETE>

ol

 <Ol> </ol>

ol+

 <Ol>
 <li> </li>
 </ol>

UL

 <ul> </ul>

UL+

 <ul>
 <li> </li>
 </ul>

li

 <li> </li>

DL

 <dl> </dl>

DL+

 <dl>
 <dt> </dt>
 <dd> </dd>
 </dl>

dt

 <dt> </dt>

DD

 <dd> </dd>

Semántica a nivel de texto nava

a

 <a href => </a>

A: enlace

 <a href = http: //> </a>

A: correo

 <a href = mailto:> </a>

P

 <Q> </ Q>

cita

 <cite> </cite>

EM

 <em> </em>

fuerte, str

 <strong> </strong>

pequeño

 <small> </small>

marca

 <Mark> </sk>

DFN

 <dfn> </dfn>

Abbr

 <BBR Title => </BBR>

acrónimo, ACR

 <acrónimo title => </cronym>

tiempo

 <Time> </beo>

progreso, prog

 <GRESSGRO> </sgress>

medidor

 <seter> </seter>

Código

 <code> </code>

var

 <Ovar> </var>

samp

 <samp> </samp>

KBD

 <Kbd> </ kbd>

sub

 <Sub> </sub>

sorber

 <sup> </up>

durar

 <span> </span>

i

 <i> </i>

b

 <b> </b>

bdo

 <bdo dir => </bdo>

BDO: R

 <bdo dir = rtl> </bdo>

bdo: l

 <bdo dir = ltr> </bdo>

Ruby

 <Suby> </buby>

RT

 <rt> </rt>

RP

 <rp> </rp>

Edits¶

ins

 <SiS> </si>

del

 <El> </del>

Contenido incrustado.

Figura, Fig

 <Figura> </figura>

img

 <img src = alt =>

iframe, IFR

 <iframe src = frameBorDer = 0> </iframe>

incrustarse, EMB

 <incrustar src = type =>

Objeto, obj

 <Object data = type => </objeto>

Parámetro

 <param name = value =>

video

 <video src => </video>

audio

 <audio src => </audio>

Fuente, SRC

 <Veed>

lienzo

 <Canvas> </Canvas>

Mapa

 <name de map => </s map>

Mapa+

 <map name =>
 <área forma = coords = href = alt =>
 </map>

área

 <área forma = coords = href = alt =>

Área: D

 <área forma = default href = alt =>

Área: C

 <área forma = círculo coords = href = alt =>

Área: R

 <área forma = rect coords = href = alt =>

Área: P

 <Área Shape = Poly Coords = href = alt =>

Datos tabulares¶

mesa

 <Table> </table>

tabla+

 <Table>
 <tr>
 <TD> </td>
 </tr>
 </table>

Leyenda, Cap

 <titerTion> </titerTion>

Colgroup, Colg

 <Colgroup> </ colgroup>

colgroup+, colg+

 <COLGROUP>
 <col>
 </colgroup>

Col

 <col>

tbody

 <Tbody> </tbody>

thead

 <thead> </thead>

tfoot

 <Tfoot> </tfoot>

tr

 <tr> </tr>

Tr+

 <tr>
 <TD> </td>
 </tr>

th

 <th> </th>

TD

 <TD> </td>

Formularios¶

forma

 <Form Action => </form>

Formulario: Obtener

 <form de acción = método = get> </orm>

Formulario: Post

 <Form Action = Method = Post> </form>

Fieldset, FSET

 <Scieldset> </fieldset>

leyenda, pierna

 <legend> </legend>

etiqueta

 <etiqueta for => </selt>

aporte

 <input type =>

Entrada: Oculto, entrada: H

 <input type = Hidden Value =>

Entrada: texto, entrada: t

 <Input type = text value = id =>

Entrada: Buscar

 <Entrada tipo = Valor de búsqueda = id =>

Entrada: correo electrónico

 <Entrada tipo = valor de correo electrónico = id =>

Entrada: URL

 <input type = url value = id =>

Entrada: Contraseña, entrada: P

 <Entrada tipo = valor de contraseña = id =>

Entrada: DateTime

 <input type = DateTime Value = id =>

Entrada: DateTime-Local

 <input type = DateTime-Local Value = id =>

Entrada: Fecha

 <Input type = date value = id =>

Entrada: mes

 <Input type = mes value = id =>

Entrada: Semana

 <Input type = Week Value = id =>

Entrada: Tiempo

 <Input type = Time Value = id =>

Entrada: Número

 <input type = number value = id =>

Entrada: Rango

 <Input type = rango value = id =>

Entrada: Color

 <Input type = color valor = id =>

Entrada: casilla de verificación, entrada: C

 <input type = checkbox id =>

Entrada: Radio, entrada: R

 <Entrada tipo = radio id =>

Entrada: archivo, entrada: F

 <Entrada tipo = archivo id =>

Entrada: enviar, entrada: S

 <input type = shipt value =>

Entrada: imagen, entrada: I

 <Entrada tipo = imagen src = alt =>

Entrada: Restablecer

 <input type = reinse value =>

Entrada: botón, entrada: B

 <input type = Botton Value =>

botón, btn

 <boton> </boton>

seleccionar

 <Seleccionar id => </select>

Seleccionar+

 <Seleccionar id =>
 <opción valor => </opción>
 </select>

optgroup, optg

 <Ptgroup> </ptgroup>

optgroup+, optg+

 <PtGroup>
 <pection> </ppection>
 </ptgroup>

opción, opt

 <pection> </ppection>

Elementos interactivos¶

DataGrid, Datag

 <Atagrid> </dataGrid>

Datalista, Datal

 <shalist> </shalist>

Textarea, Tarea

 <TextArea ID = cols = 30 filas = 10> </sextarea>

keygen, kg

 <Keygen>

salida, fuera

 <euten> </outputil>

Detalles, det

 <talls> </tiltle>

Comando, CMD

 <Command>

BB

 <bb> </bb>

Menú

 <menú> </menú>

Menú: contexto, menú: C

 <Menú tipo = context> </menú>

Menú: barra de herramientas, menú: t

 <Menú tipo = Barra de herramientas> </menú>

Comentarios condicionales¶

CC: es decir,

 <!-[if IE]> <! [Endif]->

CC: Noie

 <!-[if! ie]> <!-> <!-<! [endif]->
Artículos relacionados