Page d'accueil>Tutoriel de conception de sites Web>Tutoriel HTML

Zen Html Elements Les amis qui utilisent le codage zen peuvent le mettre en signet

Auteur：Eve Cole Date de mise à jour：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 transitional // en http://www.w3.org/tr/html4/loose.dtd>
 <html lang = ru>
 <adal>
 <Title> </Title>
 <meta http-equiv = contenu contenu de type = text / html; charset = utf-8>
 </ head>
 <body>
 </docy>
 </html>

HTML: 4S

 <! Doctype html public - // w3c // dtd html 4.01 // en http://www.w3.org/tr/html4/strict.dtd>
 <html lang = ru>
 <adal>
 <Title> </Title>
 <meta http-equiv = contenu contenu de type = text / html; charset = utf-8>
 </ head>
 <body>
 </docy>
 </html>

HTML: XT

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

HTML: 5

 <! Doctype html>
 <html lang = ru-ru>
 <adal>
 <Title> </Title>
 <Meta Charset = UTF-8>
 </ head>
 <body>
 </docy>
 </html>

Document Metadata¶

tête

 <A-Head> </ Head>

titre

 <Title> </Title>

base

 <base href =>

lien

 <en Link>

Lien: CSS

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

Lien: Impression

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

Lien: Favicon

 <link rel = raccourci icône type = image / x-icon href = favicon.ico>

Lien: Touch

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

Lien: RSS

 <link rel = alternative type = application / rss + xml title = rss href = rss.xml>

Lien: Atom

 <link rel = alternative type = application / atom + xml title = atom href = atom.xml>

méta

 <Meta>

Meta: UTF

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

Meta: Win

 <Meta Http-Equiv = Content-Type Content = Text / Html; charSet = Win-1251>

Meta: Compat

 <meta http-equiv = contenu compatible x-ua = ie = 7>

style

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

Script¶

scénario

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

script: src

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

noscript

 <noscript> </oscript>

Sections¶

corps

 <body> </body>

Section, secte

 <segction> </prection>

nav

 <Nav> </ Nav>

Article, Art

 <article> </bone>

à part

 <à part> </roprows>

H1

 <h1> </h1>

H2

 <h2> </h2>

H3

 <h3> </h3>

H4

 <h4> </h4>

H5

 <h5> </h5>

H6

 <h6> </h6>

Hgroup, HGR

 <hgroup> </hgroup>

En-tête, HDR

 <A-tête> </-header>

pied de page, ftr

 <foomer> </footer>

Adresse, ADR

 <adress> </dress>

div

 <div> </div>

Regroupement de contenu¶

P

 <p> </p>

HR

 <hr>

br

 <br>

pre

 <pre> </pre>

Dialogue, DLG

 <Inalog> </ Dialog>

Blockquote, BQ

 <lockquote> </lockquote>

ol

 <lo ol> </l>

OL +

 <l>
 <li> </li>
 </l>

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>

Sémantique au niveau du texte¶

un

 <a href => </a>

R: lien

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

R: Mail

 <a href = mailto:> </a>

Q

 <q> </Q>

citer

 <CITE> </CITE>

Em

 <em> </em>

Strong, str

 <strong> </strong>

petit

 <small> </mmall>

marque

 <MARK> </KARK>

dfn

 <dfn> </dfn>

ABBR

 <ABBR Title => </BBR>

Acronyme, ACR

 <acronyme title => </cronym>

temps

 <mEUX> </TIME>

progrès, prog

 <grarst> </grarst>

mètre

 <mètre> </dgeter>

Code

 <code> </code>

var

 <var> </var>

SAMP

 <samp> </amp>

KBD

 <KBD> </KBD>

sous

 <band> </b>

souper

 <Up> </sup>

portée

 <span> </span>

je

 <i> </i>

b

 <b> </b>

BDO

 <bdo dir => </bdo>

BDO: R

 <bdo dir = rtl> </bdo>

BDO: L

 <bdo dir = ltr> </bdo>

Ruby

 <Ruby> </bulde>

rt

 <rt> </rt>

RP

 <rp> </ rp>

Modifications ¶

ins

 <ins> </ins>

del

 <del> </ del>

Contenu intégré ¶

Figure, fig

 <Figure> </gigne>

img

 <img src = alt =>

iframe, ifr

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

intégrer, emb

 <embed src = type =>

objet, obj

 <objet data = type => </ objet>

param

 <param name = value =>

vidéo

 <video src => </ vidéo>

Audio

 <audio src => </ audio>

Source, SRC

 <Source>

toile

 <lebvas> </ canvas>

carte

 <nom de la carte => </ map>

Carte +

 <nom de la carte =>
 <forme de zone = coords = href = alt =>
 </ map>

zone

 <forme de zone = coords = href = alt =>

Zone: D

 <zone de zone = par défaut href = alt =>

Zone: C

 <forme de zone = cercle coords = href = alt =>

Zone: R

 <forme de zone = coords rect = href = alt =>

Zone: P

 <forme de zone = poly coords = href = alt =>

Données tabulaires¶

tableau

 <ballage> </ table>

Tableau +

 <ballage>
 <tr>
 <td> </td>
 </tr>
 </ table>

Légende, Cap

 <genture> </pention>

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>

ème

 <h> </th>

td

 <td> </td>

Formulaires¶

formulaire

 <Form Action => </ form>

Formulaire: Obtenez

 <formulaire form = méthode = get> </ form>

Formulaire: Post

 <form action = méthode = post> </ form>

Fieldset, fset

 <Fieldset> </ Fieldset>

légende, jambe

 <gend> </gend>

étiquette

 <étiquette pour => </ label>

saisir

 <Type d'entrée =>

Entrée: caché, entrée: h

 <Type d'entrée = valeur cachée =>

Entrée: texte, entrée: t

 <entrée type = valeur texte = id =>

Entrée: recherche

 <Type d'entrée = valeur de recherche = id =>

Entrée: e-mail

 <Type d'entrée = valeur e-mail = id =>

Entrée: URL

 <Type d'entrée = valeur d'url = id =>

Entrée: mot de passe, entrée: P

 <Type d'entrée = valeur de mot de passe = id =>

Entrée: DateTime

 <Type d'entrée = DateTime Value = ID =>

Entrée: DateTime-local

 <input type = dateTime-local value = id =>

Entrée: date

 <Type d'entrée = valeur de date = id =>

Entrée: mois

 <Type d'entrée = valeur du mois = id =>

Entrée: semaine

 <Type d'entrée = valeur de la semaine = id =>

Entrée: heure

 <Type d'entrée = valeur de temps = id =>

Entrée: numéro

 <Type d'entrée = valeur de nombre = id =>

Entrée: plage

 <Type d'entrée = valeur de plage = id =>

Entrée: couleur

 <Type d'entrée = valeur de couleur = id =>

Entrée: Box, entrée: C

 <Type d'entrée = ID de la boîte à cocher =>

Entrée: radio, entrée: R

 <Type d'entrée = radio ID =>

Entrée: fichier, entrée: f

 <entrée type = fichier id =>

Entrée: soumettre, entrée: s

 <Type d'entrée = soumettre une valeur =>

Entrée: image, entrée: i

 <Type d'entrée = image src = alt =>

Entrée: réinitialiser

 <Type d'entrée = réinitialiser la valeur =>

Entrée: bouton, entrée: b

 <Type d'entrée = valeur du bouton =>

bouton, btn

 <button> </ bouton>

sélectionner

 <select id => </ select>

SELECT +

 <select id =>
 <Valeur d'option => </ Option>
 </lect>

OptGroup, Optg

 <OptGroup> </ Optgroup>

OptGroup +, Optg +

 <Optgroup>
 <option> </ option>
 </ optgroup>

Option, opt

 <option> </ option>

Éléments interactifs¶

DataGrid, Datag

 <dataGrid> </ dataGrid>

Datalist, Datal

 <Datalist> </DATAList>

TextArea, Tarea

 <TextArea id = cols = 30 lignes = 10> </ textarea>

Keygen, KG

 <keygen>

sortie, out

 <utput> </utput>

Détails, DET

 <fettots> </thots>

Commande, CMD

 <romand>

BB

 <bb> </bb>

menu

 <ennu> </enu>

Menu: Contexte, menu: C

 <menu type = context> </ menu>

Menu: barre d'outils, menu: t

 <menu type = barre d'outils> </ menu>

Commentaires conditionnels¶

CC: c'est-à-dire

 <! - [Si c'est-à-dire]> <! [endif] ->

CC: noire

 <! - [si! ie]> <! -> <! - <! [endif] ->
Articles connexes