HTML ve CSS Hakkında Bilinmesi Gerekenler

tarafından
1
HTML ve CSS Hakkında Bilinmesi Gerekenler

HTML ve CSS Hakkında Bilmeniz Gerekenler

Web site oluşturmanın kolaylaşmasıyla herkes bir web site geliştirebilir. Basit bir web site geliştirirken kullanılan HTML ve CSS dilleri sizin için bir alternatif olabilir. Peki ya HTML ve CSS hakkında neler bilmeliyiz?

HTML Nedir CSS İle Birlikte Nasıl Kullanılır?

HTML bir web sitede görebildiğimiz yazılar görseller ve videoları göstermeye yarayan araçtır. Yazmak için ise bir not defteri belgesi oluşturup uzantısını “.html” olarak değiştirmeniz ardından da not defteri veya başka bir programla birlikte açarak içerisine yazmanızla oluşur.

Örnek bir HTML sayfası komutu:

Benim websitem Websiteme Hoşgeldiniz!

Bu sadece basit bir örnek html ile çok daha güzel işler yapılabilir. HTML’ i CSS ile birlikte kullanabilmek için ise “

” komutu kullanılır veya ufak bir CSS yazmak için “

css komutları ” kullanılır.

CSS Nedir Nasıl Yazılır?

CSS web sitenize şekillendirmeler yapmanızı sağlayan araçtır. Web sitenizin şık görünmesi için gereklidir. CSS olmadan bir siteyi şık göstermek çok zordur. HTML’ in yanında öğrenilmesi gereken bir araçtır. Ayrı bir dosyada CSS yazmak için bir not defteri belgesi oluşturup dosya uzantısını “.css” yaparak ve dosyayı not defteri veya başka bir programla birlikte açmak gerekir.

Örnek bir CSS:

body{

background-image:url(a.jpg);

background-position: top-center;

background-size: cover;

background-repeat: no-repeat;

opacity: 0.9;

}

#sablon{width:840px; height:auto; margin:30px auto;}

#banner{width:840px;height:100px; border:1px solid #ccc; background:#fff;}

#menu{width:840px; height:40px; border:1px solid #ccc; background:#fff; margin-top:10px;}

#icerik{width:840px; border:1px solid #ccc; background:#fff; margin-top:10px; height:500px;}

#reklam1{width:240px; height:240px; border:1px solid #ccc; background:#fff; margin-top:10px;}

#reklam2{width:240px; height:240px; border:1px solid #ccc; background:#fff; margin-top:10px;}

Bu da güzel bir CSS örneğidir. Bu yazdığınız CSS ile yazdığınız HTML’ i birleştirmek için ise “head” komutlarının arasına “

” komutu yazılır ve her bir CSS şekillendirmesini çağırıp içerisine bir şey yazmak için ise “

(yazacağınız yazı)

“ komutu kullanılır. Bütün şekillendirmeler ve yazılacak yazılar web siteyi geliştiren kişinin isteğine bağlıdır.