Página Inicial>Tutorial de web design>Tutorial HTML

Zen html elementos amigos que usam a codificação Zen podem marcar -o

Autor：Eve Cole Data da Última Atualização：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 public -// w3c // dtd html 4.01 transitório // en http://www.w3.org/tr/html4/loose.dtd>
 <html lang = ru>
 <head>
 <Title> </title>
 <meta http-equiv = content-type content = text/html; charset = utf-8>
 </head>
 <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>
 <head>
 <Title> </title>
 <meta http-equiv = content-type content = text/html; charset = utf-8>
 </head>
 <Body>
 </body>
 </html>

html: xt

 <! Doctype html public -// w3c // dtd xhtml 1.0 transitório // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
 <html xmlns = http: //www.w3.org/1999/xhtml xml: lang = ru>
 <head>
 <Title> </title>
 <meta http-equiv = content-type content = text/html; charset = utf-8/>
 </head>
 <Body>
 </body>
 </html>

html: xs

 <! Doctype html public -// w3c // dtd xhtml 1.0 strict // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd>
 <html xmlns = http: //www.w3.org/1999/xhtml xml: lang = ru>
 <head>
 <Title> </title>
 <meta http-equiv = content-type content = text/html; charset = utf-8/>
 </head>
 <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>
 <head>
 <Title> </title>
 <meta http-equiv = content-type content = text/html; charset = utf-8/>
 </head>
 <Body>
 </body>
 </html>

HTML: 5

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

Documentar metadados

cabeça

 <Head> </head>

título

 <Title> </title>

base

 <base href =>

link

 <Link>

Link: CSS

 <link rel = Stylesheet Type = text/css href = style.css media = all>

Link: Imprimir

 <link rel = Stylesheet Type = text/css href = print.css media = print>

Link: favicon

 <link rel = shortcut iCon type = imagem/x-icon href = favicon.ico>

Link: toque

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

Link: RSS

 <link rel = alternativo tipo = aplicativo/rss+xml title = rss href = rss.xml>

Link: Atom

 <link rel = alternativo tipo = aplicação/átomo+xml title = atom href = atom.xml>

meta

 <mEta>

Meta: UTF

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

Meta: Win

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

Meta: Compat

 <meta http-equiv = conteúdo compatível com X-UA = ie = 7>

estilo

 <tipo de estilo = text/css> </style>

Scripts

script

 <script type = text/javascript> </sCript>

Script: SRC

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

Noscript

 <Noscript> </noscript>

Seções

corpo

 <Body> </body>

seção, seita

 <Section> </section>

Nav

 <Nand> </av>

Artigo, arte

 <Artigo> </Artigo>

aparte

 <Fasted> </fast>

H1

 <H1> </h1>

H2

 <H2> </h2>

H3

 <H3> </h3>

H4

 <H4> </h4>

H5

 <H5> </h5>

H6

 <H6> </h6>

HGROUP, HGR

 <Hgroup> </hgroup>

Cabeçalho, HDR

 <weweler> </weader>

rodapé, ftr

 <wower> </dower>

Endereço, ADR

 <endereço> </ endereço>

div

 <div> </div>

Agrupamento de conteúdo condado

P

 <p> </p>

HR

 <HR>

Br

 <br>

pré -

 <pre> </pre>

diálogo, DLG

 <Dialog> </lognog>

BlockQuote, BQ

 <BlockQuote> </lockquote>

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 de nível de texto pag

A

 <a href => </a>

A: Link

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

A: Mail

 <a href = Mailto:> </a>

q

 <q> </q>

citar

 <CITE> </cite>

Em

 <em> </em>

forte, str

 <strong> </strong>

pequeno

 <small> </mall>

marca

 <sk> </sk>

dfn

 <dfn> </dfn>

ABBR

 <ABBR Title => </bbr>

sigla, acr

 <Acrônimo Título => </ronymy>

tempo

 <Time> </mime>

Progresso, Prog

 <Rogress> </gress>

medidor

 <Meter> </meters>

Código

 <code> </code>

var

 <ars> </ars>

samp

 <samp> </samp>

KBD

 <kbd> </kbd>

sub -

 <Sub> </fuge>

e aí

 <pup> </pup>

span

 <span> </span>

eu

 <i> </i>

B

 <b> </b>

BDO

 <bdo dir => </bdo>

BDO: r

 <bdo dir = rtl> </bdo>

BDO: L

 <bdo dir = ltr> </bdo>

rubi

 <BUBY> </BUBY>

rt

 <rt> </rt>

rp

 <rp> </sp>

Edições

INS

 <Ins> </ns>

del

 <l> </el>

Conteúdo incorporado

Figura, Fig

 <TIMGE> </figge>

img

 <img src = alt =>

iframe, ifr

 <iframe src = frameborder = 0> </frame>

incorporação, EMB

 <incorpado src = type =>

objeto, obj

 <Dados do objeto = TIPO => </Object>

param

 <nome do param = value =>

vídeo

 <vídeo src => </video>

áudio

 <AUDIO SRC => </AUDIO>

Fonte, SRC

 <OrceM>

tela

 <lVAs> </canvas>

mapa

 <nome do mapa => </pap>

mapa+

 <nome do mapa =>
 <forma de área = coords = href = alt =>
 </map>

área

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

Área: D

 <forma de área = padrão href = alt =>

Área: C

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

Área: R

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

Área: P

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

Dados tabulareselh

mesa

 <tabela> </ tabela>

Tabela+

 <tabela>
 <tr>
 <Td> </td>
 </tr>
 </tabela>

Legenda, Cap

 <Portion> </gention>

Colgroup, Colg

 <Colgroup> </brogroup>

Colgroup+, Colg+

 <Colgroup>
 <Col>
 </brogroup>

Col

 <Col>

tbody

 <Tbody> </tbody>

tead

 <Tead> </sead>

Tfoot

 <Tfoot> </tfoot>

TR

 <tr> </tr>

TR+

 <tr>
 <Td> </td>
 </tr>

th

 <th> </th>

TD

 <Td> </td>

Formulários

forma

 <forma de ação => </morm>

Formulário: Obtenha

 <forma de ação = método = get> </morm>

Formulário: Post

 <forma de ação = método = post> </morm>

Fieldset, fset

 <Imieldset> </fieldset>

lenda, perna

 <legend> </legend>

rótulo

 <Rótulo para => </belt>

entrada

 <Tipo de entrada =>

Entrada: oculto, entrada: h

 <Tipo de entrada = Valor oculto =>

Entrada: texto, entrada: t

 <Tipo de entrada = Valor do texto = id =>

Entrada: Pesquisar

 <Tipo de entrada = Valor da pesquisa = id =>

Entrada: Email

 <Tipo de entrada = Valor de email = id =>

Entrada: URL

 <Tipo de entrada = URL Valor = id =>

Entrada: Senha, entrada: P

 <Tipo de entrada = Valor da senha = id =>

Entrada: DateTime

 <Tipo de entrada = Valor do tempo da data = id =>

Entrada: DateTime-Local

 <Tipo de entrada = DateTime-Local Value = Id =>

Entrada: Data

 <Tipo de entrada = Valor de data = id =>

Entrada: mês

 <Tipo de entrada = Valor do mês = id =>

Entrada: Semana

 <Tipo de entrada = Valor da semana = id =>

Entrada: tempo

 <Tipo de entrada = valor do tempo = id =>

Entrada: número

 <Tipo de entrada = Número Valor = Id =>

Entrada: intervalo

 <Tipo de entrada = Valor da faixa = id =>

Entrada: cor

 <Tipo de entrada = valor da cor = id =>

Entrada: Caixa de seleção, entrada: C

 <Tipo de entrada = ID da caixa de seleção =>

Entrada: Rádio, entrada: r

 <Tipo de entrada = ID de rádio =>

Entrada: Arquivo, entrada: f

 <Tipo de entrada = ID do arquivo =>

Entrada: enviar, entrada: s

 <Tipo de entrada = Valor de envio =>

entrada: imagem, entrada: i

 <Tipo de entrada = imagem src = alt =>

Entrada: Redefinir

 <Tipo de entrada = Valor de redefinição =>

Entrada: botão, entrada: b

 <Tipo de entrada = Valor do botão =>

Botão, btn

 <but uma botão> </botão>

Selecione

 <SELECT ID => </leclect>

Selecione+

 <SELECT ID =>
 <opção valor => </pption>
 </leclect>

optgroup, optg

 <ptgroup> </ptgroup>

optgroup+, optg+

 <Ptgroup>
 <pution> </pption>
 </ptgroup>

opção, opt

 <pution> </pption>

Elementos interativos

datagrid, datag

 <datagrid> </caGrid>

Datalista, Datal

 <Tatalist> </datalist>

Textarea, Tarea

 <textarea id = cols = 30 linhas = 10> </sexttarea>

keygen, kg

 <KeyGen>

saída, fora

 <aturt> </aturt>

Detalhes, Det

 <tahittels> </tafates>

comando, cmd

 <comando>

BB

 <bb> </bb>

menu

 <pune> </menu>

Menu: Contexto, Menu: C

 <Menu Type = Context> </menus>

Menu: Barra de ferramentas, menu: t

 <MENU TIPO = Ferramenta> </menus>

Comentários condicionais

CC: ou seja , ¶

 <!-[se ie]> <! [endif]->

CC: Noie

 <!-[se! ie]> <!-> <!-<! [endif]->
Artigos Relacionados