Таңбалаушы және нөмірленген тізімдер HTML

тізімдер екі түрі HTML тілінде, бар: тапсырыс және бей. Олардың құру дерлік бірдей. Тіпті тегтер бір сипаты әр түрлі. Сіз сондай-ақ нөмірленген және маркер екі қамтуы мүмкін, ол көп деңгейлі тізімдерін жасауға болады.

Бұл тізімдер қалауы бойынша түрлендіріледі болады. Оның барлығы сіздің қиялыңызға байланысты. Біріншіден, біз осындай Word сияқты стандартты тізімдерді қарауға, содан кейін біз оларды жетілдіру және барлық тану шығып жасайды.

Нөмірленген HTML тізімі

Бейтарап тапсырыс HTML тізімі келесі тегтерді пайдаланып жасауға болады:

<Ли> Бірінші элемент тізімі

<Ли> Екінші элемент тізімі

<Ли> үшінші элемент тізімі

мұнда Қарапайым тізімі ұқсайды

стандарттарға сәйкес, тізімдегі әрбір элемент ашылу және жабылу тег Ли ішіндегі болуы керек. Сіз жабылатын тег қоюға емес, бірақ, егер дәл осындай нәтиже болып табылады. өңдегіші өте ақылды болып табылады. конверсия тізіміне кезінде ол ашылу тегтер талдайды. ол жаңа

1. көреді болса, онда автоматты түрде алдында оларды қояды.

   төменде көрсетілгендей Осылайша, тізімдер жасауға болады.

   Бірақ мамандар тұрғысынан дұрыс емес.

   таңбалаушы тізімдер

   Ненумерованная (немесе маркер) тізімдер дәл, тек орнына UL жазбаша О.Л. тег.

   Жылы таңбалаушы тізімдер, ешқандай сандар немесе әріптер - тек әртүрлі таңбалар, маркерлер деп аталады, ол.

   Көпдеңгейлі нөмірленген тізім HTML

   Көптеген адамдар мұндай мүмкіндік мүдделіміз. Сондықтан, ол кез келген HTML нөмірленген тізім көпдеңгейлі болуы мүмкін екенін атап өткен жөн. Қосымша қабаттар бірдей немесе таңбаланған болуы мүмкін.

   Жоғарыда келтірілген мысалда көрсетілген тізімін жасау үшін, сіз мыналарды жазу керек.

   Бірінші мысалда қарағанда, осы Кодексте Назар аударыңыз, қосылған атрибуты түрі. Оның арқасында, сіз екі нөмірленген және маркер тізімдер үшін сұрыптау түрін көрсетуге болады.

   маркер түрі - нөмірленген үшін әліпбиді немесе сандар түрін, ал қалған жағдайларда көрсетіңіз.

   опциялар тізімін сұрыптау

   Егер сіз арнайы HTML-тег пайдалансаңыз, нөмірленген тізімдер сіз кез келген жолы болуы мүмкін.

   Сіз үстелде кез келген мәнге түр төлсипатын көрсетуге болады. Немесе аудиториялық стилі CSS қажетті сұрыптау түрі тізімі-стилі-түрін көрсетіңіз.

   құндылықтарды аудару өте қарапайым. Ағылшын тілін жеткілікті базалық білім. тіпті сіз, сөз «үйірмесі» аударуға «шаршы», және т.б.. Н. мүмкін емес, егер Бірақ, Сіз көзбен сіз түрін атрибуты осы мәндерді көрсету нәтижесі болып табылады көре аласыз.

   нөмірленген тізімдер, сіз келесі опцияларды пайдалану қажет:

   • 1 - араб сандары;
   • A - бас әріптер әріптер ;
   • а - кіші әріптер;
   • Мен - бас әріп Рим сандары;
   • Мен - кіші Рим сандары.

   Әдепкіде, тізім әрдайым бірге пайдаланылады араб цифрларымен. Егер сіз ештеңе көрсетпеген болсаңыз, бұл = «1» теріңіз тең болып табылады.

   Сонымен қатар, нөмірленген тізімдер кез келген қалаған орында бастауға болады. Әдепкі - 1. жасасу Бірақ қаласаңыз сіз тіпті жүз отырып бастауға болады. Бұл әрекетті орындау үшін, сіз кез келген мәні бар бастау төлсипатты көрсету қажет.

   Сонымен қатар, ол кері ретпен жасалуы мүмкін. Бұл әрекетті орындау үшін, қайта қалпына жазу.

   тізімдерін жасау

   Нөмірленген HTML тізімі сондықтан әдемі, сіз дереу Photoshop жасалған сурет осы әдеттегі тізімі болжауымша, бұл емес, бұл мүмкін емес ұйымдастырылуы мүмкін.

   Мұнда тізімдер әдемі мысалдары болып табылады.

   Мысалы көруге болады болсақ, бұл элементтер өздері көрінісін және нөмірлеу өзгертуге болады.

   Сіз бұл сияқты тұрақты тізімін жасауға болады.

   CSS стильдер Сіз ола тегтің дизайнын көрсету керек. Бұл стиль файлды пайдаланатын барлық сайттарда бұл жағдайда, параметрлер барлық тізімдер қолданылатын болады екенін ескеріңіз.

   Шеңбер тексеру тізіміне жүзеге бірінші қарастырайық. коды тізіміне оралу. Set класс дөңгелектенеді-тізімі бар. Яғни осындай сұлулықты жасауға, бөлшектеуге осы класс қажеттілігіне болды. Сіз тілеймін сынып шақырамын.

   Енді шаршы дизайн қарастыру.

   стильдер өте ұқсас. айырмашылық бірінші жағдайда CSS опциялары арқылы дөңгелектеу элементі бар болып табылады.

   браузер қолдау

   Ол емес, барлық браузерлер барлық CSS атрибуттары қолдау екенін түсіну маңызды.

   Мысалы, сіз ортасында Нөмірленген тізімді жасау үшін келеді. HTML-коды бірдей болады, бірақ ескі браузерлер нәтиже мүлдем әртүрлі болуы мүмкін.

   сол нөмірлеу жобалау қолданылады.

   Өздеріңіз көріп отырғандай өңдегіші сіз осындай тіркеуді жасауға мүмкіндік беретін жаңа атрибуттарды білмейді, өйткені, ЖК ескі нұсқаларында сандар айналасында квадраттар пайда жоқ.

   Кәсіби кодер болжап емес, барлық пайдаланушылар қазіргі заманғы компьютерлер пайдалану екенін түсіну керек. барлық әлі Windows XP сидит Internet Explorer ескі нұсқасын пайдаланады пайдаланушылардың пайыздық бар Windows 7, 8, 10 орнатылған емес.

   Әдетте, олардың элементтерін жақсартуға барлық дерлік қазіргі заманғы үлгілер қолдау көрсетілмейді. пайдаланушы ол сайттың дизайны бойынша жұмыс жоқ екенін сезінетін болады. барлық көшіп екенін. Элементтер бірге бұрау жатыр. Бұл болдырмау үшін, сіз барлық параметрлерді санау керек.

   нарығында олардың үлесі бүгін аз және аз барған, өйткені кейбір вебмастерге оларға көз жүгінеді. Бірақ кәсіпқор үшін бұл коммерциялық сайт, әсіресе, егер әрбір келушінің бағалаймыз.

   барлық қолайлы нәрсе ме немесе шолғыш үшін барлық нұсқаларын қарастыру.