Geçen dersde biz web sahypamyza <style> Şekil bermek hakda öwrenipdik. Indi bolsa style hakda has giñişleýin öwreneliň.
Biz bu sapakda, web sahypamyza href berip, style şekil bermegi öwreneris.
Geçen dersde biz style kodlarny index.html - faýlyň içinde ýazyp öwrenipdik.
Bu náçelik dogry!?
Eger biz àhli style kodlarmyzy index.html faýlynyň içinde ýazsak onda web sahypamyzyň index.html faýly juda oňaýsyn şekile geler.
Sebàbi uly web saýtlarda müňläp setir style kodlary ýazmaly bolýar. Egerde biz style kodlary index.html faýl içinde ýazsak bu ýagdaý index faýlymyzyň gatamagyna (doňmagyna) elter, we ençe kynçylyklar döreder.
Şol sebàpden, biz style kodlarny index faýlyndan aýry "style.css" - faýlyň içinde ýerleşdirmegi we style.css faýlyndaky ýazan şekil kodlarmyzy index.html saýtynda gòrünmegi üçin salgylanma bermegi öwreneliň.
ilki bilen biz şeýle faýllary döredeliň:
index.html - [ Html kodlary ]
style.css - [ Style şekil kodlary ]
<!Doctype html>
Bu ýerde biz style.css faýlyndaky şekil kodlarmyzy index.html faýlymyza salgylama berdik.
<head>
<title> Meniň web sahypam </title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1> ISLENEN.RU </h1>
<p> Html css - sapaklary. </p>
</body>
style.css - faýl içinde biz <style> beýle belgileri ulanmagmyz hökman dàl kodlary şeýle tertipde ýazyp bileris:
body {
background-color: white; [ Arka fon reňki ]
}
h1 {
color: green;
}
p {
text-align: center;
[ Texti merkezde görkezmek ]
color: red;
[ Textiň reňki iňlis dilinde reňk adlarny ulanyo hem bileris ýada ýöre reňk kodlaryndan peýdalansagam bolar mysal: #678945; 6 belgili reňk kodyny ýazyp bilersiñiz]
}
1 комментарий