Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Emtikhan_zhauaptary_1.docx
Скачиваний:
0
Добавлен:
01.07.2025
Размер:
792.06 Кб
Скачать

Id селекторлар көмегімен де стильдерді тұтас блок бойынша меншіктеуге болады. Бұл селекторларды да идентификатор деп атайды. Сондай идентификаторды қарастырайық.

<style>

#myid { position:relative; left:160px;

top:10px; width:350px; height:100px; }

</style>

Идентификаторды қолдану үшін <div> тэгі қолданылады. Мәтінді осындай блокқа орналастыру үшін мына кодты пайдалану керек: <div ID=myid>

Стилдерді әрбір HTML-құжаттың <head> денесіне тіркеп отыру қажет. Бұл кемістік стилдің барлық жазылуын жеке файлға тіркеу арқылы оңай түзетіледі. Кеңейтілімі *.css (CSS - Cascading Style Sheets) болатын файл, ол стилдердің каскадты кестесі дегенді білдіреді.

Кезкелген мәтіндік редакторда styles.css немесе басқа атпен (мұнда *.css кеңейтілімі болу керектігін ұмытпау қажет) файл құрамыз және алғашқы жолдан бастап бірден элементтер үшін өзімізге таныс схема бойынша мынаны жазамыз:

Тег_аты {1тег_параметрі: мәні; ... }

Тег_аты.класс {1тег_параметрі: мәні; ... }

.класс {1тег_параметрі: мәні; ... }

Осы жеке файлды сіздің HTML-бетіңізге қалай енгізуге болады? Бұл өте оңай. Ол үшін <head> тэгінің денесіне мына кодты орналастыру жеткілікті:

<head>

<link rel="stylesheet" type=

"text/css" href="styles.css">

</head>

Міне осы жалғыз кодпен сіз өзіңіздің HTML- құжатыңызға қаншама стилдер, кластар және т.басқаларды қосуыңызға болады

Мета-тэгтер (мета-анықтағыштар) – бұл беттің бейнеленуіне тікелей жауап бермейтін (бет мәтінінің символдарының кодталуын орнатудан басқасында), бірақ браузер мен іздегіш жүйелердің жұмысына белсенді ықпал ететін тэгтер. Мета-тэгтер HTML-құжаттың тақырыбында, яғни <head> пен </head> тэгтерінің арасына жазылады. Әдетте оларды тақырып тэгтері <title> … </title> -ден кейін жазады. Жалпыланған түрде бұл тэгтер екі түрде беріледі:

  1. <meta http-equiv=”аты” content=”мазмұны” >

  2. <meta name=”аты” content=”мазмұны” >

Мета-тэгтер тақырыбына тапсырма:

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]