หน้าแรก>การสอนการออกแบบเว็บไซต์>กวดวิชา HTML

Elements Zen HTML Elements เพื่อนที่ใช้การเข้ารหัสเซนสามารถบุ๊คมาร์คได้

ผู้เขียน：Eve Cole เวลาอัปเดต：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 สาธารณะ -// w3c // dtd html 4.01 transitional // en http://www.w3.org/tr/html4/loose.dtd>
 <html lang = ru>
 <head>
 <title> </title>
 <meta http-equiv = เนื้อหาประเภทเนื้อหา = text/html; charset = utf-8>
 </head>
 <body>
 </body>
 </html>

HTML: 4S

 <! doctype html สาธารณะ -// w3c // dtd html 4.01 // en http://www.w3.org/tr/html4/strict.dtd>
 <html lang = ru>
 <head>
 <title> </title>
 <meta http-equiv = เนื้อหาประเภทเนื้อหา = text/html; charset = utf-8>
 </head>
 <body>
 </body>
 </html>

HTML: XT

 <! doctype html สาธารณะ -// 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>
 <head>
 <title> </title>
 <meta http-equiv = เนื้อหาประเภทเนื้อหา = text/html; charset = utf-8/>
 </head>
 <body>
 </body>
 </html>

HTML: XS

 <! doctype html สาธารณะ -// w3c // dtd xhtml 1.0 เข้มงวด // 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 = เนื้อหาประเภทเนื้อหา = text/html; charset = utf-8/>
 </head>
 <body>
 </body>
 </html>

html: xxs

 <! doctype html สาธารณะ -// 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 = เนื้อหาประเภทเนื้อหา = 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>

ข้อมูลเมตาดาต้าเอกสาร "

ศีรษะ

 <head> </head>

ชื่อ

 <title> </title>

ฐาน

 <base href =>

ลิงค์

 <link>

ลิงค์: CSS

 <link rel = stylesheet type = text/css href = style.css media = ทั้งหมด>

ลิงค์: พิมพ์

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

ลิงค์: Favicon

 <link rel = ไอคอนทางลัด = image/x-icon href = favicon.ico>

ลิงค์: สัมผัส

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

ลิงค์: RSS

 <link rel = type ทางเลือก = แอปพลิเคชัน/rss+xml title = rss href = rss.xml>

ลิงค์: อะตอม

 <link rel = type ทางเลือก = application/atom+xml title = atom href = atom.xml>

เมตา

 <meta>

Meta: UTF

 <meta http-equiv = เนื้อหาประเภทเนื้อหา = text/html; charset = utf-8>

Meta: ชนะ

 <meta http-equiv = เนื้อหาประเภทเนื้อหา = text/html; charset = win-1251>

Meta: เข้าร่วม

 <meta http-equiv = เนื้อหาที่เข้ากันได้กับ x-ua = ie = 7>

สไตล์

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

สคริปต์ "

สคริปต์

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

สคริปต์: SRC

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

noscript

 <Noscript> </oscript>

ส่วน

ร่างกาย

 <body> </body>

ส่วน, นิกาย

 <section> </section>

NAV

 <av> </av>

บทความศิลปะ

 <บทความ> </บทความ>

นอกเหนือจาก

 <นอกเหนือจาก> </side>

H1

 <H1> </h1>

H2

 <H2> </h2>

H3

 <H3> </h3>

H4

 <h4> </h4>

H5

 <H5> </h5>

H6

 <H6> </h6>

hgroup, hgr

 <hgroup> </hgroup>

ส่วนหัว hdr

 <ส่วนหัว> </header>

ส่วนท้าย, ftr

 <footer> </ooter>

ที่อยู่ ADR

 <drenting> </dresent>

Div

 <div> </div>

การจัดกลุ่มเนื้อหา "

p

 <p> </p>

ชม .

 <Hr>

Br

 <br>

ก่อน

 <pre> </der>

กล่องโต้ตอบ dlg

 <dialog> </cialog>

blockquote, bq

 <blockquote> </lockquote>

ol

 <ol> </ol>

ol+

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

ul

 <ul></ul>

ul+

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

หลี่

 <li> </li>

dl

 <dl> </dl>

dl+

 <Dl>
 <dt> </dt>
 <Dd> </dd>
 </dl>

dt

 <dt> </dt>

DD

 <Dd> </dd>

ความหมายระดับข้อความ

A

 <a href => </a>

ตอบ: ลิงค์

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

ตอบ: จดหมาย

 <a href = mailto:> </a>

Q

 <q> </q>

อ้างอิง

 <Cite> </cite>

em

 <em> </em>

แข็งแกร่ง str

 <strong> </strong>

เล็ก

 <small> </small>

เครื่องหมาย

 <mark> </kar>

dfn

 <Dfn> </dfn>

abbr

 <abbr title => </bbr>

ตัวย่อ, ACR

 <ตัวย่อชื่อ => </sconym>

เวลา

 <time> </time>

ความคืบหน้า prog

 <progress> </progress>

เมตร

 <เมตร> </der>

รหัส

 <code> </code>

var

 <var> </var>

samp

 <Samp> </samp>

KBD

 <Kbd> </kbd>

ย่อย

 <ub> </ub>

sup

 <sup> </up>

ขยาย

 <span> </span>

ฉัน

 <i> </i>

b

 <b> </b>

BDO

 <bdo dir => </bdo>

BDO: R

 <bdo dir = rtl> </bdo>

BDO: L

 <bdo dir = ltr> </bdo>

ทับทิม

 <Ruby> </ruby>

rt

 <rt> </rt>

RP

 <rp> </rp>

แก้ไข

ins

 <ins> </ins>

Del

 <del> </el>

เนื้อหาที่ฝังอยู่

รูปที่รูป

 <รูป> </migure>

img

 <img src = alt =>

iframe, ifr

 <iframe src = frameBorder = 0> </iframe>

ฝัง, emb

 <ฝัง src = type =>

วัตถุ, obj

 <data object = type => </object>

พารามิเตอร์

 <param name = value =>

วิดีโอ

 <video src => </video>

เสียง

 <Audio Src => </Audio>

แหล่งที่มา src

 <source>

ผ้าใบ

 <Canvas> </sanvas>

แผนที่

 <map name => </map>

แผนที่+

 <ชื่อแผนที่ =>
 <areame shape = coords = href = alt =>
 </map>

พื้นที่

 <areame shape = coords = href = alt =>

พื้นที่: D

 <รูปร่างพื้นที่ = ค่าเริ่มต้น href = alt =>

พื้นที่: C

 <รูปร่างพื้นที่ = วงกลม coords = href = alt =>

พื้นที่: R

 <areame shape = rect coords = href = alt =>

พื้นที่: P

 <areame shape = poly coords = href = alt =>

ข้อมูลแบบตาราง

โต๊ะ

 <bable> </table>

ตาราง+

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

คำบรรยายภาพ, หมวก

 <Caption> </section>

Colgroup, Colg

 <Colgroup> </olgroup>

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>

TD

 <td> </td>

แบบฟอร์ม

รูปร่าง

 <form action => </form>

แบบฟอร์ม: รับ

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

แบบฟอร์ม: โพสต์

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

Fieldset, fset

 <</fieldset> </fieldset>

ตำนานขา

 <gregend> </gendend>

ฉลาก

 <label for => </lable>

ป้อนข้อมูล

 <ประเภทอินพุต =>

อินพุต: ซ่อนอินพุต: H

 <ประเภทอินพุต = ค่าที่ซ่อน =>

อินพุต: ข้อความ, อินพุต: t

 <ประเภทอินพุต = ค่าข้อความ = id =>

อินพุต: ค้นหา

 <อินพุตประเภท = ค่าค้นหา = id =>

อินพุต: อีเมล

 <อินพุตประเภท = ค่าอีเมล = id =>

อินพุต: url

 <อินพุตประเภท = ค่า url = id =>

อินพุต: รหัสผ่านอินพุต: P

 <ประเภทอินพุต = ค่ารหัสผ่าน = id =>

อินพุต: DateTime

 <input type = dateTime value = id =>

อินพุต: DateTime-Local

 <input type = dateTime local value = id =>

อินพุต: วันที่

 <อินพุตประเภท = วันที่ค่า = id =>

อินพุต: เดือน

 <ประเภทอินพุต = ค่าเดือน = id =>

อินพุต: สัปดาห์

 <ประเภทอินพุต = ค่าสัปดาห์ = id =>

อินพุต: เวลา

 <ประเภทอินพุต = ค่าเวลา = id =>

อินพุต: หมายเลข

 <ประเภทอินพุต = ค่าหมายเลข = id =>

อินพุต: ช่วง

 <อินพุตประเภท = ช่วงช่วง = id =>

อินพุต: สี

 <ประเภทอินพุต = ค่าสี = id =>

อินพุต: ช่องทำเครื่องหมายอินพุต: C

 <ประเภทอินพุต = ช่องทำเครื่องหมาย =>>

อินพุต: วิทยุ, อินพุต: r

 <อินพุตประเภท = วิทยุ ID =>

อินพุต: ไฟล์, อินพุต: f

 <input type = file id =>

อินพุต: ส่ง, อินพุต: s

 <ประเภทอินพุต = ส่งค่า =>

อินพุต: ภาพ, อินพุต: ฉัน

 <ประเภทอินพุต = image src = alt =>

อินพุต: รีเซ็ต

 <อินพุตประเภท = รีเซ็ตค่า =>

อินพุต: ปุ่ม, อินพุต: b

 <อินพุตประเภท = ค่าปุ่ม =>

ปุ่ม, btn

 <button> </ Button>

เลือก

 <เลือก id => </select>

เลือก+

 <เลือก id =>
 <ตัวเลือกค่า => </opovie>
 </เลือก>

OptGroup, Optg

 <PetGroup> </optGroup>

OptGroup+, Optg+

 <PetGroup>
 <pontion> </petion>
 </optgroup>

ตัวเลือกเลือก

 <pontion> </petion>

องค์ประกอบเชิงโต้ตอบ "

DataGrid, Datag

 <dataGrid> </tataGrid>

Datalist, Datal

 <Datalist> </tatalist>

Textarea, Tarea

 <textarea id = cols = 30 rows = 10> </textarea>

keygen, kg

 <keygen>

เอาท์พุทออก

 <เอาท์พุท> </utput>

รายละเอียด det

 <betice> </รายละเอียด>

คำสั่ง cmd

 <sommand>

BB

 <bb> </bb>

เมนู

 <เมนู> </เมนู>

เมนู: บริบท, เมนู: C

 <menu type = บริบท> </เมนู>

เมนู: แถบเครื่องมือเมนู: T

 <menu type = toolbar> </menu>

ความคิดเห็นแบบมีเงื่อนไข "

CC: เช่น

 <!-[ถ้าเช่น]> <! [endif]->

CC: Noie

 <!-[ถ้า! เช่น]> <!-> <!-<! [endif]->
บทความที่เกี่ยวข้อง