nternet’in icadından önce bir zaman düşünün. Web siteleri yoktu ve kağıda basılmış ve sıkıca bağlı kitaplar birincil bilgi kaynağınızdı. Peşinde olduğunuz bilgilerin tam olarak izini sürmek için oldukça fazla çaba ve okuma (okuma) gerekiyordu.
Bugün bir web tarayıcısı açabilir, istediğiniz arama motorunu seçerek dünyanın her hangi bir noktasındaki bilgiye rahatlıkla arayabilirsiniz. Akla gelebilecek herhangi bir bilgi parmaklarınızın ucuna gelmiş olur. İşte yazıda sizlere bu sayfa ve internet üzerindeki tüm sayfalarda kullanılan HTML kodlarını ve söz dizimlerini göstereceğim.
Kullandığımız Chrome, Firefox , Opera İnternet Explorer gibi tarayıcılar HTML kodlarını işleyerek bu kodları web sayfasına dönüştürür.
Bir web sayfasında görüntülenen tablo, paragraf, başlık vb. tüm içerik HTML Etiketlerinden oluşur.
Tablodaki HTML kodlarını, aşağıda başlıklar halinde HTML Kodları Anlamları ve HTML Kodları Örnekleri şeklinde daha detaylı olarak bulabilirsiniz.
Aşağıda en basit haliyle bir HTML belgesini görüyorsunuz.
Yukarıdaki HTML kodlarını açıklamaya geçmeden önce bir soruya cevap verelim.
Html kodu yazmak için bilgisayarlara bir program yüklemek gerekmez. Wordpad, not defteri gibi bir metin editörü ile Html sayfaları oluşturabilirsiniz.
Kod yazmayı daha kolay hale getirmek için dreamwear, Sublime Text, Brackets veya Notepad++ gibi programlar kullanılabilir. Yazılan html kodları kaydedilirken;
htm, xhtml ve html gibi tarayıcıların anlayacağı şekilde kaydedilmesi gerekir.
Biz örneklerimizde metin düzenleyicisi olarak Brackets programını kullanacağız.
HTML Etiketleri (tag) “<” ve “>” işaretleri arasına yazılır.
Bir HTML öğesi genellikle içeriğin arasına yerleştirilen bir başlangıç etiketi ve bitiş etiketinden oluşur. Örnek: <p>…….</p>
Bitiş etiketi, başlangıç etiketi gibi yazılır, ancak etiket adından önce bir “/” eklenir. “<html> </html>” , “<p> </p>” vb.
Yukarıda en basit haliyle yazdığımız HTML kodlarını açıklayalım.
<!DOCTYPE html> bildirimi belgeyi HTML5 olarak tanımlar.
<html> </html> Tüm etiketleri saran, html kodu ile kodlama işleme yapılması gerektiğini belirten sayfanın başında açılarak sayfanın sonunda da kapatılan etiketin adıdır. <html> … </html> şeklinde açılmalı ve kapanmalıdır.
<head> </head> etiketi belge hakkında meta bilgileri içerir. Bu bölümdeki yazılan hiç bir şey sayfada görünmez. Meta öğeleri genellikle sayfa açıklaması, anahtar kelimeler, belgenin yazarı, son değiştirilen ve diğer meta verileri belirtmek için kullanılır.
<title> </title> bu etiketler arasına yazdıklarınız tarayıcınızda başlık olarak görüntülenecektir.
<body> </body> Sayfamızın içeriği ile ilgili tüm HTML kodları buraya yazılacaktır. Başlıklar, paragraflar, resimler, videolar, listeler vb..
Bu konu da ilginizi çekebilir: Temel HTML Kodları
Html belgesinin temel etiketlerini açıkladık. Artık içerik oluşturmak için kullanılan HTML Kodlarına (HTML Etiketleri) geçelim.
Yorum etiketleri, HTML kaynak koduna yorum eklemek için kullanılır.
Aşağıdaki sözdizimini kullanarak HTML kaynağınıza yorum ekleyebilirsiniz:
Bugün bir web tarayıcısı açabilir, istediğiniz arama motorunu seçerek dünyanın her hangi bir noktasındaki bilgiye rahatlıkla arayabilirsiniz. Akla gelebilecek herhangi bir bilgi parmaklarınızın ucuna gelmiş olur. İşte yazıda sizlere bu sayfa ve internet üzerindeki tüm sayfalarda kullanılan HTML kodlarını ve söz dizimlerini göstereceğim.
HTML Kodları ve Anlamları
HTML (Hyper Text Markup Language), Web sayfaları oluşturmak için kullanılan işaretleme dilidir.Kullandığımız Chrome, Firefox , Opera İnternet Explorer gibi tarayıcılar HTML kodlarını işleyerek bu kodları web sayfasına dönüştürür.
Bir web sayfasında görüntülenen tablo, paragraf, başlık vb. tüm içerik HTML Etiketlerinden oluşur.
| HTML Giriş | |
| Başlarken… | HTML kodları nerede yazılır? |
| HTML yazım kuralı | Basit HTML belgesi |
| HTML yorum etiketi – Yorum Satırları Oluşturma |
| Metin Düzenleme Etiketleri | |||
| a | em | strong | small |
| s | cite | q | dfn |
| abbr | ruby | rp | rt |
| rtc | data | time | code |
| var | samp | kbd | sub |
| sup | i | b | u |
| mark | bdi | bdo | span |
| br | wbr |
| Tablo Etiketleri | |||
| table | caption | colgroup | col |
| tbody | thead | tfoot | tr |
| td | th |
| Form Etiketleri | |||
| form | label | input | button |
| select | datalist | optgroup | option |
| textarea | output | progress | meter |
| fieldset | legend |
Başlarken…
Bu derste HTML ile kendi Web Sayfanızı oluşturabileceksiniz. Çünkü HTML öğrenmek oldukça kolaydır.Aşağıda en basit haliyle bir HTML belgesini görüyorsunuz.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <!DOCTYPE html> <html> <head> <title>Ben tarayıcıda görünen başlık metniyim  </title></head> <body> <h1>Bu bir Başlık</h1> <p>Bu da benim ilk paragrafım. Merhaba HTML. Merhaba Dünya</p> </body> </html> |
Yukarıdaki HTML kodlarını açıklamaya geçmeden önce bir soruya cevap verelim.
HTML Kodları Nerede Yazılır?
Html kodu yazmak için bilgisayarlara bir program yüklemek gerekmez. Wordpad, not defteri gibi bir metin editörü ile Html sayfaları oluşturabilirsiniz.Kod yazmayı daha kolay hale getirmek için dreamwear, Sublime Text, Brackets veya Notepad++ gibi programlar kullanılabilir. Yazılan html kodları kaydedilirken;
htm, xhtml ve html gibi tarayıcıların anlayacağı şekilde kaydedilmesi gerekir.
Biz örneklerimizde metin düzenleyicisi olarak Brackets programını kullanacağız.
HTML Yazım Kuralları
HTML Etiketleri (tag) “<” ve “>” işaretleri arasına yazılır.Bir HTML öğesi genellikle içeriğin arasına yerleştirilen bir başlangıç etiketi ve bitiş etiketinden oluşur. Örnek: <p>…….</p>
Bitiş etiketi, başlangıç etiketi gibi yazılır, ancak etiket adından önce bir “/” eklenir. “<html> </html>” , “<p> </p>” vb.
HTML Belgesi
Yukarıda en basit haliyle yazdığımız HTML kodlarını açıklayalım.<!DOCTYPE html> bildirimi belgeyi HTML5 olarak tanımlar.
<html> </html> Tüm etiketleri saran, html kodu ile kodlama işleme yapılması gerektiğini belirten sayfanın başında açılarak sayfanın sonunda da kapatılan etiketin adıdır. <html> … </html> şeklinde açılmalı ve kapanmalıdır.
<head> </head> etiketi belge hakkında meta bilgileri içerir. Bu bölümdeki yazılan hiç bir şey sayfada görünmez. Meta öğeleri genellikle sayfa açıklaması, anahtar kelimeler, belgenin yazarı, son değiştirilen ve diğer meta verileri belirtmek için kullanılır.
<title> </title> bu etiketler arasına yazdıklarınız tarayıcınızda başlık olarak görüntülenecektir.
<body> </body> Sayfamızın içeriği ile ilgili tüm HTML kodları buraya yazılacaktır. Başlıklar, paragraflar, resimler, videolar, listeler vb..
Bu konu da ilginizi çekebilir: Temel HTML Kodları
Html belgesinin temel etiketlerini açıkladık. Artık içerik oluşturmak için kullanılan HTML Kodlarına (HTML Etiketleri) geçelim.
HTML Yorum Etiketi
Yorum etiketleri, HTML kaynak koduna yorum eklemek için kullanılır.Aşağıdaki sözdizimini kullanarak HTML kaynağınıza yorum ekleyebilirsiniz:
| 1 2 3 | <!-- Yorumunuzu buraya yazın --> |
Ekli dosyalar
-
1608730730938.png -
1608730755656.png -
1608730779201.png