Тайлбар: Текстийг доогуур зураастай болгоно.
Жишээ:
U tag жишээ <html> <head> <title>U tag жишээ</title> </head> <body> Текстийг <u>доогуур зураастай</u> болгоно. </body> </html>
Үр дүн:
Showing posts with label HTML tag. Show all posts
Showing posts with label HTML tag. Show all posts
Thursday, July 26, 2012
u tag
Tag: <u>
Тайлбар: Текстийг доогуур зураастай болгоно.
Жишээ:
Үр дүн:
Тайлбар: Текстийг доогуур зураастай болгоно.
Жишээ:
Үр дүн:
b tag
Tag: <b>
Тайлбар: Текстийг тод хар болгоно.
Тайлбар: Текстийг тод хар болгоно.
| Жишээ код | Үр дүн | Тайлбар |
|---|---|---|
| Текстийг <b>Bold</b> буюу <b>тод хар</b> болгоно. | Текстийг Bold буюу тод хар болгоно. | <b> болон </b> эхлэл төгсгөлийн tag-ын хоорондахь текстийг хэлбэржүүлдэг. |
br tag
Tag: <br/>
Тайлбар: Доод мөрөнд шилжих tag. Ойлгомжтойгоор Enter
Тайлбар: Доод мөрөнд шилжих tag. Ойлгомжтойгоор Enter
| Жишээ код | Үр дүн | Тайлбар |
|---|---|---|
| Бороо ганц нэг дуслах нь сайхан <br/> Борог өвс норсон байх нь сайхан <br/> Хаврын цас гэр лүү урсах нь сайхан <br/> Хаа нэгтээ шувууд ганганах нь сайхан <br/> | Бороо ганц нэг дуслах нь сайхан Борог өвс норсон байх нь сайхан Хаврын цас гэр лүү урсах нь сайхан Хаа нэгтээ шувууд ганганах нь сайхан | <br/> tag ашигласан тохиолдол |
Бороо ганц нэг дуслах нь сайхан Борог өвс норсон байх нь сайхан Хаврын цас гэр лүү урсах нь сайхан Хаа нэгтээ шувууд ганганах нь сайхан | Бороо ганц нэг дуслах нь сайхан Борог өвс норсон байх нь сайхан Хаврын цас гэр лүү урсах нь сайхан Хаа нэгтээ шувууд ганганах нь сайхан | <br/> tag ашиглаагүй тохиолдол |
h1-с h6 tag
Tag: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
Тайлбар: Эдгээр tag-уудыг Html-д гарчиг тодорхойлоход ашигладаг.
Тайлбар: Эдгээр tag-уудыг Html-д гарчиг тодорхойлоход ашигладаг.
| Жишээ код | Кодын биелэлт | Тайлбар |
|---|---|---|
| <h1>Энэ бол гарчиг</h1> | Энэ бол гарчиг | Жишээнээс тэг-үүдийн ялгаа харагдаж байгаа байх. Гэхдээ style аттрибут ашиглан tag-уудын өнгө, дизайн /шинж чанарууд/-ыг өөрчилөх боломжтой. |
| <h2>Энэ бол гарчиг</h2> | Энэ бол гарчиг | |
| <h3>Энэ бол гарчиг</h3> | Энэ бол гарчиг | |
| <h4>Энэ бол гарчиг</h4> | Энэ бол гарчиг | |
| <h5>Энэ бол гарчиг</h5> | Энэ бол гарчиг | |
| <h6>Энэ бол гарчиг</h6> | Энэ бол гарчиг |
hr tag
Tag: <hr>
Тайлбар: Хэвтээ шулуун татах
Тайлбар: Хэвтээ шулуун татах
| Жишээ код | Үр дүн | Тайлбар |
|---|---|---|
| Бороо ганц нэг дуслах нь сайхан <hr/> Борог өвс норсон байх нь сайхан | Бороо ганц нэг дуслах нь сайхан Борог өвс норсон байх нь сайхан | <hr/> tag ашигласан тохиолдол |
Tuesday, July 24, 2012
Meta tag
Meta tag нь Html хуудасны тухай мэдээлэлийг агуулдаг. Өөрөөр хэлбэл хуудасны тайлбар, түлхүүр үгс, нийтлэгчийн мэдээлэлийг тодорхойлход ашигладаг. Html хуудас биелэх үед браузер энэ tag дэхь мэдээлэлийг ил харуулдаггүй.
Meta tag ихэвчилэн <head> tag дотор ашиглагддаг.
Ихэвчилэн нэр болон утга гэсэн бүтэцтэй мэдээлэл агуулдаг.
Түгээмэл ашиглагддаг meta өгөгдлүүд:
| Meta data | Тайлбар | Жишээ код |
|---|---|---|
| Keywords | Keywords-р хуудасны түлхүүр үгсийг тодорхойлдог. Түлхүүр үгсийг таслалаар тусгаарлан тодорхойлж өгдөг. Түлхүүр үг нь хайлтын системд илэрц өгөх гол түлхүүрүүдийн нэг юм. | <meta name="keywords" content="HTML хичээл, Step by Step" /> |
| Description | description-р html хуудасны тайлбарыг тодорхойлдог. Тайлбарыг өгүүлбэр болон богино хэмжээний параграфаар тодорхойлж болно. Энэ tag нь хайлтын системд өртөхөд өндөр ач холбогдолтой. | <meta name="description" content="HTML хичээл" /> |
<head>
<meta name="description" content="HTML хичээл" />
<meta name="keywords" content="HTML хичээл, Step by Step" />
<meta name="author" content="Гантулга" />
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
</head>
<meta name="keywords" content="HTML хичээл, Step by Step" />
<meta name="author" content="Гантулга" />
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
i tag
Tag: <i>
Тайлбар: Текстийг налуу болгоно.
Тайлбар: Текстийг налуу болгоно.
| Жишээ код | Үр дүн | Тайлбар |
|---|---|---|
| Текстийг <i>налуу</i> болгоно. | Текстийг налуу болгоно. | <i> болон </i> эхлэл төгсгөлийн tag-ын хоорондахь текстийг хэлбэржүүлдэг. |
Түгээмэл хэрэглэгддэг зарим тагууд
Tag: <html>
Тайлбар: HTML скриптийн эхлэл төгсгөлийг заадаг. html файл <html> -р эхэлж </html> -р төгсдөг.
Жишээ: <html> [html файлын код энд бичигдэнэ] </html> энэ тагуудаас гадуур код биелэхгүй.
Tag: <head>
Тайлбар: Tag дотор html файлын толгой хэсгийн код бичигддэг. Энд ашиглагддаг цөөн tag бий. Тухайлбал <meta>, <script>, <title> гэх мэтчилэн...
Жишээ: <head> [html файлын толгой хэсгийн код энд бичигдэнэ] </head>
Tag: <body>
Тайлбар: Tag дотор html файлын бие хэсгийн код бичигддэг. Өөрөөр хэлбэл html файл браузер дээр дуудагдаж ажиллахад энэ tag дотор бичигдсэн код биелэж харагддаг. Энд <head> хэсэгт ашиглагддаг тэг-үүдээс бусад Tag-уудыг ашиглах боломжтой.
Жишээ: <body> [html файлын үндсэн хэсгийн код энд бичигдэнэ] </body>
Жишээ: <html> [html файлын код энд бичигдэнэ] </html> энэ тагуудаас гадуур код биелэхгүй.
Tag: <head>
Тайлбар: Tag дотор html файлын толгой хэсгийн код бичигддэг. Энд ашиглагддаг цөөн tag бий. Тухайлбал <meta>, <script>, <title> гэх мэтчилэн...
Жишээ: <head> [html файлын толгой хэсгийн код энд бичигдэнэ] </head>
Tag: <body>
Тайлбар: Tag дотор html файлын бие хэсгийн код бичигддэг. Өөрөөр хэлбэл html файл браузер дээр дуудагдаж ажиллахад энэ tag дотор бичигдсэн код биелэж харагддаг. Энд <head> хэсэгт ашиглагддаг тэг-үүдээс бусад Tag-уудыг ашиглах боломжтой.
Жишээ: <body> [html файлын үндсэн хэсгийн код энд бичигдэнэ] </body>
Tag: <title>
Тайлбар: HTML хуудасны гарчиг. Browser-т дуудагдахад tab-ын толгой хэсэгт гардаг.
Жишээ: <title>Хуудасны Гарчиг<title>
Tag: <!-- -->
Тайлбар: Код дотор тайлбар бичихэд ашигладаг. Тайлбар хэсэг буюу <!--, --> -ын хооронд бичигдсэн код биелэхгүй.
Жишээ: <!-- Энэ бол тайлбар -->
Tag: <meta/>
Тайлбар: <head> таг дотор зарлагддаг. Хуудасны тайлбар, түлхүүр үг, нийтлэгч, зэрэгийг тодорхойлоход ашигладаг.
Жишээ:
Хуудасны түлхүүр үгс тодорхойлох:
<meta name="description" content="Миний анхны HTML хуудас" />
Хуудаст кириллээр бичих бол:
Жишээ: <title>Хуудасны Гарчиг<title>
Tag: <!-- -->
Тайлбар: Код дотор тайлбар бичихэд ашигладаг. Тайлбар хэсэг буюу <!--, --> -ын хооронд бичигдсэн код биелэхгүй.
Жишээ: <!-- Энэ бол тайлбар -->
Tag: <meta/>
Тайлбар: <head> таг дотор зарлагддаг. Хуудасны тайлбар, түлхүүр үг, нийтлэгч, зэрэгийг тодорхойлоход ашигладаг.
Жишээ:
Хуудасны түлхүүр үгс тодорхойлох:
<meta name="keywords" content="Монгол, HTML, tag" />
Хуудасны тайлбар тодорхойлох: <meta name="description" content="Миний анхны HTML хуудас" />
Хуудаст кириллээр бичих бол:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
HTML файл ерөнхийдөө дараах бүтэцтэй:
<html>
<head>
<!-- Толгой хэсгийн код энд хуудасны гарчиг, түлхүүр үгүүд, тайлбар зэрэгийг тодорхойлдог -->
<title>Миний хуудас</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Монгол, HTML, tag" />
<meta name="description" content="Миний анхны HTML хуудас" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Монгол, HTML, tag" />
<meta name="description" content="Миний анхны HTML хуудас" />
</head>
<body>
<!-- Энд html хуудасны үндсэн хэсэгийг бичнэ -->
Сайн байцгаана уу?
Энэ бол html хуудас
</body>
</html>
Дээрх кодыг notepad дээр хуулж .html эсвэл htm өргөтгэлтэй хадгалаад ажиллуулж үзээрэй. /Хэрхэн ажиллуулахаа мэдэхгүй бол: html, htm файлууд браузерт шууд биелдэг. Тэгэхээр та файлыг хадгалсныхаа дараа тухайн файлаа сонгоод double click хийхэд л хангалттай./
Дараах үр дүн гарна.
Дараах үр дүн гарна.
Monday, July 23, 2012
A tag
HTML tag: A
Тайлбар: HTML код дотор линк зааж өгөх тохиолдолд a tag-ийг ашиглана.
Ерөнхий бичиглэл: <a href="[Текст эсвэл зураг дээр дарахад дуудагдах хуудасны линк]">[Текст эсвэл зураг]</a>
Эхлэл төгсгөл нь: <a></a>
[]-хаалтанд тайлбар бичсэн болно
Тайлбар: HTML код дотор линк зааж өгөх тохиолдолд a tag-ийг ашиглана.
Ерөнхий бичиглэл: <a href="[Текст эсвэл зураг дээр дарахад дуудагдах хуудасны линк]">[Текст эсвэл зураг]</a>
Эхлэл төгсгөл нь: <a></a>
| Жишээ код | Кодын биелэлт | Тайлбар |
|---|---|---|
| <a href="http://www.journey.mn"> journey.mn </a> | journey.mn | Ерөнхий бичиглэлийн хэлбэр |
target-р дуудагдах линк ямар хуудсан дээр ачааллахыг зааж өгдөг. | ||
| <a href="http://www.journey.mn" target="_BLANK"> journey.mn </a> | journey.mn | Линк дээр дарахад дуудах хуудас шинэ цонхонд нээгдэнэ |
| <a href="http://www.journey.mn" target="_SELF"> journey.mn </a> | journey.mn | Линк дээр дарахад дуудах хуудас тухайн цонхондоо нээгдэнэ |
style аттрибутаар CSS код ашиглан линкийн харагдацыг өөрчилж болдог. Тухайлбал: | ||
| <a href="http://www.journey.mn" style="color:#00ff00"> journey.mn </a> | journey.mn | Линкийг RGB-ийн 00ff00 кодтой өнгөтэй болгов. |
| <a href="http://www.journey.mn" style="text-decoration:none"> journey.mn </a> | journey.mn | Линкийн доогуур зураасыг арилгах |
Зурагт линк | ||
| <a href="http://www.journey.mn"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQQU3HuWanP52LTV0U7JbzupIjcEbfwNlYU-pAM57NBXI9d8S68NhJaq-QzDJJtEs9PEULN_u7mWW5n3Ao2yY7ijMX8VpH2spZY5SLCTTgQ_A7iJ9207tuwJo0YxVuKh59ZtcJK0zH0lw/s200/Untitled-1.jpg" /> </a> |  | Зураг дээр дарахад хуудас дуудагдана. |
[]-хаалтанд тайлбар бичсэн болно
Subscribe to:
Posts (Atom)