Html Nedir ? Html Kodları Öğreniyoruz | Saglamblog
html kodlari ders

Html Nedir ? Html Kodları Öğreniyoruz

HTML kodları web site yapmak için gereken en temel parçalardır. Php programlamaya başlarken de ilk etapta en çok kullanılan html kodlarını öğrenmekle işe başladım.Blogumu takip eden arkadaşların bildiği gibi bu yıl PHP ile wordpress tema kodlamaya karar verdim.Kendi temamı kodlayabilmek için ilk olarak Html ,ikinci ders Php ve son olarak Mysql veritabanı öğrenmeyi planlıyorum.

html-kodlar
html-kodlar

HTML Nedir ? Ne için kullanılır ?

Bir bebeğin ilk kelimesinin “Anne” olması gibi biz webmasterların da ilk kodu “<html>” ile başlar.Bir web sitesi yapmak istiyorsak bize lazım olan üç temel şey Ana düzeni Html kodlar ile oluşturup,Css ile süsleyerek,Php ile de işlem yapabilmesini sağlamaktır.Arama motorları html gibi kodları çözümleyerek web sitesini bizlere görsel tasarım olarak sunarlar.Ancak bir sitenin sayfasında “Öğeyi Denetle” yaparak arka planda ne kadar çok kodun çalıştığını görebilirsiniz.

PHP DERSLERİNE BAŞLIYORUM !

BU YAZIYA DA BAKMALISIN 😉
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="keywords" content="ozlemsaglam,saglamblog,webmaster,tavsiye filmler">
    <meta name="description" content="Blogumuzda php derslerini adım adım anlatıyoruz..">
    <meta name="author" content="ozlemsaglam">
    <!-- Mobile Metas -->
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
</head>

Html kodlarını yazmak için bir programa bile ihtiyacımız yok.Bilgisayarımızda Notepad++ ,Not Defterini açıp html kodlarını girerek bile kodları yazmaya başlayabiliriz.Ancak profesyonel olarak çalışmalar yapmak istiyorsak o zaman Sublime Text ya da Macromedia Dreamweaver kullanabilirsiniz.Ayrıca bu programlarda kod yazarken önceden algılamasıyla yazmak daha kolay oluyor ve yazılar rengarenk olunca kodların içinde kaybolmuyorsunuz . 🙂

HTML kodlama yazarken nelere dikkat etmek gerekir ?

  • Görsel düzenleme kodları <body> etiketleri arasında yazılır.
  • Açtığınız bir çok kodu / yaparak kapatmanız gerekir.
  • Türkçe karakter kullanılmaz.Zaten kodlar da ingilizcedir.
  • Kodlarda küçük büyük harf fark etmez.

TEMEL HTML KODLARI

Son olarak bu dersimizde bilmemiz gerek basit html kodlarının ne işe yaradığından kısaca bahsedelim.Kodları gerçekten öğrenmek istiyorsanız yazmak yerine uygulamalar yapmayı deneyin.Böylece kısa zaman içinde hemde örnekleriyle öğrenmiş olursunuz.

<!–…–>: Açıklama Ekleme
<!DOCTYPE>: Dosya Türü Yazma
<a>: Site içi veya dışı bağlantı vermek için kullanılır.
<abbr>: Kuruluş ve yer gibi isimlerin kısaltılmasında kullanılır.
<acronym>: Kısaltmanın açıklamasını eklemek için kullanılır.
<address>: Adres eklemek için kullanılır.
<area>: Resim üzerinde alan belirtmek için kullanılır.
<base>: Bağlantılar için ana yol bildirirken kullanılır.
<blockquote>: Herhangi bir kaynaktan/siteden alıntı yapıldığında belirtmek için kullanılır.
<br>: Alt satıra geçmek için kullanılır. <br /> şeklinde kullanılır.
<button>: Buton oluşturmak için kullanılır. (Gönder, indir, yükle vb.)
<caption>: Tablo başlığı belirtmek için kullanılır.
<code>: Bilgisayar kodu şeklinde yazmak için kullanılır.
<dd>: Açıklama eklemek için kullanılır.
<div>: Kodları gruplandırmak ve dosyada alan belirtmek için kullanılır. Bir sitede üst kısım, alt kısım, yorum ve içerik gibi birçok farklı alanın karışmaması için kullanılır.
<fieldset>: Alan belirlemek için kullanılır. <div> etiketi ile benzer. Yazılan kodun çerçeve içine alınmasını sağlar.
<form>: Form (İletişim formu gibi…) eklemek için kullanılır. İnput eiketleri ile birlikte kullanılır.
<frame>: Çerçeve oluşturmak için kullanılır.
<frameset>: Çerçeve dizisi oluşturmak için kullanılır.
<img>: Resim eklemek için kullanılır.
<ul>,<li>, <ol>: Listeleme yaparken kullanılır. Oluşturulan her liste için <ul> tagı açılmalı ve içerisine <li> ve <ol> tagları eklenmeli. <li> ve <ol> için aynı kullanım söz konusu değildir. <li> nokta şeklinde liste yaparken <ol> numaralandırma ile liste yapar.
<meta>: <head> ve </head> tagları arasında kullanılır. meta etiketlerinin doğrulanması ve sistemle ilgili bilgi vermek için kullanılır.
<option>: <select> tagı ile birlikte kullanılır. <select> tagı ile belirlediğiniz seçimin her seçeneğinde <option> kullanılır.
<pre>: Kod paylaşımı yapılmak istendiğinde kullanılır. <pre>….</pre> tagları arasında yazdığınız kodlar çalışmayacak sadece gösterilecektir. Yani yazdığınız kodların çalışmadan gösterilmesi için kullanılır.
<select>: Seçim yapmak için kullanılır. Sayfada yer alan herhangi bir seçim kutusu için kullanılır. Örneğin; yaş, cinsiyet, şehir, bölge vb.
<script>: JavaScript kodlarını çağırırken kullanılır.
<style>: CSS kodlarının çağrılmasında kullanılır.
<table>: Tablo oluşturmak için kullanılır. Tablonun satırları için <tr>, sütunları için <th> tagları kullanılır. <tbody> ve <thead> etiketleri de tablo oluştururken kullanılır. Başlık ve içerik satırını belirtir.
H1,…H2: Heading etiketlerine listenin en sonunda değinmek istedik. Heading etiketleri mutlaka bilinmesi gereken HTML etiketleridir. Büyükten küçüğe doğru sıralanan başlık etiketleridir. Yazınız içerisinde hiyerarşik yapı oluşturmanızı sağlar. En büyük başlık H1 ve en küçük olanda H6’dır.

https://www.moradam.com/14643/html-nedir-nasil-kullanilir-html-kod-rehberi/

2 Yorum

  1. İlk baba diyecek Cevapla

    Bir bebeğin ilk kelimesi baba oldugu gibi yeni doğan bir webmaster de ilk kelimesi html olmalı, haklısınız

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

yeğen sözleri- saxenda kullanıcı yorumları- at isimleri-efexor kullanıcı yorumları-kızlara güzel sözler -yangın merdiveni-hayır lokması-düğün davetiyeleri-Yangın merdiveni-yangın merdiveni-yangın merdiveni-yangın merdiveni-yangın merdiveni-yangın merdiveni-yangın merdiveni-yangın merdiveni