Редактор мәтіндері html5 құжатын жасау

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

• 
  жіберу: форманы жіберу үшін қолданылатын батырма
  
• 
  ысыру: форма мәндерін қалпына келтіруге арналған батырма
  
• 
  батырма: арнайы мақсатсыз батырма
  
• 
  Егер батырма форманы жіберу үшін қолданылса, яғни ол = «submit» атрибуттар жиынтығына ие болса, онда біз оған бірқатар қосымша атрибуттар орната аламыз:
  
• 
  форма: жіберу батырмасы тағайындалған форманы анықтайды
  
• 
  формирование: Форма жіберілетін мекенжайды орнатады. Егер форма элементінде әрекет атрибуты болса, онда ол қайта жазылады
  
• 
  форма түрі: деректерді жіберу пішімін орнатады. Егер форма элементіне enctype атрибуты орнатылса, онда ол қайта жазылады
  
• 
  формалық әдіс: Пішінді жіберу әдісін орнатады (пост немесе алу). Егер форма элементінде әдіс атрибуттарының жиынтығы болса, онда ол қайта жазылады
  

Бұл жағдайда селектор-div. Бұл селектор бұл стильдің барлық div элементтеріне қолданылатындығын көрсетеді.

Селектордан кейін бұйра жақшаларда стиль туралы хабарландыру блогы бар. Ашылатын және жабылатын бұйра жақшалар арасында элементті қалай пішімдеу керектігін көрсететін командалар анықталады.

background-color меншікті білдіреді, ал red-мән. Меншік белгілі бір стильді анықтайды. Css қасиеттері көп. Мысалы, артқы түс фон түсін анықтайды. Кейін двоеточия жүріп мәні бұл үшін қасиеттері. Мысалы, жоғарыдағы пәрмен артқы-түс қасиетін қызыл деп анықтайды. Басқаша айтқанда, элементтің фоны үшін "қызыл", яғни қызыл түс орнатылады.

Әр командадан кейін үтір қойылады, ол осы команданы басқалардан бөледі.

Мұндай стильдердің жиынтығы көбінесе стиль кестелері немесе CSS деп аталады (Cascading Style Sheets немесе каскадты стиль кестелері). Стильдерді анықтаудың әртүрлі тәсілдері бар.

Стиль атрибуты

Бұл жағдайда нәтиже алдыңғы жағдайдағыдай болады.

Көбінесе стиль элементі head элементінің ішінде анықталады, бірақ оны HTML құжатының басқа бөліктерінде де қолдануға болады. Стиль элементінде стильдер жиынтығы бар. Әр стиль алдымен селекторды көрсетеді, содан кейін бұйра жақшаларда css қасиеттері мен олардың алдыңғы мысалда қолданылған мәндері бірдей анықталады.

Екінші әдіс html кодын стиль элементіне стильдерді енгізу арқылы таза етеді. Бірақ үшінші әдіс бар, ол сыртқы файлға стильдерді енгізуден тұрады.

Біз HTML парағындағы бір қалтада styles деп аталатын мәтіндік файл жасаймыз.css және онда келесі мазмұнды анықтаңыз:

Бұл стиль элементінің ішіндегі стильдер. Сонымен қатар html бет кодын өзгертіңіз:

Енді стиль элементі жоқ, бірақ жоғарыда жасалған styles файлын қосатын сілтеме элементі бар.css:

Осылайша, сыртқы файлдағы стильдерді анықтай отырып, біз html кодын таза етеміз, парақтың құрылымы оның стилизациясынан бөлінеді. Бұл анықтамада стильдер элементтердің ішінде немесе стиль элементінде анықталғаннан гөрі өзгерту оңайырақ және HTML5-те бұл әдіс қолайлы.

Сыртқы файлдарда стильдерді пайдалану кэштеу механизмі арқылы веб-серверге жүктемені азайтуға мүмкіндік береді. Веб-шолғыш css файлын кэштей алатындықтан және веб-параққа келесі рет кірген кезде кэштен қалаған css файлын шығара алады.

Мұнда екі элемент анықталған - H2 тақырыбы және div блогы. Тақырып Түс сипатының көмегімен мәтіннің көк түстерін анықтайды. Div блогында еннің (width), биіктіктің (height), сондай-ақ өң түсінің (background-color) қасиеттері анықталған.