Beranda>Tutorial Desain Web>tutorial HTML

Zen html elemen teman yang menggunakan coding zen dapat menandai itu

Penulis：Eve Cole Waktu Pembaruan：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 transisi // en http://www.w3.org/tr/html4/loose.dtd>
 <html lang = ru>
 <head>
 <title> </title>
 <meta http-equiv = konten-tipe konten = teks/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 = konten-tipe konten = teks/html; charset = utf-8>
 </head>
 <body>
 </body>
 </html>

html: xt

 <! Doctype html public -// w3c // dtd xhtml 1.0 transisi // 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 = konten-tipe konten = teks/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 = konten-tipe konten = teks/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 = konten-tipe konten = teks/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>

Dokumen Metadata¶

kepala

 <head> </head>

judul

 <title> </title>

basis

 <base href =>

tautan

 <link>

Tautan: CSS

 <tautan rel = stylesheet type = text/css href = style.css media = all>

Tautan: Cetak

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

Tautan: Favicon

 <tautan rel = Jenis ikon pintas = gambar/x-icon href = favicon.ico>

Tautan: Sentuh

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

Tautan: RSS

 <tautan rel = tipe alternatif = aplikasi/rss+xml title = rss href = rss.xml>

Tautan: Atom

 <tautan rel = tipe alternatif = aplikasi/atom+judul xml = atom href = atom.xml>

Meta

 <meta>

Meta: UTF

 <meta http-equiv = konten-tipe konten = teks/html; charset = utf-8>

Meta: Menang

 <meta http-equiv = konten-tipe konten = teks/html; charset = win-1251>

Meta: Compat

 <meta http-equiv = konten kompatibel x-ua = yaitu = 7>

gaya

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

Scripting¶

Skrip

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

Skrip: SRC

 <type skrip = teks/javascript src => </script>

Noscript

 <noscript> </noscript>

Bagian

tubuh

 <body> </body>

bagian, sekte

 <section> </section>

NAV

 <av> </av>

Artikel, Art

 <cartikel> </artikel>

di samping

 <sendeng> </side>

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>

footer, ftr

 <footer> </footer>

Alamat, ADR

 <spulht> </spulht>

Div

 <div> </div>

Pengelompokan Konten '

P

 <p> </p>

jam

 <Hr>

BR

 <br>

Pra

 <pr Pre> </per>

Dialog, DLG

 <Salog> </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> </ll>

dl+

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

dt

 <dt> </dt>

DD

 <dd> </dd>

Semantik tingkat teks¶

A

 <a href => </a>

A: Tautan

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

A: Mail

 <a href = mailto:> </a>

Q

 <Q> </Q>

mengutip

 <cite> </cite>

Em

 <em> </em>

Kuat, str

 <strong> </strong>

kecil

 <small> </small>

tanda

 <mark> </mark>

dfn

 <dfn> </dfn>

ABBR

 <ABBR title => </bbr>

akronim, ACR

 <acronony title => </scronym>

waktu

 <lime> </taku>

Kemajuan, Prog

 <mrogress> </drogress>

meter

 <meter> </teter>

Kode

 <code> </code>

var

 <var> </var>

Samp

 <ampamp> </ampamp>

KBD

 <kbd> </kbd>

sub

 <sub> </sub>

sup

 <sup> </sup>

Span

 <span> </span>

Saya

 <i> </i>

B

 <b> </b>

BDO

 <bdo dir => </bdo>

BDO: R

 <bdo dir = rtl> </bdo>

BDO: L

 <bdo dir = ltr> </bdo>

Ruby

 <buby> </buby>

RT

 <rt> </rt>

RP

 <rp> </rp>

Edits¶

INS

 <sc> </s>

Del

 <del> </el>

Konten tertanam¶

Gambar, Gbr

 <figure> </tigur>

IMG

 <img src = alt =>

IFRAME, IFR

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

Embed, emb

 <embed src = type =>

objek, obj

 <Data objek = type => </bodes>

Param

 <param name = value =>

Video

 <Video src => </dide>

audio

 <audio src => </audio>

Sumber, SRC

 <source>

Kanvas

 <Canvas> </an Canvas>

Peta

 <peta name => </pap>

Peta+

 <peta name =>
 <Area bentuk = koordin = href = alt =>
 </pap>

Area

 <Area bentuk = koordin = href = alt =>

Area: D

 <Area bentuk = default href = alt =>

Area: C

 <Area Bentuk = Circle coords = href = alt =>

Area: r

 <Area bentuk = koordinasi rect = href = alt =>

Area: P

 <Area bentuk = koordi poli = href = alt =>

Data Tabular¶

meja

 <able> </boable>

Tabel+

 <able>
 <tr>
 <td> </td>
 </tr>
 </boable>

Keterangan, tutup

 <Capttion> </caption>

ColGroup, Colg

 <colgroup> </colgroup>

colgroup+, colg+

 <colgroup>
 <col>
 </colgroup>

Kol

 <col>

tbody

 <tbody> </tbody>

Thead

 <Thead> </thead>

Tfoot

 <tfoot> </tfoot>

tr

 <tr> </tr>

tr+

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

th

 <t th> </th>

TD

 <td> </td>

Bentuk

membentuk

 <Form Action => </form>

Formulir: Dapatkan

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

Formulir: Posting

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

Fieldset, FSET

 <fieldset> </fieldset>

Legenda, kaki

 <Mregend> </Grend>

Label

 <label untuk => </label>

masukan

 <input type =>

Input: Tersembunyi, Input: H

 <Jenis input = nilai tersembunyi =>

Input: Teks, Input: T

 <input type = nilai teks = id =>

Input: Cari

 <Jenis input = nilai pencarian = id =>

Input: Email

 <Jenis input = Nilai email = id =>

Input: URL

 <Jenis input = nilai url = id =>

Input: Kata Sandi, Input: P

 <Jenis input = nilai kata sandi = id =>

Input: DateTime

 <Jenis input = nilai datetime = id =>

Input: DateTime-Local

 <input type = nilai datetime-lokal = id =>

Input: Tanggal

 <Jenis input = nilai tanggal = id =>

Input: Bulan

 <Jenis input = nilai bulan = id =>

Masukan: Minggu

 <Jenis input = nilai minggu = id =>

Input: Waktu

 <Jenis input = nilai waktu = id =>

Input: Nomor

 <Jenis input = nilai angka = id =>

Input: Rentang

 <input type = range value = id =>

Input: Warna

 <Jenis input = nilai warna = id =>

Input: kotak centang, input: C

 <Input type = checkbox id =>

Input: Radio, Input: R

 <Input Tipe = Radio ID =>

Input: File, Input: F

 <input type = file id =>

Input: Kirim, Input: S

 <Input Tipe = Kirim Nilai =>

Input: Gambar, Input: I

 <input type = gambar src = alt =>

Input: Reset

 <Jenis input = reset nilai =>

Input: Tombol, Input: B

 <Input type = tombol value =>

Tombol, BTN

 <button> </button>

Pilih

 <Pilih id => </ pilih>

Pilih+

 <Pilih id =>
 <Option value => </ption>
 </pilih>

optgroup, optg

 <Optgroup> </optgroup>

optgroup+, optg+

 <Optgroup>
 <pection> </pection>
 </toptrgroup>

opsi, opt

 <pection> </pection>

Elemen interaktif¶

Datagrid, Datag

 <datagrid> </datagrid>

Datasist, datal

 <Katalis> </Datalist>

textarea, tarea

 <TextArea ID = cols = 30 baris = 10> </pextarea>

Keygen, KG

 <Keygen>

output, out

 <Ontput> </Output>

detail, det

 <detail> </betail>

perintah, cmd

 <mommand>

BB

 <bb> </bb>

menu

 <u menu> </u>

Menu: Konteks, Menu: C

 <type menu = context> </u menu>

Menu: Toolbar, Menu: T

 <type menu = toolbar> </u menu>

Komentar bersyarat¶

CC: IE

 <!-[jika yaitu]> <! [Endif]->

CC: Noie

 <!-[if! Ie]> <!-> <!-<! [Endif]->
Artikel Terkait