HTML kodum hatalı mı?

KS
Hüsnü_Çoban

Hüsnü_Çoban

Decipat
Katılım
5 Nisan 2020
Mesajlar
1.193
Çözümler
4
Yer
İstanbul Asayiş Polis Merkezinde
Bu link anlamanız için daha güzel olur, örnekleri de var.
Diyelim ki bir yazıya arka plan, yazı rengi vs vereceksiniz. Bunu HTML içerisine kod olarak yazmanız yerine CSS dosyasından çağırabilirsiniz.

HTML Kodları:
<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="style.css">
</head>
<body>

<h1>İçerik başlığı</h1>
<p>İçerik yazısı</p>

</body>
</html>

CSS Kodları:
body {
  background-color: powderblue;
}
h1 {
  color: blue;
}
p {
  color: red;
}

Örnek olarak verdiğim kodlar, H1 başlığı diyelim CSS kodunda mavi olarak yazıldığı için direk mavi rengi çekecek.
İçerik yazısı da CSS de kırmızı olduğu için yazılar kırmızı renkte yazacak.
"syles.css" masaüstüne mi atayım?
 

Black-Tim

Kilopat
Katılım
19 Mart 2015
Mesajlar
1.311
Makaleler
2
Çözümler
8
Tüm dosyalar bir klasör içerisinde olmalı. CSS dosyasını da istersen direk klasör içerisine atarsın, istersen de klasör için de alt klasöre koyarsın.
Örnek, site (ana klasör adı) css (alt klasör adı) CSS linkini de css/style.css yolu olarak göstereceksin.
Senin tam olarak yapmak istediğin şey nedir peki? Tek sayfadan oluşan HTML dosyası mı yapmaya çalışıyorsun?
 
KS
Hüsnü_Çoban

Hüsnü_Çoban

Decipat
Katılım
5 Nisan 2020
Mesajlar
1.193
Çözümler
4
Yer
İstanbul Asayiş Polis Merkezinde
Tüm dosyalar bir klasör içerisinde olmalı. CSS dosyasını da istersen direk klasör içerisine atarsın, istersen de klasör için de alt klasöre koyarsın.
Örnek, site (ana klasör adı) css (alt klasör adı) CSS linkini de css/style.css yolu olarak göstereceksin.
Senin tam olarak yapmak istediğin şey nedir peki? Tek sayfadan oluşan HTML dosyası mı yapmaya çalışıyorsun?
Mesela ben bunu dosyasız herhangi bir yere koyacağım ama dosyasız mümkün mü?
(Örnek: Discord'a atacağım.Ancak her ayar çalışsın.
 

omerkircicek

Femtopat
Katılım
8 Haziran 2020
Mesajlar
43
Yazdığın CSS kodlarını <style>... </style> etiketinin içine almayı unutuyorsun her seferinde ona dikkat et style etiketinin içine yazmaz isen HTML olarak okur ve doğru çalışmaz.
 

Ellie11

Picopat
Katılım
6 Ekim 2020
Mesajlar
67
Bu şekil mi yapmaya çalıştınız? Kodlarınız biraz dağınık ve eksik. p demişsiniz ama ekranda örnek olarak gözükecek p tanımlamamışsınız. Parça parça giderseniz daha kolay oturur.
Ekran Alıntısı.PNG

<!DOCTYPE html>
<html>
<head>
<title>MİLİTUMDEREX-Eğlenceli Discord sunucusu!</title>


<style type="text/css">


body{
background-color:green;
}

p{
text-decoration:none;
font-size:120px;
color:dimgray;
}


a{
text-decoration: none;
color: white;
padding: 10px 25px;
text-align:center;
texr-decoration: none;
display: inline-black;
}


</style>
</head>

<body>
<p>Deneme Yazısıdır.</p>
<a href="Technopat Sosyal"> Technopat Sitesi Linki</a>
</body>

</html>
 
Yukarı