HTML ve CSS: Web Tasar\u0131m\u0131n\u0131n Temelleri<\/p>\n
Merhaba! Ben Fatih Soysal ve bug\u00fcn sizlerle web tasar\u0131m\u0131n\u0131n olmazsa olmaz ikilisi olan HTML ve CSS’yi detayl\u0131 bir \u015fekilde inceleyece\u011fiz. Bu makalede, HTML’in yap\u0131sal g\u00f6revini ve CSS’in g\u00f6rsel d\u00fczenleme g\u00fcc\u00fcn\u00fc ele alarak, web geli\u015ftirme yolculu\u011funuza sa\u011flam bir temel olu\u015fturman\u0131za yard\u0131mc\u0131 olmay\u0131 ama\u00e7l\u0131yorum. \u00d6ncelikle, her iki dilin ne oldu\u011funu ve nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 anlamakla ba\u015flayal\u0131m.<\/p>\n
HTML (HyperText Markup Language), web sayfalar\u0131n\u0131n temel yap\u0131s\u0131n\u0131 olu\u015fturan bir i\u015faretleme dilidir. Ba\u015fka bir deyi\u015fle, web sayfan\u0131z\u0131n iskeletini olu\u015fturan temel yap\u0131 ta\u015flar\u0131n\u0131 sa\u011flar. Paragraflardan ba\u015fl\u0131klara, resimlerden ba\u011flant\u0131lara kadar t\u00fcm i\u00e7erik HTML etiketleri kullan\u0131larak olu\u015fturulur. \u00d6rne\u011fin, bir paragraf olu\u015fturmak i\u00e7in A\u015fa\u011f\u0131da basit bir HTML \u00f6rne\u011fi yer almaktad\u0131r:<\/p>\n CSS (Cascading Style Sheets), HTML sayfalar\u0131n\u0131n stilini ve g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc kontrol etmek i\u00e7in kullan\u0131lan bir stil dilidir. K\u0131sacas\u0131, HTML’in iskeletine et ve kemiklerini ekleyen unsurdur. Renkler, yaz\u0131 tipleri, d\u00fczenlemeler, ve daha bir\u00e7ok g\u00f6rsel \u00f6\u011fe CSS ile kontrol edilebilir. Bu sayede, HTML’in sade yap\u0131s\u0131na estetik bir g\u00f6r\u00fcn\u00fcm kazand\u0131rabilir, web sitenizi kullan\u0131c\u0131lar i\u00e7in daha \u00e7ekici ve okunabilir hale getirebilirsiniz.<\/p>\n CSS, HTML’e \u00e7e\u015fitli \u015fekillerde eklenebilir. Bunlardan en yayg\u0131n olanlar\u0131; dahili stil, d\u0131\u015f stil ve sat\u0131r i\u00e7i stildir. Dizin stil dosyalar\u0131 kullanarak, web sitenizin genel g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc tek bir yerden y\u00f6netmek ve d\u00fczenlemek \u00e7ok daha kolayla\u015f\u0131r. Bu da web sitenizi d\u00fczenlemek ve g\u00fcncellemek konusunda daha fazla esneklik sa\u011flar.<\/p>\n \u00d6rne\u011fin, bir paragraf\u0131n rengini de\u011fi\u015ftirmek i\u00e7in a\u015fa\u011f\u0131daki CSS kodunu kullanabiliriz:<\/p>\n HTML ve CSS, birlikte \u00e7al\u0131\u015farak dinamik ve g\u00f6rsel a\u00e7\u0131dan zengin web sayfalar\u0131 olu\u015fturmam\u0131z\u0131 sa\u011flar. HTML, sayfan\u0131n i\u00e7eri\u011fini tan\u0131mlar; CSS ise bu i\u00e7eri\u011fin nas\u0131l g\u00f6r\u00fcnece\u011fini belirler. \u00d6rne\u011fin, HTML bir ba\u015fl\u0131\u011f\u0131 tan\u0131mlar, CSS ise bu ba\u015fl\u0131\u011f\u0131n boyutunu, rengini ve yaz\u0131 tipini belirler.<\/p>\n<p><\/code> etiketlerini, ba\u015fl\u0131klar i\u00e7in <h1><\/code> – <h6><\/code> etiketlerini kullan\u0131r\u0131z. Bu etiketler, taray\u0131c\u0131ya sayfan\u0131n nas\u0131l g\u00f6r\u00fcnt\u00fclenmesi gerekti\u011fini s\u00f6yler.<\/p>\n\n<!DOCTYPE html>\n<html>\n<head>\n <title>Basit Bir HTML Sayfas\u0131<\/title>\n<\/head>\n<body>\n <h1>Merhaba D\u00fcnya!<\/h1>\n <p>Bu benim ilk HTML sayfam.<\/p>\n<\/body>\n<\/html>\n<\/code><\/pre>\nCSS: Web Sayfalar\u0131n\u0131n G\u00f6rsel Tasar\u0131m\u0131<\/h2>\n
\np {\n color: blue;\n}\n<\/code><\/pre>\nHTML ve CSS’in Birlikte \u00c7al\u0131\u015fmas\u0131<\/h2>\n