Asosiy veb-sahifa CSS va html yuklashda emas

Men HTML dunyosida yangi odamman va CSSda oddiy html veb-sahifasi yaratishga harakat qilaman, lekin veb-sahifa faqat bo'sh, iltimos menga yordam bering, shuningdek, konsolda hech qanday xato yo'q.

linking14.html

<html>
    <head>
    <link href="C:\Users\Manuj Srivastava\Desktop\html tutorials\css\linking14.css" rel="stylesheet" type="text/css">
                                        
    </head>
    <body>
        <div id="div1"></div>
        <div id="div2"></div>
        <div id="div3"></div>
        <div id="div4"></div>
        <div id="div5"></div>
        <div id="div6"></div>
    </body>
</html>

va linking14.css

#div1{
    width: "300px";
    height: "200px";
    background: "firebrick"; 
} 
#div2{
    width:"300px";
    height:"200px";
    background:"skyblue";     
}
#div3{
    width:"300px";
    height:"200px";
    background:"slateblue";   
}
#div4{
    width:"300px";
    height:"200px";
    background:"firebrick" ;  
}
#div5{
    width:"300px";
    height:"200px";
    background:"#1BE7FF";
        float:left;
}
#div6{
    width:"300px";
    height:"200px";
    background:"#052633";
        float:left;
}
0
@ManujSrivastava bir oz maslahat, papka nomlari va fayl nomlari bo'sh joylaridan foydalanmang va agar siz fayllarni Linux muhitida joylashtirsangiz, har bir narsa katta-kichikligi sezgir bo'ladi.
qo'shib qo'ydi muallif Arne Banck, manba
@ManujSrivastava bir oz maslahat, papka nomlari va fayl nomlari bo'sh joylaridan foydalanmang va agar siz fayllarni Linux muhitida joylashtirsangiz, har bir narsa katta-kichikligi sezgir bo'ladi.
qo'shib qo'ydi muallif Arne Banck, manba
@ManujSrivastava bir oz maslahat, papka nomlari va fayl nomlari bo'sh joylaridan foydalanmang va agar siz fayllarni Linux muhitida joylashtirsangiz, har bir narsa katta-kichikligi sezgir bo'ladi.
qo'shib qo'ydi muallif Arne Banck, manba
<head> </head> bilan <title> (nomingiz) </title> </> yorlig'i.
qo'shib qo'ydi muallif Anthony Rutledge, manba
<head> </head> bilan <title> (nomingiz) </title> </> yorlig'i.
qo'shib qo'ydi muallif Anthony Rutledge, manba
<head> </head> bilan <title> (nomingiz) </title> </> yorlig'i.
qo'shib qo'ydi muallif Anthony Rutledge, manba
CSS-ni html-ga bog'ladingizmi?
qo'shib qo'ydi muallif Sallu Salman, manba
CSS-ni html-ga bog'ladingizmi?
qo'shib qo'ydi muallif Sallu Salman, manba
CSS-ga brauzerdan to'g'ridan-to'g'ri kirishga urindingizmi?
qo'shib qo'ydi muallif Gabriel Chi Hong Lee, manba
CSS-ga brauzerdan to'g'ridan-to'g'ri kirishga urindingizmi?
qo'shib qo'ydi muallif Gabriel Chi Hong Lee, manba
wscschool saytidan css, JS faylini yuklab oling va uni .html faylingizga bog'lang. Har qanday muammo uchun ushbu havolani w3schools.com ga murojaat qiling.
qo'shib qo'ydi muallif KiranPurbey, manba
@GabrielChiHongLee Ha, men unga kirishim mumkin .. !!
qo'shib qo'ydi muallif Manuj Srivastava, manba
@SalluSalman ha ha qildim .. !!
qo'shib qo'ydi muallif Manuj Srivastava, manba
@SalluSalman ha ha qildim .. !!
qo'shib qo'ydi muallif Manuj Srivastava, manba
@GabrielChiHongLee Ha, men unga kirishim mumkin .. !!
qo'shib qo'ydi muallif Manuj Srivastava, manba
@GabrielChiHongLee Ha, men unga kirishim mumkin .. !!
qo'shib qo'ydi muallif Manuj Srivastava, manba

14 javoblar

CSS xususiyatlarining qiymatlari uchun "" tirnoqlarini ishlatmang

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

#div1{
 
    width: 300px;
    height: 200px;
    background: firebrick;

}

#div2{
    width:300px;
    height: 200px;
    background:skyblue;     
}
#div3{
    width:300px;
    height:200px;
    background:slateblue;   
}
#div4{
    width:300px;
    height:200px;
    background:firebrick;  
}
#div5{
    width:300px;
    height:200px;
    background:#1BE7FF;
        float:left;
}
#div6{
    width:300px;
    height:200px;
    background:#052633;
        float:left;
}
<div id="div1"> </div>
    <div id="div2"> </div>
    <div id="div3"> </div>
    <div id="div4"> </div>
    <div id="div5"> </div>
    <div id="div6"> </div>
</div> </div>
2
qo'shib qo'ydi

Muammo sizning CSS xususiyatlaringiz uchun qadriyatlaringiz "" tirnoqlarida joylashganligidir.

#div4{
    width:"300px";
    height:"200px";
    background:"firebrick";
}

Qanday bo'lishi kerak:

#div4{
    width: 300px;
    height: 200px;
    background: firebrick;
}

CSS faylingiz to'g'ri ulangan bo'lsa ham, CSS kodi invlaid property value CSS yuklangan.

0
qo'shib qo'ydi

Agar bu sharh bo'lishi kerak bo'lsa

bo'lishi kerak

<!--relation and accordingly type is set-->

Va men sizga maslahat beraman, siz loyiha fayllarini CSS , scripts , yoki boshqa fayllarni

read here`

0
qo'shib qo'ydi
Ha, noto'g'ri sintaksik kodi odatda HTML tomonidan e'tiborga olinmaydi, lekin uni buzishi mumkin.
qo'shib qo'ydi muallif Vladivarius, manba

Agar bu sharh bo'lishi kerak bo'lsa

bo'lishi kerak

<!--relation and accordingly type is set-->

Va men sizga maslahat beraman, siz loyiha fayllarini CSS , scripts , yoki boshqa fayllarni

read here`

0
qo'shib qo'ydi
Ha, noto'g'ri sintaksik kodi odatda HTML tomonidan e'tiborga olinmaydi, lekin uni buzishi mumkin.
qo'shib qo'ydi muallif Vladivarius, manba
<link>

Bu tegning src xususiyati Windows fayl yo'li konventsiyalaridan foydalanmasligi kerak. Veb-serveringizga nisbatan fayl yo'lini ishlatish. Fayl nomlari yoki papkalarni bo'shliqlardan foydalanmayman.

<link type="text/css" href="css\linking14.css" rel="stylesheet">
0
qo'shib qo'ydi
Men uni o'zgartirdim, lekin hali ham ishlamayapman .. :(
qo'shib qo'ydi muallif Manuj Srivastava, manba
<link>

Bu tegning src xususiyati Windows fayl yo'li konventsiyalaridan foydalanmasligi kerak. Veb-serveringizga nisbatan fayl yo'lini ishlatish. Fayl nomlari yoki papkalarni bo'shliqlardan foydalanmayman.

<link type="text/css" href="css\linking14.css" rel="stylesheet">
0
qo'shib qo'ydi
Men uni o'zgartirdim, lekin hali ham ishlamayapman .. :(
qo'shib qo'ydi muallif Manuj Srivastava, manba
<link>

Bu tegning src xususiyati Windows fayl yo'li konventsiyalaridan foydalanmasligi kerak. Veb-serveringizga nisbatan fayl yo'lini ishlatish. Fayl nomlari yoki papkalarni bo'shliqlardan foydalanmayman.

<link type="text/css" href="css\linking14.css" rel="stylesheet">
0
qo'shib qo'ydi
Men uni o'zgartirdim, lekin hali ham ishlamayapman .. :(
qo'shib qo'ydi muallif Manuj Srivastava, manba

CSS fayli bilan pastki papkaga nisbatan bog'lanish va hamma narsa yaxshi bo'ladi:

<link href="css\linking14.css" rel="stylesheet" type="text/css">

Faqat linking14.html va CSS pastki papkasining bir xil papkada ekanligiga ishonch hosil qiling.

Shuni esda tutingki, bu havola sezgirdir, shuning uchun CSS fayli "Linking14.css" deb nomlangan bo'lsa, siz html fayliga sarmoya kiritishingiz kerak bo'ladi.

0
qo'shib qo'ydi

Agar sizning html fayli CSS fayli bir xil papkada bo'lsa, quyidagi linkni o'zgartiring:

<link href="linking14.css" rel="stylesheet" type="text/css">

"CSS" pastki papkasida joylashgan bo'lsa, quyidagi linkni o'zgartiring:

<link href="css/linking14.css" rel="stylesheet" type="text/css">
0
qo'shib qo'ydi

O'zgarishni qilib ko'ring

<link href="C:\Users\Manuj Srivastava\Desktop\html tutorials\css\linking14.css" rel="stylesheet" type="text/css">

uchun

<link type="text/css" href="css/linking14.css" rel="stylesheet">

Also, use forward slashes. I would not use spaces in my file names, or directory names. Know what your webroot is. It helps when trying uchunspecify relative paths uchunresources.

0
qo'shib qo'ydi
kod yangilandi. Iltimos, tekshiring. orqaga slash (\) oldinga siljish (/)
qo'shib qo'ydi muallif Sallu Salman, manba
hali ekranda hech narsa yo'q .. !! :(
qo'shib qo'ydi muallif Manuj Srivastava, manba

O'zgarishni qilib ko'ring

<link href="C:\Users\Manuj Srivastava\Desktop\html tutorials\css\linking14.css" rel="stylesheet" type="text/css">

uchun

<link type="text/css" href="css/linking14.css" rel="stylesheet">

Also, use forward slashes. I would not use spaces in my file names, or directory names. Know what your webroot is. It helps when trying uchunspecify relative paths uchunresources.

0
qo'shib qo'ydi
kod yangilandi. Iltimos, tekshiring. orqaga slash (\) oldinga siljish (/)
qo'shib qo'ydi muallif Sallu Salman, manba
hali ekranda hech narsa yo'q .. !! :(
qo'shib qo'ydi muallif Manuj Srivastava, manba

O'zgarishni qilib ko'ring

<link href="C:\Users\Manuj Srivastava\Desktop\html tutorials\css\linking14.css" rel="stylesheet" type="text/css">

uchun

<link type="text/css" href="css/linking14.css" rel="stylesheet">

Also, use forward slashes. I would not use spaces in my file names, or directory names. Know what your webroot is. It helps when trying uchunspecify relative paths uchunresources.

0
qo'shib qo'ydi
kod yangilandi. Iltimos, tekshiring. orqaga slash (\) oldinga siljish (/)
qo'shib qo'ydi muallif Sallu Salman, manba
hali ekranda hech narsa yo'q .. !! :(
qo'shib qo'ydi muallif Manuj Srivastava, manba

Windows katalog strukturasidan foydalaning

C:\Users\Manuj Srivastava\Desktop\html tutorials\css\linking14.css

Bu bo'lishi kerak

./css/linking14.css

./ joriy papka

0
qo'shib qo'ydi
Hali ham nt ishlaydigan ... :(
qo'shib qo'ydi muallif Manuj Srivastava, manba

Windows katalog strukturasidan foydalaning

C:\Users\Manuj Srivastava\Desktop\html tutorials\css\linking14.css

Bu bo'lishi kerak

./css/linking14.css

./ joriy papka

0
qo'shib qo'ydi
Hali ham nt ishlaydigan ... :(
qo'shib qo'ydi muallif Manuj Srivastava, manba