Startseite>Webdesign-Tutorial>HTML-Tutorial

Zen HTML -Elemente Freunde, die Zen -Codierung verwenden, kann es mit Lesezeichen versehen

Autor：Eve Cole Aktualisierungszeit：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 = TU>
 <kopf>
 <title> </title>
 <meta http-äquiv = 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 = TU>
 <kopf>
 <title> </title>
 <meta http-äquiv = content-type content = text/html; charset = utf-8>
 </head>
 <body>
 </body>
 </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>
 <kopf>
 <title> </title>
 <meta http-äquiv = 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>
 <kopf>
 <title> </title>
 <meta http-äquiv = 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>
 <kopf>
 <title> </title>
 <meta http-äquiv = content-type content = text/html; charset = utf-8/>
 </head>
 <body>
 </body>
 </html>

HTML: 5

 <! DocType html>
 <html Lang = ru-ru>
 <kopf>
 <title> </title>
 <meta charset = utf-8>
 </head>
 <body>
 </body>
 </html>

Dokument Metadaten

Kopf

 <Head> </head>

Titel

 <title> </title>

Basis

 <Basis href =>

Link

 <Link>

Link: CSS

 <link rel = styleSheet type = text/css href = style.css media = alle>

Link: Druck

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

Link: Favicon

 <link rel = Shortcut-Symboltyp = Bild/X-ICON href = favicon.ico>

Link: Berührung

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

Link: RSS

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

Link: Atom

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

Meta

 <Meta>

Meta: UTF

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

Meta: Gewinnen Sie

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

META: COPPAT

 <meta http-äquiv = x-UA-kompatibler Inhalt = IE = 7>

Stil

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

Skription

Skript

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

Skript: src

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

NoScript

 <noscript> </noscript>

Abschnitte

Körper

 <body> </body>

Abschnitt, Sekte

 <ABSCHNITT> </Abschnitt>

nav

 <nav> </nav>

Artikel, Kunst

 <Aktion> </article>

beiseite

 <beiseite> </beiseite>

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> </header>

Fußzeile, ftr

 <footer> </footer>

Adresse, ADR

 <adresse> </address>

div

 <div> </div>

Inhalt gruppieren

P

 <p> </p>

HR

 <hr>

Br

 <br>

vor

 <pre> </pre>

Dialog, dlg

 <Dialogs> </Dialog>

Blockquote, BQ

 <blockquote> </blockquote>

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>

Semantik der Textniveau

A

 <a href => </a>

A: Link

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

A: Mail

 <a href = mailto:> </a>

Q

 <q> </q>

zitieren

 <cite> </cite>

em

 <em> </em>

stark, str

 <strong> </strong>

klein

 <klein> </small>

markieren

 <Mark> </mark>

dfn

 <dfn> </dfn>

ABBR

 <abbr title => </abbr>

Akronym ACR

 <Akronymtitel => </Akronym>

Zeit

 <Time> </time>

Fortschritt, Prog

 <FORRESS> </Progress>

Messgerät

 <Meter> </meter>

Code

 <code> </code>

var

 <var> </var>

Samp

 <Samp> </Samp>

KBD

 <kbd> </kbd>

sub

 <Sub> </sub>

sup

 <sup> </sup>

Span

 <span> </span>

ich

 <i> </i>

B

 <b> </b>

bdo

 <Bdo Dir => </bdo>

BDO: R

 <bdo dir = rtl> </bdo>

BDO: L

 <Bdo Dir = ltr> </bdo>

Ruby

 <Ruby> </Ruby>

rt

 <rt> </rt>

RP

 <rp> </rp>

Änderungen

Ins

 <ins> </Ins>

Del

 <Del> </del>

Eingebettete Inhalt

Abbildung, Abb.

 <Abus> </Abbildung>

IMG

 <img Src = Alt =>

Iframe, IFR

 <Iframe src = Frameborder = 0> </iframe>

einbetten, emb

 <Einbett src = type =>

Objekt, obj

 <Objektdaten = type => </Object>

Param

 <param name = value =>

Video

 <Video src => </Video>

Audio

 <audio src => </audio>

Quelle, Src

 <quelle>

Leinwand

 <Canvas> </canvas>

Karte

 <map name => </map>

Karte+

 <map name =>
 <Bereichsform = Koords = href = Alt =>
 </map>

Bereich

 <Bereichsform = Koords = href = Alt =>

Bereich: D

 <Bereichsform = Standard href = Alt =>

Bereich: C

 <Bereichsform = Kreiskoordnungen = href = Alt =>

Bereich: R

 <Bereichsform = rechte Koordni = href = Alt =>

Bereich: P

 <Bereichsform = Polykoordni = href = Alt =>

Tabellarische Daten vier

Tisch

 <table> </table>

Tabelle+

 <tabelle>
 <tr>
 <td> </td>
 </tr>
 </table>

Bildunterschrift, Kappe

 <Caption> </caption>

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>

Formen

bilden

 <form action => </form>

Form: Holen Sie sich

 <form action = method = get> </form>

Form: Post

 <form action = method = post> </form>

Fieldset, fset

 <Fieldset> </fieldset>

Legende, Bein

 <Legend> </legend>

Etikett

 <Label für => </label>

Eingabe

 <Eingabetyp =>

Eingabe: versteckt, Eingabe: H

 <Eingabetyp = Hidden Value =>

Eingabe: Text, Eingabe: t

 <Eingabetyp = Textwert = id =>

Eingabe: Suche

 <Eingabetyp = Suchwert = id =>

Eingabe: E -Mail

 <Eingabetyp = E -Mail -Wert = id =>

Eingabe: URL

 <Eingabe type = url value = id =>

Eingabe: Passwort, Eingabe: P

 <Eingabe type = Passwort value = id =>

Eingabe: DateTime

 <Eingabe type = datetime value = id =>

Eingabe: DateTime-Local

 <Eingabe type = datetime-local value = id =>

Eingabe: Datum

 <Eingabe type = Datumswert = id =>

Eingabe: Monat

 <Eingabe type = monat value = id =>

Eingabe: Woche

 <Eingabe type = Woche value = id =>

Eingabe: Zeit

 <Eingabetyp = Zeitwert = id =>

Eingabe: Nummer ¶ ¶

 <Eingabe type = zahlenwert = id =>

Eingabe: Bereich

 <Eingabetyp = Bereichswert = id =>

Eingabe: Farbe

 <Eingabe type = color value = id =>

Eingabe: Kontrollkästchen, Eingabe: C

 <Eingabetyp = CheckBox ID =>

Eingabe: Radio, Eingabe: R

 <Eingabetyp = Radio -ID =>

Eingabe: Datei, Eingabe: F

 <Eingabe type = Datei id =>

Eingabe: Senden, Eingabe: S

 <Eingabe type = value =>

Eingabe: Bild, Eingabe: i ¶ ¶

 <Eingabetyp = Bild src = Alt =>

Eingabe: Zurücksetzen

 <Eingabetyp = Reset Value =>

Eingabe: Taste, Eingabe: B

 <Eingabetyp = Tastewert =>

Taste, btn

 <tasten> </button>

wählen

 <id => </select>

Wählen Sie+

 <id =>
 <Option Value => </Option>
 </select>

Optgroup, Optg

 <Optgroup> </optgroup>

Optgroup+, Optg+

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

Option, opt

 <option> </option>

Interaktive Elemente

DataGrid, Datag

 <Datagrid> </datagrid>

Datalist, datal

 <Datalist> </datalist>

textarea, tarea ¶ ¶

 <textArea id = cols = 30 Zeilen = 10> </textarea>

Keygen, kg

 <Keygen>

Ausgabe, raus

 <ausgabe> </output>

Details, det

 <details> </Details>

Befehl, cmd

 <Kandte>

BB

 <bb> </bb>

Speisekarte

 <Meens> </Menü>

Menü: Kontext, Menü: C

 <Menü type = context> </Menü>

Menü: Symbolleiste, Menü: T

 <Menü type = Symbolleiste> </Menü>

Bedingte Kommentare

CC: dh ¶ ¶

 <!-[wenn dh]> <! [endif]->

CC: Noie

 <!-[if! IE]> <!-> <!-<! [endif]->
Ähnliche Artikel