HTML Атрибут /Attributes/
- Бүх HTML элементүүд нь атрибуттай байдаг.
- Атрибутууд нь элементийн талаар нэмэлт мэдээлэл өгдөг.
- Атрибутууд нь үргэлж эхлэх tag-т бичигддэг.
- Атрибутууд нь name = "value" буюу нэр = "утга" гэсэн бичиглэлтэй байдаг
href - Атрибут
HTML-д холбоосыг <a> tag-д тодорхойлогддог. Холбоосыг href атрибутад зааж өгнө.
Жишээлбэл:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>Энэ бол a таг</h1>
<a href="http://www.abcd.mn"> Энэ бол холбоос </a>
</body>
</html>
src - Aтрибут
HTML-д зургийг <img> tag-д тодорхойлдог. Зургийн файлын байршлыг src атрибутад зааж өгнө.
Жишээлбэл:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<img src="/static/html.png">
</body>
</html>
Өндөр ба Өргөн - Aтрибут
HTML-д зургийн өргөн болон өндрийг <width>, <height> атрибутад зааж өгдөг.
Жишээлбэл:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<img src="/static/html.png" width="250" height="150">
</body>
</html>
Өргөн болон өндрийн анхдагч утгыг цэгээр зааж өгсөн байдаг. width="250" гэдэг нь зургийн өргөн 250 pixels гэсэн үг юм.
Alt Aтрибут
<alt> атрибутад зургийг харуулах боломжгүй үед оронд нь гарч ирэх тайлбар текcтыг зааж өгнө.
Жишээлбэл:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<img src="/static/html1.png" alt="HTML сурцгаая">
</body>
</html>
Style Aтрибут
<style> атрибутад өнгө, үсгийн хэмжээ гэх мэт маш олон утгыг зааж өгч болдог.
Жишээлбэл:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p style="font-size:52px; color:red">Энэ бол Догол мөр</p>
</body>
</html>
Style-н талаар илүү сайн судалхыг хүсвэл CSS сурцгаая А-Я үзнэ үү
lang Aтрибут
<lang> атрибутад <html> хуудасны хэлийг зааж өгнө. Хэлийг зарлах нь хайлтын системд чухал ач холбогдолтой байдаг
Жишээлбэл:
<!DOCTYPE html lang="en-US">
<html>
<head>
<meta charset="utf-8">
</head>
<body>
...
</body>
</html>
Title Aтрибут
<p> элементэд <title> атрибутыг ашиглаж үзье. Догол мөрд бичсэн текст дээр mouse очиход Title-ийн утга tooltip хэлбэрээр бидэнд харагдах болно
Жишээлбэл:
<!DOCTYPE html lang="en-US">
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p title="Энэ бол гарчиг">Title атрибут</p>
<p title="Энэ бол tooltip">Догол мөр дээр хулган аваачихад Tooltip хэлбэрээр title атрибутын утгыг харж байна</p>
</body>
</html>
' ' Эсвэл " " ялгаа нь
HTML хэлэнд ""-г түгээмэл ашигладаг. "" болон ''-н ямар нэгэн ялгаа байхгүй бөгөөд атрибутын утга нь "" хаалтыг хэрэглэх тохиолдолд ''-г, харин утга нь ''-г хэрэглэх тохиолдолд эсрэгээр нь "" хэрэглэдэг.
Жишээлбэл:
<!DOCTYPE html lang="en-US">
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p title="Энэ 'бол' хос Quote">Энэ 'бол' double Quote</p>
<!-- Эсрэгээр нь -->
<p title='Энэ "бол" ганц Quote'>Энэ "бол" single Quote</p>
</body>
</html>
Сэтгэгдэлүүд
