Просмотр содержимого документа
«АШЫ? ЖОСПАР КОНСПЕКТІСІНІ? МАТЕРИАЛДАРЫ»
Қазақстан Республикасының Білім және ғылым министрлігі
«Рымбек Байсеитов атындағы Семей қаржы-экономикалық колледжі» РМҚК
АШЫҚ ЖОСПАР КОНСПЕКТІСІНІҢ МАТЕРИАЛДАРЫ
Пән: «Бағдарламамен қамтамасыздандыруды құру технологиясы»
Тақырыбы: «Абзацтың дискрепторы. Символдарды белгілеу стилі (жартылай қарайтылған, қисайтылған т.б). Мәтіннің алдын ала форматталуы. Web – беттерінің тізімі»
Топ: 4 қысқартылған ПО-2
Оқытушы: Мырзагужинов Н.К.
2014 – 2015 оқу жылы
Арнайы пәндер циклдық комиссия-2 отырысында қаралып, талқыланды
Хаттама №_____ «____»____________2015 ж.
Циклдық комиссия төрайымы__________ Г.К.Мукушова
Ф.219
№3 Сабақтың технологиялық картасы (жоспары)
Топ
Күні
4 қысқ ПО-2
26.03
Пән: Бағдарламалық қамтамасыздандыруды құру технологиясы
4 бөлім. Бағдарламалық қамтамасыздандыру жүйелерінің жаңа технологиялары
Курс тақырыбы: 4.3 тақырып. HTML құралдары web құжаттарын форматтау
Сабақтың тақырыбы: №3 Абзацтың дискрепторы. Символдарды белгілеу стилі (жартылай қарайтылған, қисайтылған т.б). Мәтіннің алдын ала форматталуы. Web – беттерінің тізімі
Сабақтың типі: Жаңа материалды меңгеру, аралас
Сабақтың түрі: Дәріс, білім аукционы элементтерімен
Оқушылардың дайындық деңгейіне қойылатын талаптар
Базалық құзыреттілік
Техника қауіпсіздігі мен өрт қауіпсіздігінің ережелерін сақтау;
Үздіксіз өз бетімен білімдену қабілетін көрсете алу және кәсіби мамандығын жаңарту;
Қазіргі ақпараттық технологияларды қолдану, мәліметтер қорына арналған бағдарлама жазу және сайт құру;
Бағдарламалық қамтамасыздандыруды құру технологиясына қазіргі талаптар. Бағдарламалық қамамасыздандыруды құру талаптары мен бағдарламашының мүмкіндіктері. Бағдарламалық қамтамасыздандыруды құру принциптері.
Белгілі бір мақсаты қойылған нақты есепті орындау мен жоспарлау.
Кәсіптік құзыреттілік
Есептер шешу кезінде мәліметтерді басқару және бағдарлама қатесін табуды жүргізу;
Әртүрлі ғылым, техника, экономика, өндіріс салалар аумағынан есептерді барлық кезеңі бойынша, яғни берілуінен бастап нәтиже алуына дейінгі математикалық әдіспен шығаруды есептеу техникасының көмегімен жүзеге асыру және нәтижесін ЭЕМ-де көру;
Оқушыларды мұқият тыңдай білуге, ой тұжырымдауға тәрбиелеу
дамытушылық
Оқушылардың HTML тілімен жұмыс істей білу дағдыларын дамныту
Пәнаралық байланыс
Қамтамасыз ететін
Пән: Мультимедиа технология
Курс тақырыбы: 1.1 тақырып. Мультиедиалық технологиялар HTML5.
Қамтамасыз етілетін
Бағдарламалық қамтамасыздандыруды құру технологиясы
Курс тақырыбы 4.3 тақырып. HTML құралдары web құжаттарын форматтау
Сабақтың жабдықталуы
Көрнекілік құралдар
Презентация, суреттер
Таратпа материалдар
Тәжірибелік жұмыс, ойынға қажетті заттар, тірек-конспект
Оқытудың техникалық құралдары
ДК, Блакнот, Power Point
Әдебиет: негізгі
Яворский В.В., Томилова Н.И. Технология раработки программного обеспечения. Астана, «Фолиант», 2007 г.
Боровиков В.В. MS Access 2002. программирование и разработка баз данных и приложений. Москва, СОЛОН-Р. 2002 г.
Вендров А.М. Проектирование программного обеспечения экономических информационных систем: Учебник. М: Финансы и статистика, 2000 г.
Орлов С.А. Технологии разработки программного обеспечения. Питер, 2002 г.
Қосымша
Харитонова А. Самоучитель Office Access. Питер, 2004
Майк Гандерлой, Сьюзан Сейлз Харкинз. Автоматизация MS Access с помощью VBA. Издательский дом «Вильямс». Москва 2006
Сабақ мазмұны
Эле-мент №
Сабақ элементі, қарастырылатың сұрақтар,
оқытудың әдістері мен тәсілдері
Қосымшалар, өзгерістер
1.
Ұйымдастыру (2 мин)
Кабинеттің сабаққа дайындығын тексеру
Компьютерлердің сабаққа дайындығын тексеру
Оқушылармен амандасу
Оқушыларды түгендеу
Сабақтың мақсатымен таныстыру
2.
Үй тапсырмасын сұрау (30 мин)
Білім ауционы
Шарты:
Балалар, үй жұмысын сұрау білім аукционы түрінде өтеді.
Аукцион шартымен таныс болыңыздар. Бүгінгі аукционымызда сауда «теңге» атты ақша бірлігімен жүргізіледі. Әзірше әр үш топтың қорында 50 теңден бар. Бұл – бастапқы капитал. Өз капиталыңызды көбейту – өз қолдарыңызда.
Аукционға сұрақтар қойылады. Пән бойынша сұрақтың бастапқы бағасы – 10 теңге. Ең жоғары баға ұсынған соң сұрақ оқылады. Егер дұрыс жауап айтылса – баға құны сол студентке беріледі, ал қате жауап айтылса, онда студент өз капиталынан сол ақшаны қайтарады.
Ескерту: егер топ қорында бар барлық сомаға сұрақ сатып алып қателессе, онда – банкрот, өкінішке орай, ол топ аукционға қатыса алмайды.
Аукционға №1 лот. Сауданы бастаймыз. Бастапқы баға – 10 теңге. Кім жоғары баға береді? Бір, екі, үш. Сатылды! Дұрыс жауап берген жағдайда топ өз қорына теңге қосады.
Сұрағы: HTML тілі қай жылы шықты, негізін кім қалады?
Жауабы: HTML гипертекстік тілін (Hypertext Markup Language) 1989 жылы World Wide Web гипертекстік жүйесін бөлудің өңдеу технологиясының компоненттерінің бірі ретінде Тим Бернер-Ли ұсынғаны белгілі.
Жауабы: синтаксистік қателіктер, логикалық қателіктер, динамикалық қателіктер
№4 лот. Сауда жүргізіледі
Сұрақ: WWW аббревиатурасы нені білдіреді, қалай аударылады?
Жауабы: «WWW» сөзі «World Wide Web - всемирная паутина» дегенді білдіреді. Интернет мәліметтерін жеңіл көруге болатын графикалық интерфейс мүмкіндігін береді.
№5 лот. Сауда жүргізіледі
Сұрағы: тегінің қызметі қандай?
Жауабы: Әріптің мөлшерін, түсін және сызылымын таңдап алу үшін тегін пайдаланамыз
№6 лот. Сауда жүргізіледі
Сұрағы: Синатксистік қателіктер дегеніміз не?
Жауабы: бағдарлама мәтінін теру кезінде операторлардың қате жазылуы, операторларды айыру белгілерінің қойылмауы, бағдарлама соңының көрсетілмеуі және т.б. жатады.
№7 лот. Сауда жүргізіледі
Сұрағы: Тег дегеніміз не?
Жауабы: HTML (HyperText Markup Language-гипермәтіндік белгілеу тілі) – қатаң ережелері бар компьютерлік тіл. HTML тілінде құжаттың авторы өз мәтінін тегтер деп аталатын символдар көмегімен арнайы файлға – Web-бетке айналдырады
№8 лот. Сауда жүргізіледі
Сұрағы: «HTML» аббревиатурасы нені білдіреді, қалай аударылады?
Жауабы: «HTML» сөзі «HyperText Markup Language» - гипермәтінді құру тілі («язык разметки гипертекста») дегенді білдіреді
№ 9 лот. Сауда жүргізіледі.
Сұрағы: Қандай тег HTML тілінде құжаттарында тақырыптарды білдіреді
Жауабы: …
№ 10 лот: Сауда жүргізіледі.
Сұрағы: HEAD…
Жауабы: құжаттың тақырыптық бөлігі жазылады, жалпы құжат туралы мәлімет береді
№ 11 лот: Сауда жүргізіледі
Сұрағы: «Салем!» деген сөздің түсі көк, өлшемі 6-ға тең?
Жауабы: Салем!
№ 12 лот: Сауда жүргізіледі
Сұрағы: HTML құжатын жасау схемасы?
Жауабы: ‹HTML› HTML құжатының басы
‹HEAD› тақырыптық бөліктің басы
‹TITLE›...‹/TITLE› құжат аты
‹/HEAD› тақырыптық бөліктің соңы
‹BODY› Құжат мәтінінің басы
Құжат мәтіні
‹/BODY› Құжат мәтінінің соңы
‹/HTML› HTML құжатының соңы
№ 13 лот: Сауда жүргізіледі
Сұрағы: Құжат фонының түсін анықтайды?
Жауабы: ‹BODY BGCOLOR ›
№ 14 лот: Сауда жүргізіледі
Сұрағы: «Жоғарыдан төменге» бағдарламалау?
Жауабы: бағдарламаны әзірлеудің бұл әдістемесінде әзірлеу мәселені шешу мақсатын анықтаудан басталып, одан кейін нақты бағдарламамен аяқталады.
№ 15 лот: Сауда жүргізіледі
Сұрағы: Объектіге-бағытталған бағдарламалау негізгі 3 қасиетке бөлінеді, қандай?
Жауабы: Инкапсуляцияларымен, мұрагерлігімен және полиморфизмімен.
№ 16 лот: Сауда жүргізіледі
Сұрағы: Ең алғаш шыққан операциялық жүйе?
Жауабы: MS-DOS
№ 17 лот: Сауда жүргізіледі
Сұрағы: Веб портал?
Жауабы: бағдарламаны әзірлеудің бұл әдістемесінде әзірлеу мәселені шешу мақсатын анықтаудан басталып, одан кейін нақты бағдарламамен аяқталады.
№ 18 лот: Сауда жүргізіледі
Сұрағы: Жазылатын мәтін құжат тұлғасы деп аталатын ... тегінің ортасында жазылады. Қай тег?
Жауабы: ‹BODY› ... ‹/BODY›
3.
Жаңа сабақ (15 мин)
Пән: Бағдарламалық қамтамасыздандыруды құру технологиясы
Курс тақырыбы: 4.3 тақырып. HTML құралдары web құжаттарын форматтау
Сабақтың тақырыбы: №3 Абзацтың дискрепторы. Символдарды белгілеу стилі (жартылай қарайтылған, қисайтылған т.б). Мәтіннің алдын ала форматталуы. Web – беттерінің тізімі.
Тәжірибелік жұмыс «Группаның тізімі» тегтер (блокнот) арқылы орындалады.
Web-парақта тобыңыздың тізімін жасаңыз. Тақырыптың түсін, өлшнмін, ортаға, мәтінге әр түрлі қаріптер, (астын сызу, қисайтылған (курсив) және т.б.) пайдаланыңыз.
Сұрақ-жауап ойыны
Абзац тегінің параметрлері?
Жаңа жолға көшу қалай іске асады?
тегінің параметрлерін ата?
Тізімдер қалай құрылады?
Тізім түрлері және қалай белгіленеді?
5
Сабақты қорытындылау, оқушыларды бағалау (6 мин)
6
Үйге тапсырма беру (2 мин)
Е.Ф Назаренко «Информационные технологии», 26-27 бет
ОқытушыН.К.Мырзагужинов
КЕЛІСІЛДІ
Әдіскер
Рахматуллина Р.М.
(қолы) Т.А.Ә.
«»2014 ж.
Білім ауционы
Шарты:
Балалар, үй жұмысын сұрау білім аукционы түрінде өтеді.
Аукцион шартымен таныс болыңыздар. Бүгінгі аукционымызда сауда «теңге» атты ақша бірлігімен жүргізіледі. Әзірше әр үш топтың қорында 50 теңден бар. Бұл – бастапқы капитал. Өз капиталыңызды көбейту – өз қолдарыңызда.
Аукционға сұрақтар қойылады. Пән бойынша сұрақтың бастапқы бағасы – 10 теңге. Ең жоғары баға ұсынған соң сұрақ оқылады. Егер дұрыс жауап айтылса – баға құны сол студентке беріледі, ал қате жауап айтылса, онда студент өз капиталынан сол ақшаны қайтарады.
Ескерту: егер топ қорында бар барлық сомаға сұрақ сатып алып қателессе, онда – банкрот, өкінішке орай, ол топ аукционға қатыса алмайды.
Аукционға №1 лот. Сауданы бастаймыз. Бастапқы баға – 10 теңге. Кім жоғары баға береді? Бір, екі, үш. Сатылды! Дұрыс жауап берген жағдайда топ өз қорына теңге қосады.
Сұрағы: HTML тілі қай жылы шықты, негізін кім қалады?
Жауабы: HTML гипертекстік тілін (Hypertext Markup Language) 1989 жылы World Wide Web гипертекстік жүйесін бөлудің өңдеу технологиясының компоненттерінің бірі ретінде Тим Бернер-Ли ұсынғаны белгілі.
Жауабы: синтаксистік қателіктер, логикалық қателіктер, динамикалық қателіктер
№4 лот. Сауда жүргізіледі
Сұрақ: WWW аббревиатурасы нені білдіреді, қалай аударылады?
Жауабы: «WWW» сөзі «World Wide Web - всемирная паутина» дегенді білдіреді. Интернет мәліметтерін жеңіл көруге болатын графикалық интерфейс мүмкіндігін береді.
№5 лот. Сауда жүргізіледі
Сұрағы: тегінің қызметі қандай?
Жауабы: Әріптің мөлшерін, түсін және сызылымын таңдап алу үшін тегін пайдаланамыз
№6 лот. Сауда жүргізіледі
Сұрағы: Синатксистік қателіктер дегеніміз не?
Жауабы: бағдарлама мәтінін теру кезінде операторлардың қате жазылуы, операторларды айыру белгілерінің қойылмауы, бағдарлама соңының көрсетілмеуі және т.б. жатады.
№7 лот. Сауда жүргізіледі
Сұрағы: Тег дегеніміз не?
Жауабы: HTML (HyperText Markup Language-гипермәтіндік белгілеу тілі) – қатаң ережелері бар компьютерлік тіл. HTML тілінде құжаттың авторы өз мәтінін тегтер деп аталатын символдар көмегімен арнайы файлға – Web-бетке айналдырады
№8 лот. Сауда жүргізіледі
Сұрағы: «HTML» аббревиатурасы нені білдіреді, қалай аударылады?
Жауабы: «HTML» сөзі «HyperText Markup Language» - гипермәтінді құру тілі («язык разметки гипертекста») дегенді білдіреді
№ 9 лот. Сауда жүргізіледі.
Сұрағы: Қандай тег HTML тілінде құжаттарында тақырыптарды білдіреді
Жауабы: …
№ 10 лот: Сауда жүргізіледі.
Сұрағы: HEAD…
Жауабы: құжаттың тақырыптық бөлігі жазылады, жалпы құжат туралы мәлімет береді
№ 11 лот: Сауда жүргізіледі
Сұрағы: «Салем!» деген сөздің түсі көк, өлшемі 6-ға тең?
Жауабы: Салем!
№ 12 лот: Сауда жүргізіледі
Сұрағы: HTML құжатын жасау схемасы?
Жауабы: ‹HTML› HTML құжатының басы
‹HEAD› тақырыптық бөліктің басы
‹TITLE›...‹/TITLE› құжат аты
‹/HEAD› тақырыптық бөліктің соңы
‹BODY› Құжат мәтінінің басы
Құжат мәтіні
‹/BODY› Құжат мәтінінің соңы
‹/HTML› HTML құжатының соңы
№ 13 лот: Сауда жүргізіледі
Сұрағы: Құжат фонының түсін анықтайды?
Жауабы: ‹BODY BGCOLOR ›
№ 14 лот: Сауда жүргізіледі
Сұрағы: «Жоғарыдан төменге» бағдарламалау?
Жауабы: бағдарламаны әзірлеудің бұл әдістемесінде әзірлеу мәселені шешу мақсатын анықтаудан басталып, одан кейін нақты бағдарламамен аяқталады.
№ 15 лот: Сауда жүргізіледі
Сұрағы: Объектіге-бағытталған бағдарламалау негізгі 3 қасиетке бөлінеді, қандай?
Жауабы: Инкапсуляцияларымен, мұрагерлігімен және полиморфизмімен.
№ 16 лот: Сауда жүргізіледі
Сұрағы: Ең алғаш шыққан операциялық жүйе?
Жауабы: MS-DOS
№ 17 лот: Сауда жүргізіледі
Сұрағы: Веб портал?
Жауабы: бағдарламаны әзірлеудің бұл әдістемесінде әзірлеу мәселені шешу мақсатын анықтаудан басталып, одан кейін нақты бағдарламамен аяқталады.
№ 18 лот: Сауда жүргізіледі
Сұрағы: Жазылатын мәтін құжат тұлғасы деп аталатын ... тегінің ортасында жазылады. Қай тег?
Жауабы: ‹BODY› ... ‹/BODY›
Көп логиктер жинаған топты анықтаймыз.
Дәріс №3
Пән: Бағдарламалық қамтамасыздандыруды құру технологиясы
Курс тақырыбы 4.3 тақырып. HTML құралдары web құжаттарын форматтау
Сабақтың тақырыбы: №3 Абзацтың дискрепторы. Символдарды белгілеу стилі (жартылай қарайтылған, қисайтылған т.б) . Мәтіннің алдын ала форматталуы. Web – беттерінің тізімі.
Мәтіннің абзацтарға бөлінуі
Мәтінді абзацтарға бөлу тегі арқылы орындалады. Абзацтар алдында тұратын таңбасы олардың арасына бір жол қалдырып бөліп отырады.
Бұл тегті жабатын
тәгін міндетті түрде жазу қажет емес, жазса - артық болмайды.
Бірнеше тегтерін қатар жазу бір тег жазғанмен бірдей болады.
Бұл тегтің бір ғана атрибуты бар, ол - мәтін шеттерін туралауды анықтайтын ALIGN атрибуты. Егер ол берілмесе, мәтін жолдың сол жақ шетіне тураланады. Кестеде осы атрибуттың мүмкін мәндері көрсетілген:
1– кесте Атрибуттардың мүмкін мәндері
Мәні
Функциясы
LEFT
Мәтін броузер терезесінің сол жақ шетіне жақын жазылады
CENTER
Мәтін терезе ортасына орналасады
RIGHT
Мәтін броузер терезесінің оң жақ шетіне жақын жазылады
JUSTIFY
Мәтінді броузер терезесінің екі жақ шетіне де жақын тураланып жазылады
Мысалы, мәтін ортаға жазылады:
Текст
тегі әр түрлі көлденең сызықтар жүргізу үшін керек. Бұл тег жабылмай, жалқы жазылатын тег болып саналады. Сызық алдында және сызықтан кейін бос жол енгізіледі.
тегінің бірнеше атрибуттары бар, келесі кестеде солардың мәндері көрсетілген.
Мысалы:
WIDTH=“50%”
2– кесте тегінің бірнеше атрибуттарының мәндері
Атрибут
Атқаратын қызметі
ALIGN
Сызықты сол жақ, оң жақ шетке немесе жол ортасына жылжытады.Мүмкін мәндері: LEFT, CENTER, RIGHT
WIDTH
Сызықтың ұзындығын анықтайды, пиксельмен немесе терезе енінің пайызымен беріледі. Пайыз-бен берілсе, соңына % символы жазылады.
SIZE
Сызықтың қалыңдығын пиксельмен анықтайды.
COLOR
Сызықтың түсін анықтайды, түстің атауы немесе он алтылық коды беріледі.
HTML тілі мәтін бөліктерін пішімдеудің логикалық (logіcal), әрі физикалық (physіcal) стильдерін жүзеге асыра алады.
Логикалық пішімдеу тэгтері
Мәтінді логикалық пішімдеу немесе белгілеу оның бөліктерін ерекшелеп, құжат құрылымын көрсете алады.
Мұнда мәтіннің екі негізгі бөлігін ерекшелеуге болады:
Құжаттағы тақырыптарды белгілеу;
Мәтін элементтерін белгілеу.
Мұнда ашылу тэгіне сәйкес жабылу тэгі болуы тиіс, олардың бірі болмай қалса, экрандағы мәтін бейнесі өзгеріп кетеді. Кез-келген тэг алдынан және артынан автоматты түрде бос жол пайда болады.
Логикалық стильдегі мәтін фрагменттерін енгізу тэгтері төменде көрсетілген.
Атрибут
Атқаратын қызметі
...
Ағылшынның emphasіs — акцент сөзінен шыққан, яғникурсив түрінде берілетін мәтін бөлігін қоршап тұратын белгілер болып табылады. (аналогы ...)
...
Ағылшынның strong emphasіs — күшті акцент дегені, мәтін ішінде қарайтылған қаріп болып көрсетіледі. (аналогы ...)Экранға шығарылатын хабарлама үлгілерін демонстрациялау үшін ұсынылады.
...
Программа мәтінін көрсету үшін қолданылатын стиль түрі.
Мәтін код немесе формула түрінде бейнеленеді (көп жағдайда Courier қаріпі түрінде)
...
Ағылшынның sample — мысал, үлгідеген сөзі, программа жұмысы нәтижелерін ендері бірдей моношрифт түрінде экранға шығарарда пайдаланылады
...
Ағылшынның keyboard — пернетақта (клавиатура)қысқаша сөзі. Пернелерден енгізілетін сөз тіркестерін көрсету мақсатында қолданылады.
...
Ағылшынныңvarіable — айнымалысөзі, программадағы айнымалы аттарын жазу үшін енгізілген стиль түрі, қисайтылған курсивке ұқсас қаріп түрі.
...
Мұндай белгі абзацты анықтайды.
және
тэгтерінің ортасына жазылған мәтін бір абзацқа бөлінеді.
Көп жағдайларда HTML құжаттарының тақырыптары болады. Олар n....n тэгтер арқылы жасалады, n–нің орнына 1-ден 6-ға дейін сан жазамыз. Осы тэгтер арасына мәтінімізді орналастырсақ, сізге белгілі көлемді тақырып шығады. Тақырыптың бірінші деңгейі-өте үлкен, алтыншы деңгейі-өте кіші. Тақырыптар тэгінің ALІGN атты атрибуты болады, ол абзацтың осындай атрибутымен бірдей, мәндері мына сөздердің біріне сәйкес келуі тиіс:
ALIGN=”left”-параметрінің мәні мәтінді сол жаққа түзетеді.
ALIGN=”center”-мәтін терезе браузерінің ортасына орналасады.
ALIGN=”right”-мәтінді оң жаққа қарай түзетеді.
ALIGN=”justify”-браузер терезесінің ені бойынша түзетеді.
... — ...
Физикалық пішімдеу тегтері
Атрибут
Атқаратын қызметі
...
Қарайтылған қаріп
…
Курсивтік қаріп
…
Асты сызылған
…
Сызылған
…
Сызылып тастаған(аналогы ...)
…
Негізгі қаріптен мәтін іріленіп жазылады.
…
Негізгі қаріптен мәтін майдаланып жазылады.
…
Баспа машинке-сіндегідей
…
Ерекшеленген мәтінге жарқырау эффектісін береді, ол тек Netcape браузерінде орындалады.
…
SІZE=…атрибуты әріптің көлемін (мөлшерін) тағайындайды. Әріптердің алдын ала берілетін жеті түрлі көлемі бар, олар 1-ден 7-ге дейінгі сандармен белгіленеді. Бұл сандар белгілі бір өлшем бірліктеріне сәйкес келмейді, тек санның мәні үлкейген сайын әріптің де мөлшері ұлғаяды. Егер сан көрсетілмесе, келісім бойынша ол 3-ке тең болып саналады.
...
COLOR=… атрибуты әріптің түсін таңдау мүмкіндігін береді, ол ағылшын тіліндегі мағынасы бар түйінді сөз арқылы (мысалы, RED - қызыл) немесе RGB жүйесіндегі он алтылық санмен (мысалы, #FF0000 – бұл да қызыл) берілуі мүмкін
...
FACE=… атрибуты қаріп (шрифт) типін береді. Осы атрибуттың мәні компьютерде орнатылған қаріптер атының біріне сәйкес келуі керек.
Бұл мәтін көрсетілген 3 қаріптің біреуімен көрсетіледі.
Тізімдердің (lіsts) НТМL тіліне енгізілуінің басты себебі – мәтіндік редакторлардың тізімдермен жұмыс істеу мүмкіндіктерінің мол болуы әсерінен деп айтуға болады. Тізім құрғанда оның жолдарын нөмірлеу немесе белгілеуді біртіндеп орындау қажет етілмей, бұл жұмысты программа өз міндетіне алады. Егер тізім жаңа жолмен толықтырылатын немесе оның бірі қысқартылатын болса, онда нөмірлеу реттілігі де автоматты түрде түзетіледі. Тізім нөмірленбей, тек белгіленетін кездерде әрбір жол алдына маркерлеу белгілері: сызықшалар, дөңгелекшелер, тіктөртбұрыштылар, ромбылар және де басқа да таңбалар қойылады. Осының нәтижесінде тізім оқуға ыңғайлы түрдегі «фирмалық» сипатқа ие болады.
Тізім жасау үшін қолданылатын тэгтерді шартты түрде екі топқа бөлуге болады: олардың біріншісі – тізімнің жалпы көрінісін анықтайтын атрибуттық сыртқы белгілер, ал екіншісі – оның құрылымын қалыптастыратын ішкі белгілер. Соңғы ішкі белгілер үшін тек бір ғана ашылу тэгі қолданылады.
Реттелмеген тізім
тегі арасына тізімге енетін сөздерді енгізуге болады. Ал тегі арасындағы үш сөзді жалпы
тегі арасына салса, тізім реттелмеген түрде алдына дөңгелектер қойылып, веб-бетте көрінеді.