Web sitelerinin temel yapısını oluşturan HTML, yani Hiper Metin İşaretleme Dili, dijital dünyanın olmazsa olmazlarındandır. “HTML Nedir? Yeni Başlayanlar İçin HTML Kodları” başlıklı bu blog yazısı, internetin arka planında yer alan bu gizemli dilin sırlarını açıklayacak ve kodlama bilgisine sahip olmayanları bile birer HTML kullanıcısı yapacak. HTML’in temel tanımından başlayarak, en sık kullanılan etiketleri, bu etiketlerin nasıl yazılacağını ve sonuç olarak nasıl bir HTML dosyası oluşturulup bir tarayıcıda nasıl açılacağını adım adım keşfedeceksiniz. HTML dünyasına hoş geldiniz demeden önce, gelin önce “HTML Nedir?” ile bu serüvene başlayalım!
HTML Nedir?
HTML (Hypertext Markup Language), web sayfalarını oluşturmak için kullanılan standart bir işaretleme dilidir. Temel olarak, web içeriğinin yapısını ve sunumunu tanımlamak için kullanılır ve internetin temel taşıdır. HTML, metinleri, resimleri ve diğer multimedya öğelerini biçimlendirmek ve hiperlinkler yoluyla birbiriyle ilişkilendirmek için tasarlanmıştır.
Herhangi bir web sayfası, aslında HTML etiketleri adı verilen özel metin parçaları sayesinde düzenlenmektedir. Bu etiketler, tarayıcıya içeriğin nasıl görüntülenmesi gerektiğini söyler. Aynı zamanda HTML dosyası, tarayıcı tarafından okunabilen ve kullanıcıya grafiksel bir arayüz şeklinde sunulan düz metin dosyasıdır.
HTML etiketleri, genellikle açılış ve kapanış etiketleri olmak üzere çiftler halinde gelir ve içerikleri bu etiketler arasına yerleştirilir. Örneğin, bir paragrafı işaretlemek için
etiketi kullanılır. HTML ayrıca belge yapısını tanımlamak için başlık, liste, tablo ve form gibi çeşitli etiketler sunar.
Modern web geliştiriciliğinde HTML, CSS (Cascading Style Sheets) ve JavaScript ile birlikte çalışarak kullanıcılara zengin ve etkileşimli web deneyimleri sunar. Bu üç teknoloji, günümüz webinin yapı taşlarını oluşturur ve birlikte web sayfalarının hem estetik hem de fonksiyonel olarak üst düzeyde olmasını sağlar.
Temel HTML Etiketleri Nelerdir?
HTML, web siteleri oluşturmak için kullanılan standart işaretleme dilidir. HTML’de kullanılan temel etiketler, belirli bir sayfa yapısını oluşturur ve web tarayıcılarına içeriği nasıl görüntüleyecekleri konusunda talimatlar verir. Her etiketin kendine has bir amacı vardır ve birlikte kullanıldığında kapsamlı bir web sayfası yapısının temellerini atmaktadırlar.
Örneğin, etiketi, bir dokümanın HTML ile yazıldığını belirtir ve genellikle ile etiketlerini içerir. etiketi, karakter kodlaması, başlık, tarayıcı ikonu gibi sayfa ile ilgili meta bilgileri taşır, buna karşın etiketi sayfanın görünen içeriğinin bulunduğu bölümü kapsar.
ile arası etiketler, başlıkları ve altyazıları hiyerarşik bir düzen ile oluşturmak için kullanılırken, etiketi paragraf tanımlamada önemli rol oynar. Ayrıca, etiketi ile link vermek, etiketi ile görüntü eklemek, ve
ya da listeleme için kullanılır. Her bir etiket, web sayfasının yapısını ve sunumunu etkileyerek kullanıcı deneyimini doğrudan etkiler.
HTML etiketleri, iç içe kullanılabilir ve bu etiketler sayesinde tablo oluşturmak için
, form oluşturmak için ve diğer önemli işlevleri icra edebilecek çok sayıda yardımcı etiketler mevcuttur. Web geliştirmenin temelini oluşturan bu etiketler, her web geliştiricisinin bilmesi gereken temel yapı taşlarıdır ve modern web sayfalarının olmazsa olmazıdırlar.
HTML Etiketleri Nasıl Yazılır?
HTML etiketleri, web sayfalarını oluşturmak için kullanılan yapı taşlarıdır ve doğru bir şekilde yazılmaları, sayfanın düzgün bir şekilde işlev görmesini sağlar. HTML etiketleri genellikle açılış () ve kapanış () olmak üzere çiftler halinde yer alır; bu, içerdikleri içeriğin başlangıcını ve sonunu belirtir. Açılış ve kapanış etiketleri arasına, kullanıcıya gösterilecek metin, resimler ya da diğer elementler yerleştirilir.
HTML etiketleri yazılırken dikkat edilmesi gereken bir diğer önemli nokta, etiketlerin iç içe kullanımıdır. Örneğin, bir
(paragraf) etiketi içerisine bir etiketi yerleştirerek metnin belli bir kısmını kalın yapabiliriz. Bu kullanımın doğru olabilmesi için, iç içe yerleştirilen etiketlerin kapanış sırasının da doğru bir şekilde uygulanması gerekir. Yani, ilk açılan etiket en son kapanmalıdır.
Bir HTML etiketi yazarken, etiketin özelliklerini (attributes) belirlemek de çok önemlidir. Örneğin, bir resim eklemek için kullanılan etiketinde, resmin kaynağını belirten src özelliği ve resmin alternatif bir metnini belirten alt özelliği gibi özellikler bulunur. Bu özellikler, etiketin işlevini ve tarayıcı tarafından nasıl işleneceğini belirler. Bu durumda doğru bir etiket yazımı şu şekilde olacaktır: .
HTML etiketlerinin yazımı, web geliştirmede başarıya giden yolda atılması gereken ilk adımlardandır. Etiketlerin doğru kullanımı, global etiketinden, içeriği bölümlere ayıran
etiketine, başlık etiketleri olan '''den '''ya ve interaktif form elementlerini içeren gibi birçok farklı etikete uzanabilir. Profesyonel bir web sitesi oluşturmak için HTML etiketlerinin yanı sıra CSS ve JavaScript gibi teknolojilerin de etkin bir şekilde kullanılması önemlidir.
HTML Dosyası Nasıl Oluşturulur?
HTML Dosyası oluşturma süreci, web geliştirme dünyasına adım atan herkes için ilk ve vazgeçilmez adımlardandır. HTML, HyperText Markup Language kelimelerinin kısaltmasıdır ve web sayfalarını oluşturmak için kullanılan standart metin işaretleme dilidir. HTML dosyası oluşturmak için temel bir metin editörü yeterlidir; örneğin Notepad (Windows), TextEdit (macOS) veya daha gelişmiş bir IDE (Entegre Geliştirme Ortamı) kullanabilirsiniz.
İlk adım olarak, metin editörünü açın ve HTML etiketlerini kullanarak basit bir HTML sayfası yapısını yazmaya başlayın. HTML sayfasının temel yapısı, doctype beyanı, , , , ve etiketlerini içermelidir. Bu etiketler, bir HTML dokümanının en temel ve olmazsa olmaz yapı taşlarıdır ve tarayıcılara sayfayı nasıl yorumlayacaklarını söylerler.
Dokümanınıza içerik ekledikten sonra, dosyayı .html uzantısı ile kaydetmelisiniz. Örneğin, ‘ornek.html’ şeklinde bir dosya adı kullanabilirsiniz. Kayıt esnasında ‘Tüm Dosyalar’ seçeneğini seçmeyi ve metin dosyası tipi yerine HTML dosyası olarak kaydetmeyi unutmayın. Böylelikle tarayıcılar dosyanızı doğru bir şekilde tanıyacak ve işleyecektir.
Oluşturduğunuz HTML dosyasını test etmek için, dosyayı bir web tarayıcıda açmanız gerekmektedir. Dosyayı tarayıcıya sürükleyip bırakarak veya ‘Dosya’ menüsünden ‘Aç’ seçeneğini kullanarak HTML dosyanızı görüntüleyebilirsiniz. Eğer her şey doğru bir şekilde yapıldıysa, HTML dosyanız tarayıcıda sorunsuz olarak gösterilecektir ve böylece ilk HTML sayfanızı başarıyla oluşturmuş olacaksınız.
HTML Dosyasını Tarayıcıda Nasıl Açarız?
Herhangi bir HTML dosyasını tarayıcıda açmak, web geliştirme sürecinin önemli bir adımıdır. Kullanmakta olduğunuz işletim sistemine ve tercih ettiğiniz web tarayıcısına göre, farklı metotlar izlenebilir. Genel olarak, HTML dosyasını açmak için ihtiyaç duyulacak ilk şey, dosyanın bilgisayarınızda kayıtlı olduğundan emin olmaktır. Ardından, kullanmakta olduğunuz tarayıcıyı açarak, dosyayı bitişik bir sekmede görüntüleyebilirsiniz.
Temel yöntemlerden biri, HTML dosyasını doğrudan tarayıcınıza sürükleyip bırakmaktır. Bu aksiyon genellikle dosyayı tarayıcınızın yeni bir sekmesinde açar. Fakat bunu yapmadan önce, dosyanızın ‘.html’ veya ‘.htm’ uzantısına sahip olduğundan emin olmalısınız. Ayrıca, web tarayıcınızın güncel olduğundan emin olmak, potansiyel uyumluluk sorunlarını önleyebilir.
Eğer bu yöntemi tercih etmezseniz, HTML dosyasını açmanın bir diğer yolu ise tarayıcınızda ‘Dosya’ menüsünü bulmak ve ‘Aç’ veya ‘Dosya Aç’ seçeneğine tıklamaktır. Bu adımdan sonra, bilgisayarınızdan açmak istediğiniz HTML dosyasını seçmek için bir dosya seçici diyalog kutusu karşınıza çıkacaktır. Dosya seçildikten sonra, ‘Aç’ düğmesine basarak HTML içeriğini tarayıcınızda görüntüleyebilirsiniz.
Bazı durumlarda, HTML dosyasını tarayıcıya sürükleyip bırakmanın veya ‘Dosya’ menüsünden açmanın yanı sıra, dosya yöneticisinde dosyayı sağ tıklayarak da ‘Aç’ veya ‘Birlikte aç’ seçeneğini kullanarak dosyanızı web tarayıcınızda açabilirsiniz. Bu yöntem, özellikle birden fazla web tarayıcınız varsa ve belirli bir tarayıcıda dosyayı açmak istiyorsanız kullanışlıdır. Unutmayın ki HTML dosyasını tarayıcıda açmak, kodunuzun web üzerinde nasıl görüneceğini test etmenin hızlı ve etkili bir yoludur.
Sık Sorulan Sorular
HTML (Hypertext Markup Language), web sitelerini oluşturmak için kullanılan bir işaretleme dilidir. Web tasarımının temelini oluşturur çünkü web sayfalarının yapısını ve içeriğini tanımlamak için kullanılır.
HTML etiketleri genellikle bir açılış ve bir kapanış etiketi olmak üzere çiftler halinde yazılır. Örneğin, bir paragrafı
Paragraf metni
şeklinde belirtiriz. Etiketler iç içe yerleştirilerek bir hiyerarşi ve anlam bütünlüğü oluşturur.
Boş bir HTML dosyası oluşturmak için metin editörü kullanılır ve dosya .html uzantısıyla kaydedilir. Temel yapısında , , ve etiketleri bulunur.
bölümü içinde yer alan etiketleri arasına yazılan metin HTML dosyasının başlığı olarak belirlenir ve bu metin web tarayıcısının sekmesinde görünür.
HTML dosyasını tarayıcıda açmanın en basit yolu, dosyayı doğrudan bir web tarayıcısına sürükleyip bırakmaktır ya da dosya üzerinde sağ tıklayıp 'Open with' seçeneğinden tarayıcıyı seçmektir.
HTML öğrenirken resmi dokümantasyon, çevrimiçi tutoriallar, eğitim platformları ve web geliştirme forumlarından destek almak oldukça yararlı olabilir. Pratik yapmak ve gerçek projeler üzerinde çalışmak da öğrenme sürecini hızlandırır.