HTML kodum hatalı mı?

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.

[CODE title="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>[/CODE]

[CODE title="CSS Kodları"]body {
background-color: powderblue;
}
h1 {
color: blue;
}
p {
color: red;
}[/CODE]

Ö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?
 
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?
 
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.
 
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.
 
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>
 

Yeni konular

Geri
Yukarı