Тодорхойлолтын жагсаалтын элемент юм. HTML: Дугаарласан болон тэмдэглэгдсэн жагсаалт
Жагсаалт нь мэдээллийг зохион байгуулахад тусалдаг тул агуулгын чухал хэсэг юм. Жагсаалт дахь текстийг илүү сайн ойлгож, санахад хялбар байдаг.
Хамгийн энгийн зүйл бол түүний элемент бүрийн өмнө тойрог, дөрвөлжин эсвэл тойрог гэсэн тэмдэглэгээ байдаг. Сумтай жагсаалтад байгаа зүйлсийн дараалал чухал биш.
Үүнийг үүсгэхийн тулд та зөвхөн хоёр шошгыг ашиглах хэрэгтэй:
Тэгээд
Элементүүд нь шошгоор тодорхойлогдсон жагсаалтыг агуулсан контейнер юм
- Чулуу
- Хайч
- Цаас
Өгөгдмөл байдлаар жагсаалтын тэмдэглэгээ нь хар тойрог байна ( диск). Шошго дээр нэмэх замаар
шинж чанар төрөлмөн түүнд тохирох утгыг өгснөөр тэмдэглэгээг тойрог болгон өөрчилж болно ( тойрог) эсвэл хар дөрвөлжин ( дөрвөлжин).
Энэ нь тэмдэглэгээнээс ялгаатай нь доторх элементүүдийн дараалал чухал тул энд тэмдэглэгээний оронд дараалсан тоо эсвэл үсгийг ашигладаг. Жагсаалтын дарааллын талаар санаа зовох шаардлагагүй: хөтөч энэ ажлыг хариуцдаг. Хэрэв та жагсаалтыг өөрчилвөл (захиалах зүйлгүй зүйлийг хасах эсвэл нэмэх) хөтөч үүнийг дахин тооцоолж, зөв харуулах болно.
Тагуудыг дугаарласан жагсаалт үүсгэхэд ашигладаг
Тэгээд
Жагсаалтын эхлэл ба төгсгөлийг тодорхойлно, таг
-ээр сольсон
.
- Чулуу
- Хайч
- Цаас
Дугаарласан жагсаалтад бүх зүйл тийм ч энгийн байдаггүй тул шошгоны хувьд
дараах шинж чанаруудыг үүсгэсэн (тэмдэглэл: доор зөвхөн дугаарласан жагсаалт байна):
1. төрөл. Энэ шинж чанар нь жагсаалтыг зөвхөн араб хэлээр төдийгүй Ром тоо эсвэл өөр өөр үсгээр латин үсгээр дугаарлах боломжийг танд олгоно. төрөл 1 (анхдагч), a, A, i, I утгуудыг дэмждэг (тэдгээрийг өөрөө туршиж үзээрэй).
2. эхлэх. Дугаарлах нь үргэлж нэгээс эхлэх албагүй. Энэ шинж чанар нь жагсаалтын эхний элементийн дугаар болох анхны утгыг тохируулах боломжийг танд олгоно. Үүнд та тайланг жишээлбэл, 100 тоо эсвэл K үсгээр эхлүүлж байгааг зааж өгч болно.
3. урвуу. Хэрэв жагсаалт 1-ээс 10 хүртэл биш, харин 10-аас 1 хүртэл байх ёстой бол энэ шинж чанарыг ашиглах ёстой. Хэрэв заасан бол дугаарлалт нь урвуу дарааллаар явагдана.
Жагсаалтын голд байгаа элементэд дурын дугаар өгөхийн тулд та шошгон дээр ашиглах хэрэгтэй.
Жагсаалтын голд байгаа нэг элементийн дугаарыг өөрчилснөөр та түүнийг дагаж мөрдөж буй бүх элементийн дугаарыг өөрчлөх болно - тайлан нь утгын атрибут дахь утгаас эхэлнэ. Жишээлбэл, хэрэв та 18-р элементэд 35-ын тоог өгсөн бол түүний дараах элементүүд нь 19, 20, 21 биш харин 36, 37, 38 гэсэн тоотой байх болно.
Тодорхойлолтын жагсаалт
Дээр дурдсан шиг тийм ч сайн мэддэггүй жагсаалтын төрөл. Нэр томьёо, тэдгээрийн тодорхойлолтоос бүрдэнэ. Таг ашиглан үүсгэсэн:
- жагсаалт агуулсан сав.
Тодорхойлолтын жагсаалтын хэрэглээний хамрах хүрээ нь толь бичиг, лавлах ном, тест, толь бичиг болон "Нэр томьёо - тайлбар" төрлийн бусад багтаамжтай жагсаалт юм.
Энд тодорхойлолтуудын жишээ жагсаалт байна:
- Тодорхойлогч
- "Таг" гэж хүн бүр мэддэг тэмдэглэгээний хэлний үндсэн нэгж.
- Атрибут
- Үүнийг өгдөг шошгоны шинж чанар нэмэлт функцуудтекст дизайн.
- Шошго
- Хаах шаардлагагүй ганц шошго.
Хоорондоо байрлуулсан жагсаалтаас бүрдэх жагсаалт. Янз бүрийн төрлийн жагсаалтыг агуулж болно. Олон түвшний бүтцэд төөрөлдөхөд хялбар байдаг тул бүтээхэд бэрхшээлтэй байдаг.
Энд нэг жишээ байна олон түвшний жагсаалт:
- Бүтцийн
- Паскаль
- Оберон
- Лимбо
- Объект хандлагатай
- Java
- Функциональ
- Лисп
- Python
HTML нь мэдээллийг жагсаалт хэлбэрээр үзүүлэх тусгай шошгуудыг өгдөг. Жагсаалт нь аль алинд нь өгөгдөл үзүүлэх хамгийн түгээмэл хэлбэрүүдийн нэг юм цахим баримт бичиг, болон хэвлэмэл хэлбэрээр. Бид бараг өдөр бүр жагсаалттай тааралддаг - энэ нь дэлгүүрт шаардлагатай худалдан авалт, ангийн сурагчид эсвэл зүгээр л хийх ёстой зүйлсийн жагсаалт байж болно. Жагсаалтын бүтцийг зохион байгуулах чадвар олон төрөлд байдаг текст засварлагчид, ялангуяа хүчирхэг текст боловсруулагч Microsoft Wordянз бүрийн төрлийн жагсаалтыг форматлах тохиромжтой хэрэгслүүдтэй (Microsoft Word ашиглан HTML жагсаалт үүсгэх боломжийг 8-р бүлэгт авч үзнэ). Жагсаалтыг ашиглахад тохиромжтой хэд хэдэн тохиолдлууд энд байна.
- Уншихуйц харагдах байдлыг бий болгохын тулд мэдээллийн хэсгүүдийг нэг бүтцэд нэгтгэх.
- Алхам алхмаар нарийн төвөгтэй үйл явцын тодорхойлолт.
- Баримт бичгийн холбогдох хэсгүүдийг харуулсан догол мөр бүхий агуулгын хэв маягийн мэдээллийн зохион байгуулалт.
Дээрх цэгүүдийг жагсаалтын бүтэц хэлбэрээр нарийн зохион байгуулсныг анхаарна уу.
HTML нь дараах үндсэн төрлийн жагсаалтуудыг өгдөг: сумтай, дугаарласан, тодорхойлолтын жагсаалт. Жагсаалтыг хэрэгжүүлэх янз бүрийн төрөлДараах тэмдэглэгээг ашигладаг.
- ,
- (LI - Жагсаалтын зүйл, жагсаалтын элемент). Tag
- Харгалзах хаалтын шошгыг шаарддаггүй, гэхдээ түүний оршихыг зарчмын хувьд хориглодоггүй. Хөтөчүүд ихэвчлэн баримтыг харуулахдаа жагсаалтын шинэ зүйл бүрийг шинэ мөрөнд эхлүүлдэг.
Өгөгдсөн мэдээлэл нь үндсэн тэмдэглэгдсэн жагсаалтыг гаргахад хангалттай. Сумлагдсан жагсаалт ашиглан HTML баримт бичгийн жишээг өгье, хөтчийн дэлгэцийг Зураг дээр үзүүлэв. 2.1.
Сумтай жагсаалтын жишээ - Хонь
- Үхрийн орд
- Ихрүүд
- Хорт хавдар
- Арслан
- Охины орд
- Жинлүүр
- Хилэнц
- Нумын орд
- Матар
- Aquarius
- Загас
Zodiac-ийн шинж тэмдгүүд:
Цагаан будаа. 2.1.Сумтай жагсаалтын хөтчийн дэлгэц
Жагсаалтын элементүүдээс гадна шошготой тэмдэглэгдсэн болохыг анхаарна уу
- , бусад HTML элементүүд байж болно. Дээрх жишээнд эдгээр элементүүдийн нэг нь жагсаалтын зүйл биш, харин түүний гарчгийн үүргийг гүйцэтгэдэг энгийн текст юм.
Анхаарна уу
HTML хэлний зарим сурах бичгүүдэд жагсаалтын гарчгийг тохируулахын тулд контейнерийн шошгыг ашиглах ёстой гэж заасан байдаг.
(LH - Жагсаалтын толгой, жагсаалтын толгой). Энэ шошго нь одоогоор ямар ч нийтлэг хөтчөөр танигдаагүй бөгөөд HTML тодорхойлолтын нэг хэсэг биш юм. Тиймээс түүний хэрэглээ нь ямар ч алдаа гаргахгүй ч гэсэн утгагүй болно. Шошгонд
- COMPACT ба TYPE гэсэн хоёр параметрийг зааж өгч болно.
- .
Жишээ оруулга:
-
.
Анхаарна уу
Хөтөчүүд токен төрлийг өөрөөр тайлбарладаг бие даасан элементжагсаалт. Netscape хөтөч нь маркерын харагдах байдлыг дараагийн дахин тодорхойлох хүртэл энэ болон дараагийн бүх тэмдэглэгээний харагдах байдлыг өөрчилдөг. Интернет хөтөч Explorer нь зөвхөн энэ элементийн тэмдэглэгээний харагдах байдлыг өөрчилдөг.
График жагсаалтын тэмдэглэгээ
Та график дүрсийг жагсаалтын сум болгон ашиглаж болох бөгөөд энэ нь сэтгэл татам, сайн дизайнтай HTML баримт бичгийг бүтээхэд өргөн хэрэглэгддэг. Үнэн хэрэгтээ энэ боломжийг HTML хэлээр шууд өгдөггүй, гэхдээ зарим талаараа зохиомлоор хэрэгжүүлдэг. Энэ нь үүнийг хийхийг зөвлөдөггүй эсвэл зэмлэхгүй гэсэн үг биш бөгөөд зөвхөн энд HTML хэлний тусгай бүтэц ашиглахгүй гэсэн үг юм.
Энэ санааг ойлгохын тулд та HTML хуудсан дээрх жагсаалтыг хэрэгжүүлэх механизмыг ойлгох хэрэгтэй. Энэ нь жагсаалтын шошго болж хувирав
- (үнэхээр бусад төрлийн шошгуудыг доор авч үзэх гэх мэт) нэг даалгавар гүйцэтгэдэг - энэ шошгоны дараа байрлах бүх мэдээллийг тодорхой хэмжээгээр баруун тийш (дотоод) харуулах ёстойг хөтчид хэлдэг. Шошго
- , тус тусын жагсаалтын зүйлүүдийг заадаг стандарт жагсаалтын зүйл тэмдэглэгчээр хангана.
Хэрэв бид график тэмдэглэгээ бүхий жагсаалт гаргах шаардлагатай бол шошгогүйгээр хийх боломжтой
- . Жагсаалтын элемент бүрийн өмнө хүссэн график дүрсийг оруулахад хангалттай. Шийдэх ёстой цорын ганц асуудал бол жагсаалтын элементүүдийг бие биенээсээ салгах явдал юм. Үүний тулд та догол мөрийг ашиглаж болно
Эсвэл мөрийг хүчээр оруулах
. График тэмдэглэгээ бүхий жагсаалтыг хэрэгжүүлэх жишээг Зураг дээр үзүүлэв. 2.2-ыг доор харуулав.Сумтай жагсаалт Zodiac-ийн шинж тэмдгүүд:
Хонь
Цагаан будаа. 2.2.График сумтай тэмдэглэгдсэн жагсаалт
Дээрх жишээнд жагсаалтын зүйлийн тэмдэглэгээ нь байна график файл Green_ball.gif. HTML хуудсан дээр график ашиглах нь дамжуулагдсан мэдээллийн хэмжээг ихээхэн нэмэгдүүлэх боломжтой гэдгийг анхаарна уу. Гэсэн хэдий ч, онд энэ тохиолдолдэнэ өсөлт маш бага байна. Энд нэг файлыг бүх тэмдэглэгээнд ашигладаг.
Энэ нь зөвхөн нэг удаа дамжих болно. Жижиг зургийн файлын хэмжээ нь маш бага байдаг.
Анхаарна уу
График сумтай жагсаалт үүсгэх арга техникийг 8-р бүлэгт ээлжлэн авч үзнэ.
Дугаарласан жагсаалт
HTML-д хэрэгжсэн жагсаалтын өөр нэг төрөл бол дугаарласан жагсаалт юм. Үгүй бол энэ төрлийн жагсаалтыг захиалгат гэж нэрлэдэг. Овог нэрийг ихэвчлэн харгалзах шошгоны нэрийн албан ёсны орчуулга болгон ашигладаг
- , тэдгээрийн тусламжтайгаар энэ төрлийн жагсаалтыг HTML баримт бичигт зохион байгуулдаг (OL - Захиалсан жагсаалт, эрэмбэлэгдсэн жагсаалт).
- .
Дугаарласан жагсаалтыг ашиглан HTML баримт бичгийн жишээ энд байна: аль нь харуулаххөтөчийг Зураг дээр үзүүлэв. 2.3.
Дугаарласан жагсаалтын жишээ - Сириус
- К анопус
- Арктурус
- Альфа Кентавр
- Вега
- K appella
- Ригель
- Просион
- Ачернар
- Бета Кентавр
- Ветелгейзе
- Альдебаран
. . .- Мизар
. . .- Туйлт
Дэлхийгээс харагдах хамгийн тод одууд:
Цагаан будаа. 2.З.Дугаарласан жагсаалт
Шошгонд
- Дараах параметрүүдийг тодорхойлж болно: COMPACT, TYPE, START.
- .
Жишээ оруулга:
- .
START шошго параметр
- жагсаалтыг нэгээс өөр зүйлээс дугаарлаж эхлэх боломжийг танд олгоно. START параметрийн утга нь жагсаалтын дугаарлалтын төрлөөс үл хамааран үргэлж натурал тоо байх ёстой. Энд нэг жишээ байна:
- дугаарласан жагсаалтын хувьд TYPE болон VALUE параметрүүдийг ашиглахыг зөвшөөрдөг. TYPE параметр нь шошготой ижил утгыг авч болно
- .
- .
Анхаарна уу
Хөтөчүүд жагсаалтын бие даасан зүйлийн дугаарлах төрлийг өөрөөр тайлбарладаг. Netscape хөтөч нь энэ элемент болон дараагийн бүх элементийн дугаарлалтын төрлийг дараагийн хүчингүй болгох хүртэл өөрчилдөг. Internet Explorer нь зөвхөн энэ элементийн дугаарын харагдах байдлыг өөрчилдөг.
ЗVALUE шошгын параметрийн утга
- - өгөгдсөн жагсаалтын элементийн дугаарыг өөрчлөх боломжийг танд олгоно. Энэ нь дараагийн бүх элементүүдийн дугаарыг өөрчилдөг. Ердийн хэрэглээ бол зарим элемент дутуу жагсаалт юм. Ийм жагсаалтын жишээг дээр дурдсан болно (Зураг 2.3). Энэ нь 58, 75-р байранд манай өргөрөгт тод харагдах оддыг агуулсан хамгийн тод оддын эрэмбийн жагсаалтыг гаргаж өгдөг (Мизар бол Их дагина одны хамгийн тод од бөгөөд Алтан гадас бол Бага оврын одны хамгийн тод од юм) .
Төрөл бүрийн дугаарлалт ашиглах өөр нэг анхны жишээг өгье. Доорх HTML код нь өөр өөр дугаарлалт бүхий гурван жагсаалтыг агуулна. Үзэхэд хялбар болгох үүднээс жагсаалт бүрийг тусдаа хүснэгтийн нүдэнд байрлуулна. Гурван жагсаалт бүгд ижил бөгөөд зөвхөн дугаарлалтын төрлөөр ялгаатай: хүснэгтийн эхний баганад араб тоо, хоёрдугаарт - Ром, гуравдугаарт дугаарлалт нь латин үсгээр байна. Жагсаалтын элементүүд хоосон, өөрөөр хэлбэл аливаа шошгоны дараа байгааг анхаарна уу
- өгөгдөл байхгүй байна. Энэ төрлийн жишээг араб, ром тоогоор бичсэн тоонуудын хоорондын захидал харилцааны хүснэгт болгон ашиглаж болно. Жагсаалтыг дэмждэг аливаа хөтчийг ийм хүснэгтийн үүсгэгч болгон ашиглаж болно (Зураг 2.4), та өгөгдсөн HTML кодыг бичихэд л хангалттай. Ром тоогоор дугаарлах нь 3999 хүртэл зөв ажиллана. Баруун баганыг судалснаар та Ром үсгээр дугаарлалт хэрхэн хийгддэгийг ойлгож чадна. Нэг үсэгтэй дугаарлалт (А-аас Я хүртэл) дууссаны дараа эхний хоёр үсэгтэй тоог дараагийн дугаар болгон авна - АА гэх мэт.
Жагсаалтад янз бүрийн төрлийн дугаарлалт ашиглах -
. . .
-
. . .
-
. . .
Цагаан будаа. 2.4.Төрөл бүрийн HTML жагсаалтын дугаарлалт
Тодорхойлолтын жагсаалт
Тодорхойлолтын толь бичиг гэж нэрлэгддэг тодорхойлолтын жагсаалт нь тусгай төрлийн жагсаалт юм. Бусад төрлийн жагсаалтаас ялгаатай нь тодорхойлолтын жагсаалтын элемент бүр үргэлж хоёр хэсгээс бүрдэнэ. Жагсаалтын элементийн эхний хэсэгт тодорхойлсон нэр томьёо, хоёр дахь хэсэгт тухайн нэр томьёоны утгыг илчлэх толь бичгийн оруулга хэлбэрээр бичвэр орсон байна.
Тодорхойлолтын жагсаалтыг контейнерийн шошго ашиглан тодорхойлно
- (Тодорхойлолтын жагсаалт). Шошго бүхий савны дотор
- (Тодорхойлолтын нэр томьёо) тодорхойлсон нэр томьёо нь тэмдэглэгдсэн, шошго
- (Тодорхойлолтын тайлбар) - түүний тодорхойлолт бүхий догол мөр. Шошгонуудын хувьд
- Тэгээд
- Та харгалзах хаалтын шошгыг орхиж болно.
Ерөнхийдөө тодорхойлолтуудын жагсаалтыг дараах байдлаар бичнэ.
- Хугацаа
- Нэр томъёоны тодорхойлолт
Текстэнд шошгоны дараа
- догол мөрийн шошго зэрэг блок түвшний элементүүдийг ашиглах боломжгүй
Эсвэл толгой
-
. Дүрмээр бол тодорхойлсон нэр томъёоны текстийг нэг мөрөнд байрлуулах ёстой. Нэр томъёоны тодорхойлолтыг агуулсан текст нь нэр томъёоны тодорхойлолтын дараа дараагийн мөрөнд (эсвэл зарим хөтчийн мөр бүрээс) баруун талд доголтойгоор гарч ирнэ. Шошгоны дараа байрлуулсан мэдээлэлд
- , блок түвшний элементүүдийг байрлуулж болно. Эндээс тодруулбал, тодорхойлолтуудын жагсаалтыг үүрлэж болно.
Шошгонд
- COMPACT параметрийг зааж өгч болох бөгөөд зорилго нь дээр дурдсан бусад жагсаалттай төстэй.
- Флегматик хүн
- Идэвхгүй, маш шаргуу, дасан зохицоход удаан;
тогтвортой сэтгэлийн байдал, гадны нөлөөнд бага өртөмтгий;
сэтгэл хөдлөлийн урвалын идэвхгүй байдал, сайн дурын үйл ажиллагааны удаашрал
- Сангвиник
- Идэвхтэй, эрч хүчтэй, дасан зохицох чадвартай, -
сэтгэл хөдлөлийн урвалын эрч хүч, хөдөлгөөн, сайн дурын илрэлийн хурд, хүч чадал
- Холерик
- Идэвхтэй, маш эрч хүчтэй, тууштай;
сэтгэл хөдлөлийн урвалын эрч хүч, хүч чадал, хүсэл зоригийн хүчирхийллийн илрэл
- Меланхолик
- Идэвхгүй, амархан ядардаг, дасан зохицоход хэцүү, -
сайн дурын сул тал, сэтгэлийн хямрал давамгайлах, өөртөө эргэлзэх - Земпя
- Сар
- Mapc
- Фобос
- Деймос
- Тэнгэрийн ван
- Ариэл
- Умбриел
- Титаниа
- Оберон
- Миранда
- Далай ван
- Тритон
- Нерейд
Жагсаалтын үндсэн хэрэглээ:
Дугаарласан - хатуу тодорхойлогдсон дарааллаар дагах элементүүдийг жагсаах.
Сумтай - элементүүдийг санамсаргүй дарааллаар жагсаах.
Олон түвшний - тодорхой элементүүдийн мэдээллийг зааж өгөх.
Тодорхойлолтын жагсаалт - толь бичгүүдийг форматлахад ашигладаг.
Дугаарласан жагсаалтын html хуудас
Тагуудыг дугаарласан жагсаалт үүсгэхэд ашигладаг
-
Tag
-
Өгөгдмөл байдлаар жагсаалтын зүйлсийг 1, 2, 3 гэсэн дарааллаар дугаарлана... TYPE шинж чанарыг ашиглан дугаарлалтын хэв маягийг өөрчилж болно.
Утгын дугаарлалт A, B, C.. TYPE A a, b, c.. I I, II, III.. i i, ii, iii.. 1 1. 2. 3..
Хэрэв та аль хэдийн нэмбэл одоо байгаа жагсаалтшинэ утгууд, хөтөч автоматаар дахин тооцоолох болно.
START VALUE шинж чанаруудыг ашиглан жагсаалтын дугаарлах дарааллыг өөрчлөх боломжтой.
START - 1-ээс ялгаатай жагсаалтын эхлэлийн дугаарыг зааж өгөхөд ашигладаг.
VALUE - жагсаалтын аль ч элементэд дурын дугаар өгөх боломжтой болгодог.
Жишээ:
Сумтай жагсаалтын html хуудас
Шошгуудыг тэмдэглэгдсэн жагсаалт үүсгэхэд ашигладаг
- тусдаа жагсаалтын элементийн эхлэл/төгсгөлийг заана.
Өгөгдмөл байдлаар жагсаалтын зүйлсийг хар дугуйгаар тэмдэглэсэн байдаг. Тэмдэглэгээний хэв маягийг өөрчлөхийн тулд TYPE шинж чанарыг ашиглаж болно.
Нэг жагсаалт дотор та жагсаалтын элементүүдэд өөр өөр тэмдэглэгээ ашиглаж болно.
Жишээ:
Олон түвшний жагсаалтын html хуудас
Олон түвшний жагсаалт үүсгэхийн тулд та тэмдэглэгдсэн эсвэл дугаарласан жагсаалт эсвэл хоёуланг нь хослуулан ашиглаж болно. Нэг жагсаалтыг нөгөө жагсаалтад оруулах замаар олон түвшний жагсаалтыг үүсгэдэг. Гол ажил бол төөрөлдөхгүй байх явдал юм. Үүнийг хийхийн тулд би танд тус тусын жагсаалтад өөр догол мөр хийхийг зөвлөж байна.
HTML хуудасны тодорхойлолтуудын жагсаалт
Тодорхойлолтын жагсаалтыг үүсгэхийн тулд гурван шошгыг ашигладаг:
- - жагсаалтын эхлэл/төгсгөл.
- - тодорхой хугацааны эхлэл/төгсгөл.
- - нэр томъёоны тайлбар өгүүллийн эхлэл/төгсгөл.
Шошго
- Тэгээд
- ээлжлэн солих шаардлагагүй. Тэдгээр. Та хэд хэдэн нэр томъёог нэг тодорхойлолттой "холбох" боломжтой, мөн эсрэгээр.
Жишээ:
HTML код:
- 1-р хугацаа
- Хураангуй 1-ээс 1-р бүлэг
- Хураангуй 2-оос 1-р бүлэг
Хөтөч дэлгэц:
1-р улирал Хураангуй1-ээс 1-р анги Хураангуй2-аас 1-р бүлэгЭнэ сайт дээр тодорхой хэв маягийг зарим элементүүдэд ашигладаг тул хүснэгтэд үзүүлэх нь таны авах зүйлээс арай өөр байна.
Сумтай жагсаалт нь том текстийг тусдаа блок болгон хуваах боломжийг олгодог бөгөөд тус бүр нь сумаар эхэлдэг - ихэвчлэн жижиг цэгүүд. Энэ нь уншигчдын анхаарлыг текст рүү татаж, унших чадварыг нэмэгдүүлдэг.
Элементтэй
- Дараах шинж чанаруудтай холбоотой:
- үүссэн газарт
- , хөтөч автоматаар мөрийн завсарлага нэмнэ;
- жагсаалтын дээд ба доод хэсэгт догол мөр байна;
- Анхдагч байдлаар, тэмдэглэгээг дүүргэсэн тойрог хэлбэрээр харуулдаг;
- Жагсаалтын элемент бүр үндсэн тексттэй харьцуулахад баруун тийш шилждэг.
- диск - дүүргэсэн дугуй хэлбэртэй тэмдэглэгээ;
- тойрог - нээлттэй дугуй хэлбэртэй тэмдэглэгээ;
- дөрвөлжин - дөрвөлжин тэмдэглэгээ.
- Сепулки
- Сепулкариа
- Сулланжилт
- Энэ нь ажиллахгүй тул та үүнийг тойрон ажиллах хэрэгтэй болно. Үүнийг хийхийн тулд жагсаалтын тэмдэглэгээг жагсаалтын хэв маягийн шинж чанарыг ашиглан "none" гэсэн утгатай ба агуулгын өмнөх бичвэрт нуу.
- Бид ::before псевдо-элементийг ашиглан өөрийн дүрийг нэмдэг. Жишээ 2-т гурвалжин ийм тэмдэглэгээний үүрэг гүйцэтгэдэг.
Жишээ 2: Өмнө нь:: ашиглах
Жагсаалтууд - Сепулки
- Сепулкариа
- Сулланжилт
Энэ жишээний үр дүнг Зураг дээр үзүүлэв. 2. Жагсаалтын маягийн шинж чанарыг none утгатай ашиглах нь тэмдэглэгээг огт арилгахгүй, зөвхөн харагдахаас нуудаг тул жагсаалт баруун тийш шилжсэн харагдана. Энэ онцлогоос ангижрахын тулд жишээ нь сөрөг утгатай текстийн доголын шинж чанарыг нэмдэг. Түүний даалгавар бол текстийг зүүн нэг тэмдэгт рүү шилжүүлэх явдал юм.
Цагаан будаа. 2. Жагсаалтанд дурын тэмдэглэгээ
Тэмдэгт нь арван зургаан тоот форматтай байх албагүй; үүнийг текстэд шууд оруулах боломжтой. Хамгийн гол нь баримт бичгийг UTF-8 кодчилолд хадгалах бөгөөд засварлагч үүнийг дэмждэг байх явдал юм. Тэмдэгтүүдийг өөрсдөө болон тэдгээрийн кодыг жишээ нь LibreOffice Writer-ээс авч болно (Зураг 3).
Цагаан будаа. 3. LibreOffice дээр тэмдэг сонгох
Гараар зурсан тэмдэглэгээ бүхий жагсаалт
Загварууд нь list-style-image шинж чанараар дамжуулан ямар ч тохиромжтой зургийг тэмдэглэгээ болгон тохируулах боломжийг олгодог. Утга нь жишээ 3-т үзүүлсэн шиг график файлын харьцангуй буюу үнэмлэхүй зам юм.
Жишээ 3: Зургийг тэмдэглэгээ болгон ашиглах
Жагсаалтууд - Сепулки
- Сепулкариа
- Сулланжилт
Жагсаалтын элементүүдийг тайлбар болгон хувиргахгүйн тулд жижиг зургийг сонгох нь дээр. Зураг дээр. Зураг 4-т жижиг зургийг маркер болгон ашиглах жишээний үр дүнг харуулав.
Цагаан будаа. 4. Маркер болгон зурах
Жагсаалт маягийн дүрсийг ашиглах нь зарим сул талуудтай:
- загварыг дээш эсвэл доош зөөх боломжгүй;
- Тексттэй харьцуулахад зургийн байрлал өөр өөр хөтөч дээр өөр байж болно.
Эдгээр дутагдлууд нь дэвсгэр шинж чанарыг ашиглан зайлсхийж болно, энэ нь дэвсгэр зургийг тохируулдаг. Жагсаалтын элемент бүрийн хувьд
- Бид анхны тэмдэглэгээг арилгаж, арын дэвсгэр зургийг давталгүйгээр тохируулна. Зургийн дээд талд текст гарч ирэхгүй байхын тулд бид зүүн талд padding-left ашиглан баруун тийш шилжүүлнэ (жишээ 4).
Жишээ 4: Арын дэвсгэр ашиглах
Ul (зүүн захаас: -1em; ) li (жагсаалтын хэв маяг: байхгүй; дэвсгэр: url(images/bullet.png) давтагдахгүй 0 2px; дэвсгэр зүүн: 20px; )
Текст болон сумны байрлал
Тексттэй харьцуулсан тэмдэглэгээг байрлуулах хоёр арга байдаг: тэмдэглэгээг жагсаалтын элементүүдийн хилийн гадна талд шилжүүлэх эсвэл текстийг ороосон (Зураг 5).
дотор гадна Цагаан будаа. 5. Тексттэй харьцуулахад тэмдэглэгээг байрлуулах
Тэмдэглэгээний байрлалыг хянахын тулд list-style-position шинж чанарыг ашиглана уу. Энэ нь хоёр утгатай: гадна талд - сумыг текст блокийн гадна талд байрлуулсан (энэ нь анхдагч утга) ба дотор - сум нь текстийн блокийн нэг хэсэг бөгөөд жагсаалтын зүйлд харагдана (жишээ 5).
Жишээ 5: Тэмдэглэгээний байрлалыг өөрчлөх
Жагсаалтууд - Эхлэхээсээ өмнө 3BM иж бүрдэлд багтсан тоног төхөөрөмж байгаа эсэхийг шалгаарай.
- Хэрэв нэг буюу хэд хэдэн захын төхөөрөмж байхгүй бол та CC-ийн техникийн ажилтнуудтай шууд холбоо барина уу.
- Ажлын талбайгаа нүдээр шалгасны дараа та 3BM-ийн хүчийг сайтар асааж болно.
Энэ жишээний үр дүнг Зураг дээр үзүүлэв. 6.
HTML жагсаалтыг ашиглан та өөр өөр зүйл, дэд зүйл бүхий сайтынхаа цэсийг үүсгэж болно. Жагсаалтыг ашиглан сайтын агуулгыг (газрын зураг) үүсгэдэг бөгөөд энэ нь хайлтын системд маш тохиромжтой.
Тиймээс "" шошго байдаг - тэдгээр нь тэмдэглэгдсэн жагсаалтыг тодорхойлдог.
"" шошго - тэмдэглэгдсэн жагсаалтын элементүүдийг тодорхойлох.Эхлээд хэд хэдэн зүйлийн энгийн жагсаалтыг гаргая:
<html > <толгой > <гарчиг >Энгийн HTML сумтай жагсаалтгарчиг > толгой > <бие > <ул > <li >Нэгli > <li >Хоёрli > <li >Гуравli > <li >Дөрөвli > ул > бие > html >- Гурав
HTML тэмдэглэгээний хувьд та дотор нь бичсэн зарим төрлийг тохируулж болно
анхны шошго "- "В төрөл=""
- Дөрөв
- Дөрөв
- Мөнгөн ус
- Сугар
- Дэлхий
- Бархасбадь
- Санчир гариг
- Далай ван
- Плутон
- гарчиг "өөр жагсаалт оруулаад дараа нь хоёр дахь шошготой хаах"
Цэгийн оронд жижиг тойрог (цоорсон цэг) байх жагсаалтыг гаргацгаая. Энэ төрлийг " тойрог"
<html > <толгой > <гарчиг > HTML сумтай жагсаалтгарчиг > толгой > <бие > <ul төрөл= "тойрог"> <li >Нэгli > <li >Хоёрli > <li >Гуравli > <li >Дөрөвli > ул > бие > html >Одоо "тойрог" төрлийн оронд "төрөл"-ийг тохируулъя. дөрвөлжин"(дөрвөлжин)
<html > <толгой > <гарчиг > HTML сумтай жагсаалтгарчиг > толгой > <бие > <ul төрөл= "дөрвөлжин"> <li >эинli > <li >звэйli > <li > dreili > <li > vierli > ул > бие > html >CSS-ийн хичээлүүд нь жагсаалттай ажиллахыг нарийвчлан тусгасан бөгөөд үүнээс та эд зүйлс, текстийн өнгө, мөн тэмдэглэгээний төрлийг хэрхэн тохируулах талаар сурах боломжтой (энэ нь зөвхөн дөрвөлжин биш байж болно).
эсвэл цэг - энэ нь бараг ямар ч тэмдэг байж болно).Дугаарласан жагсаалт html Жагсаалтыг зөвхөн тэмдэглээд зогсохгүй дугаарлаж болно, учир нь заримдаа энэ нь зайлшгүй шаардлагатай байдаг. Эдгээр нь тоо (1, 2, 3...) болон англи цагаан толгойн жижиг, том үсгүүд байж болно. Дээр дурдсан бүх зүйлийг анхаарч үзээрэй.
Дугаарлахыг тохируулахын тулд "" тэмдэглэгээг ашиглана.
Төрөл нь эхний шошгонд тодорхойлогдоно.Тоогоор дугаарлах (нэгээс)
<html > <толгой > <гарчиг >Дугаарласан html жагсаалтгарчиг > толгой > <бие > <ол > <li >Нэг удааli > <li >Хоёрli > <li >Гуравli > <li >Дөрөвli > ол > бие > html >Хэрэв танд тэгээс (тэг) эсвэл гурваас эхлэн дугаарлах шаардлагатай бол эхний хэсэгт шошго бичих хэрэгтэй. эхлэх = "болон шаардлагатай тоо.
<html > <толгой > <гарчиг >Дугаарласан жагсаалт htmlгарчиг > толгой > <бие > <эхлэх = "0" > <li >тэгli > <li >нэгli > <li >хоёрli > <li >гуравli > ол > бие > html >Одоо "үсгийн дугаарлалт" -ыг хэрхэн тохируулахыг харцгаая.
Жижиг үсгээр:
<html > <толгой > <гарчиг >Дугаарласан жагсаалт htmlгарчиг > толгой > <бие > <төрөл = "а"> <li >Мөнгөн усli > <li >Сугарli > <li >Дэлхийli > <li >Ангарагli > ол > бие > html >Том үсгээр:
<html > <толгой > <гарчиг >Дугаарласан HTML жагсаалтгарчиг > толгой > <бие > <төрөл = "А"> <li >Бархасбадьli > <li >Санчир гаригli > <li >Тэнгэрийн ванli > <li >Далай ванli > <li ><b>Плутонb>li > ол > бие > html >HTML дээрх ердийн жагсаалтаас гадна та олон түвшний жагсаалт, өөрөөр хэлбэл тодорхой зүйлсийн дэд хэсгүүдийг үүсгэж болно. Үүнийг хийхийн тулд шошго болон гарчгийн дараа "
"
<html >
<толгой >
<гарчиг >Олон түвшний жагсаалт htmlгарчиг >
толгой >
<бие >
<ul төрөл= "дөрвөлжин" >
<li >Хийлli >
<li >Гитар<ул >
<li >сонгодогli >
<li >ритм гитарli >
<li >цахилгаан гитарli >
ул >
li >
<li >Бөмбөрli >
<li >Дудочкаli >
ул >
бие >
html >
- Хийл
- Гитар
- сонгодог
- ритм гитар
- цахилгаан гитар
- Бөмбөр
- Дудочка
Зураг 1-д тэмдэглэгдсэн жагсаалтын дээрх шинж чанаруудыг харуулсан жишээний үр дүнг харуулав.
Цагаан будаа. 1. Сум жагсаалтын харагдац
Тэмдэглэгээний төрөл
Тэмдэглэгээ нь дүүргэсэн тойрог (өгөгдмөл), нээлттэй тойрог, дөрвөлжин гэсэн гурван хэлбэрийн аль нэгийг авч болно. Тэмдэглэгээний төрлийг сонгохын тулд жагсаалтын хэв маягийн шинж чанар эсвэл бүх нийтийн жагсаалтын хэв маягийн шинж чанарыг ашиглана уу (жишээ 1). Дараах утгуудыг хэрэглэнэ.
Жишээ 1: Тэмдэглэгээний харагдах байдлыг өөрчлөх
Жагсаалтууд Жишээ нь сумны дүрс болгон жижиг, цул өнгийн дөрвөлжин ашиглан тэмдэглэгдсэн жагсаалтыг хэрхэн үүсгэхийг харуулж байна. Хэдийгээр утгын тоо гурваар хязгаарлагдаж байгаа ч энэ нь бидний мэдэлд зөвхөн гурван төрлийн тэмдэглэгээ байна гэсэн үг биш юм. Тэмдэглэгээний дүрсийн үүргийг амжилттай гүйцэтгэж чадах олон тусгай тэмдэгтүүд байдаг. Тэдгээрийг шууд шургуулна
Дараагийн хичээлээр энэ хичээлээс олж авсан мэдлэг дээрээ тулгуурлан энгийн цэс үүсгэх талаар авч үзэх болно.
Tag
- Бүх жагсаалтын эхлэл/төгсгөл тэмдэглэгдсэн байна.
Tag
- тусдаа жагсаалтын элементийн эхлэл/төгсгөлийг заана.
Tag
-
Тодорхойлолтын жагсаалтыг ашигладаг HTML баримт бичгийн жишээ энд байна:
Тодорхойлолтын жагсаалтын жишээ Хүний ердийн даруу байдлын ангилал,
суурилсанГиппократын үзэл бодол дээр
Өгөгдсөн HTML баримт бичгийн хөтөч дээрх дэлгэцийг Зураг дээр үзүүлэв. 2.5.
Цагаан будаа. 2.5.Тодорхойлолтуудын жагсаалт (толь бичгийн бүлэг оруулгатай төстэй)
Жагсаалтын төрөл
Тэгээд - .
Эдгээр төрлийн жагсаалтууд нь энгийн тэмдэглэгээтэй жагсаалтаас илүү нягт байхаар зохион бүтээгдсэн. Эдгээр жагсаалтын элементүүдийг бичих дүрмийн дагуу тэдгээрт блок элементүүдийг ашиглахыг зөвшөөрөөгүй бөгөөд энэ төрлийн жагсаалтыг үүрлэх боломжгүй гэсэн үг юм. Жагсаалтын элемент бүр нэг мөр текст байв.
гэх мэт жагсаалтын хувьд
"жагсаалтын элементийн текстийн урт (24 тэмдэгт)"-ийн хязгаарлалтыг нэвтрүүлэхээр төлөвлөж байсан. Ийм хязгаарлалт нь бидэнд олж авах боломжийг олгоно гэх мэт жагсаалтыг гаргадаг
доторх лавлахуудыг жагсаахтай төстэй хэлбэрээр үйлдлийн системүүд/W шилжүүлэгчийг ашиглах үед UNIX болон MS-DOS (олон багана). Нэмж дурдахад энэ төрлийн жагсаалтын зүйлүүдэд тэмдэглэгээг харуулаагүй. Одоогоор эдгээр бүх төлөвлөгөө хэрэгжээгүй байгаа тул эдгээр төрлийн жагсаалтыг цаашид ашиглахыг зөвлөдөггүй. Хөтөчүүдийн орчин үеийн хувилбарууд нь эдгээр төрлийн жагсаалтыг жагсаалттай яг ижил байдлаар харуулдаг
- .
Оруулсан жагсаалтууд
Нэг төрлийн жагсаалтын элементэд нэг төрлийн эсвэл өөр төрлийн жагсаалтыг бүхэлд нь оруулах шаардлагатай үе байдаг. Энэ нь олон түвшний эсвэл үүрлэсэн жагсаалт үүсгэх болно. HTML нь янз бүрийн төрлийн жагсаалтыг дур зоргоороо үүрлэх боломжийг олгодог боловч тэдгээрийг зохион байгуулахдаа болгоомжтой байх хэрэгтэй.
Доорх нь үүрлэсэн жагсаалт бүхий баримт бичгийн HTML кодыг зурагт үзүүлэв. 2.6. Энэ жишээнд тэмдэглэгдсэн жагсаалтын зүйл бүр өөрийн дугаарласан жагсаалтыг агуулна.
Оруулсан жагсаалтын жишээ Зарим гаригуудын хиймэл дагуулууд
- , блок түвшний элементүүдийг байрлуулж болно. Эндээс тодруулбал, тодорхойлолтуудын жагсаалтыг үүрлэж болно.
-
Пжишээ оруулга:
- .
- .
Энэ оруулга нь латин "E" том үсгээр эхэлсэн жагсаалтын дугаарыг тодорхойлно. Бусад төрлийн дугаарлалтын хувьд START=5 гэсэн оруулга нь "5" тоо, Ромын тоо "V" гэх мэт дугаарлалтуудыг тус тус тохируулна.
Жагсаалтын төрөл, дугаарын утгыг өөрчлөхийг жагсаалтын аль ч элементэд хийж болно. Tag
- дугаарласан жагсаалтын хувьд TYPE болон VALUE параметрүүдийг ашиглахыг зөвшөөрдөг. TYPE параметр нь шошготой ижил утгыг авч болно
COMPACT параметр нь тэмдэглэгдсэн жагсаалттай ижил утгатай. TYPE параметрийг жагсаалтын дугаарлалтын төрлийг тодорхойлоход ашигладаг. Дараах утгыг авч болно.
TYPE = A - том латин үсгээр тэмдэглэгээ хийдэг;
TYPE = a - жижиг латин үсгийн хэлбэрээр тэмдэглэгээг тавьдаг;
TYPE = I - том ром тоо хэлбэрээр тэмдэглэгээг тавьдаг;
TYPE = i - жижиг ром тоо хэлбэрээр тэмдэглэгээг тавьдаг;
TYPE = 1 - араб тоон хэлбэрээр тэмдэглэгээг тогтооно.
Анхдагч утга нь үргэлж TYPE = 1, өөрөөр хэлбэл араб тоогоор дугаарлах явдал юм. Энэ нь дугаарласан жагсаалтад мөн хамаарна. Энд тэмдэглэгдсэн жагсаалтаас ялгаатай нь хөтчүүд анхдагч байдлаар жагсаалтын үүрлэх янз бүрийн түвшинд дугаарлалтыг өөр болгодоггүй. Жагсаалтын элементийн дугаарын дараа үргэлж нэмэлт "цэг" тэмдэг байдаг гэдгийг анхаарна уу.
Жагсаалтын элементүүдийн дугаарлалтын хэв маягийг тодорхойлоход ижил утгатай TYPE параметрийг ашиглаж болно. Үүнийг хийхийн тулд жагсаалтын элементийн шошгонд харгалзах утгатай TYPE параметрийг зааж өгөхийг зөвшөөрнө
Жагсаалтууд энэ төрлийнихэвчлэн бие даасан элементүүдийн дарааллыг илэрхийлдэг. Сумтай жагсаалтаас ялгаатай нь дугаарласан жагсаалтад элемент бүрийн өмнө автоматаар серийн дугаар тавигддаг. Дугаарлалтын төрөл нь хөтөчөөс хамаардаг бөгөөд жагсаалтын шошгоны параметрүүдээр тохируулж болно. Үгүй бол дугаарласан жагсаалтыг хэрэгжүүлэх нь тэмдэглэгдсэн жагсаалтыг хэрэгжүүлэхтэй маш төстэй юм.
Шошго
- Тэгээд
Дугаарласан жагсаалт үүсгэхийн тулд та жагсаалтын бүх элементүүд байрлах контейнерийн шошгыг ашиглах хэрэгтэй. Жагсаалтыг нээх, хаах шошгууд нь жагсаалтын өмнө болон дараа нь мөр таслах бөгөөд ингэснээр жагсаалтыг баримт бичгийн үндсэн агуулгаас тусгаарладаг.
Сумтай жагсаалтын нэгэн адил дугаарласан жагсаалтын зүйл бүр шошготой эхлэх ёстой
- , тус тусын жагсаалтын зүйлүүдийг заадаг стандарт жагсаалтын зүйл тэмдэглэгчээр хангана.
COMPACT параметр нь утгагүйгээр бичигдсэн бөгөөд хөтөч рүү үүнийг зааж өгөхөд ашиглагддаг энэ жагсаалтавсаархан хэлбэрээр танилцуулах ёстой. Жишээлбэл, фонт эсвэл жагсаалтын мөр хоорондын зай гэх мэтийг багасгаж болно.
Анхаарна уу
Одоогоор шошгонд COMPACT параметр байгаа эсэх
- Тэргүүлэгч хөтөч дээрх жагсаалтыг харуулахад ямар ч байдлаар нөлөөлөхгүй. Тиймээс, энэ параметрийг ашиглах нь утгагүй, ялангуяа HTML 4.0-ийн тодорхойлолтоор үүнийг ашиглахыг зөвлөдөггүй.
TYPE параметр нь дараах утгуудыг авч болно: диск, тойрог, дөрвөлжин. Энэ параметрийг жагсаалтын сумны харагдах байдлыг хүчээр гаргахад ашигладаг. Тэмдэглэгээний яг төрөл нь таны ашиглаж буй хөтөчөөс хамаарна. Ердийн дэлгэцийн сонголтууд нь дараах байдалтай байна.
TYPE = диск - тэмдэглэгээг дүүргэсэн тойрог хэлбэрээр харуулдаг; TYPE = тойрог - тэмдэглэгээг нээлттэй тойрог хэлбэрээр харуулдаг; TYPE = квадрат - тэмдэглэгээг дүүргэсэн квадрат хэлбэрээр харуулна. Жишээ оруулга:
-
.
Өгөгдмөл утга нь TYPE = диск юм. Оруулсан тэмдэглэгдсэн жагсаалтын хувьд анхдагч утга нь эхний түвшинд диск, хоёрдугаар түвшинд тойрог, гурав дахь түвшинд дөрвөлжин болон түүнээс дээш байна. Энэ бол яг ийм зүйл юм хамгийн сүүлийн үеийн хувилбарууд Netscape хөтчүүд болон Internet Explorer. Бусад хөтчүүд тэмдэглэгээг өөрөөр харуулж болохыг анхаарна уу. Жишээлбэл, HTML 4.0-ийн тодорхойлолтод TYPE = квадрат үед харагдах тэмдэглэгээний төрлийг дөрвөлжин тойм гэж заасан байдаг.
Жагсаалтын элементүүдийн тэмдэглэгээний төрлийг тодорхойлоход ижил утгатай TYPE параметрийг ашиглаж болно. Үүнийг хийхийн тулд жагсаалтын элементийн шошгонд харгалзах утгатай TYPE параметрийг зааж өгөхийг зөвшөөрнө
- .
- ,
- ,
- , үүний тусламжтайгаар энэ төрлийн жагсаалтыг HTML баримт бичигт зохион байгуулдаг (UL - Эрэмбэгүй жагсаалт, эрэмблэгдээгүй жагсаалт).
Сумтай жагсаалт нь ашигладаг тусгай дүрүүд, жагсаалтын тэмдэглэгээ гэж нэрлэдэг (ихэвчлэн bullets гэж нэрлэдэг бөгөөд энэ нь англи хэл дээрх bullet нэр томъёоны албан ёсны дуудлага юм). Жагсаалтын тэмдэглэгээний харагдах байдлыг хөтчөөр тодорхойлдог бөгөөд үүрлэсэн жагсаалт үүсгэх үед хөтчүүд өөр өөр үүрлэх түвшинд тэмдэглэгээний харагдах байдлыг автоматаар төрөлжүүлдэг.
Шошго Тэгээд<LI >
Сумтай жагсаалт үүсгэхийн тулд та жагсаалтын бүх элементүүдийг байрлуулсан шошгоны савыг ашиглах ёстой. Жагсаалтыг нээх, хаах шошгууд нь жагсаалтын өмнө болон дараа нь мөр таслах бөгөөд ингэснээр жагсаалтыг баримт бичгийн үндсэн агуулгаас тусгаарлах тул энд догол мөрийн шошго ашиглах шаардлагагүй болно.
.
Жагсаалтын элемент бүр шошгоор эхлэх ёстой
