Html web sayfalarını oluşturmak için kullanılan standart metin işaretleme dilidir. Html ile dinamik web sayfaları yapılamaz, web tarayıcı yazılım dillerini düzgün olarak görüntülenmesi için kullanılır. sayfaismi.html şeklinde oluşturulur.
html sayfasının standart kodları aşağıdaki gibidir. <html> etiketi ile html sayfası başlanır <head> etiketleri içinde sayfa bilgileri, meta bilgileri, style bilgileri bulunur. <body> etiketi içinde sayfanın içinde gözükecek kodlar yer alır…
<html>
<head>
<title>BAŞLIK KISMI</title>
</head>
<body>
...
</body>
</html>
html de bir çok etiket var, <br> <h1>..<h6> <ul> <li> <p> <img> <a> <div> <span> bunlardan başlıcaları
CSS, html etiketlerini, metinleri vs. şekildirmek için kullanılan web teknolojisidir. bir etiketin genişliği, yüksekliği, arkaplan rengi, yazı boyutu ve rengi gibi özellikleri değiştirilebilir.
Css html etiketlerinin içine yazıldığı gibi head etiketleri arasınada yazılabilir veya başka bir dosyadan import edilebilir, örneğin <div> etiketinin arkaplan rengini <div style=”background:red”> şeklinde değiştirebildiğimiz gibi head etiketlerinin içine <style> div { backgroun: red } </style> yazarak da aynı işlemi yapabiliriz.
Özel bir alana etki etmek için class veya id özelliklerini kullanırız. kullanım şekli aşağıdaki gibidir. id için “#”, class için “.” kullanılır.
<html> <head> <style> #idismi{ width:250px; height:250px; border:solid 2px; } .classismi{ background:url(http://upload.wikimedia.org/wikipedia/commons/e/e6/Wikipedia-logo-tr.png); } </style> </head> <body> <div id="idismi"> <div class="classismi">HHGsun</div> </div> </body> </html>