Yazı karakterleri arasında 2 ya da daha fazla boşluk vermek için "&nbsp" etiketi kullanılmalıdır. Kaç adet boşluk verilecek ise aralarında ; işareti kullanarak " &nbsp" olarak kullanılmaktadır.

Örnek kullanım : A &nbspB kullanıldığın da  A  B  olarak görüntülenmektedir.

Listeleme yaparken rakam ya da harf kullanmak değil de, madde işaretleri kullanmak isterseniz <ul> etiketini kullanmalıyız.

Örnek Kullanım :

<ul type="disc">       "•" karakteridir.

<ul type="circle">     "°" karakteridir.

<ul type="square">   "·" karakteridir.

Makale içerisindeki yazılarınızı alt alta numaralı, alfabetik ve roma rakamlı olarak sıralamak istenildiğinde kullanılır. <ol>Oder list, <li>List İtem olarak adlandırılır

Örnek Kullanım:

1-Kelime 1

2-Kelime 2

3-Kelime 3

olarak göstermek için

<ol>

     <li>Kelime 1</li>

     <li>Kelime 2</li>

    <li>Kelime 3</li>

</ol>

A- Kelime 1
B- Kelime 2
C- Kelime 3

olarak göstermek için kod aşağıdaki gibidir.

<ol type="A"> 

Ayrıca sıralamanızın herhangi bir rakam ya da harf ile başlamasını istiyorsanız "start" komutunu kullanmalıyız. Örnek : Listenizi "E" harfinden başlayarak sıralamak isterseniz:

<ol type="A" start="E">  komutu kullanılır.

Web tasarımı yaparken sayfa içerisinde bazı alanları KALIN, italik ve altı çizili yapmamız gerekebilir. Bu durumda kullanacağımız kodlar

<b>Kalın yazı</b>

<u>Altı Çizili yazı</u>

<i>İtalik yazı</i>

<br>alt satıra geçer

Html, web sayfası yapılması için kullanılan en temel işaretleme dilidir. HTML (Hyper type markup language) ile oluşturulan sayfaların dosya adı .html olarak kaydedilmektedir ya da .htm olarak kayıt edilmektedir.

Örnek Bir HTML sayfası oluşturalım. Bilgisayarımızdan NOT DEFTERİ programını aşalım ve aşağıdaki kodları yerleştirelim :

<html>

<head>

<title>Merhaba</title>

</head>

<body>

Sitenize eklenecek içerik

</body>

</html>

olarak sayfamıza kodlarımızı yerleştirdiğimizde sonuç aşağıdaki gibi olacaktır.

html1

Html kodları ile web tasarımı yapılırken bazı etiket kurallarına dikkat etmek gerekmektedir.

1- Html kodları Türkçe karakter içermez.

2- Html etiketleri "<" ile başlar ">" ile kapatılır

3- Html etiketi "<etiket>" olarak açılır ve "</etiket>" olarak kapatılır

4- Etiketler iç içer yer alır ve ilk etiketten başlayarak kapatılır.

Örnek : <b><u> yazı </u></u>

5- Bir etiket bitmeden başka bir etiket açılırsa yeni etiket biraz içeriden başlamalı ki okunabilirlik artsın.

Örnek : <font color="red"> yazı </font>

        <b>kalın yazı karakteri</b>

6- Etiketlere parametreler eklenebilir.

Örnek : <body text="blue"> yazı </body>

Merhaba, Bu dersimizde temel html kod yapısını sizler ile paylaşacağız. Öncelikle yaptığımız her çalışma <html> </html> kodları arasında olmalı. Basit bir html şablonu yapmak gerekirse ;

 

<html>

<head>

<title> </title>

</head>

<body>

 

 

</body>

</html>

 

olarak ifade edebiliriz.

<html> etiketi web sayfasında bulunan ilk etikettir. Tarayıcıda sayfanın başladığı ve bittiği yeri bildirir.

<head> etiketi HTML belgesinin ilk bölümüdür. Web sayfası ile ilgili temel özellikleri, sayfa başlığı (title), yazı karakter kümesi, web sayfası ile ilgili anahtar kelimeler burada tanımlanır. <head> etiketi arasında "meta" etiketi kullanılır. Bu etiket siteyi tarayıcıya ve arama motorlarına tanıtır.

Örnek : <meta "author" content="isim soyisim"> gibi. Aynı zamanda tasarımcı kimliğini yansıtır.

<meta name "description" content="Html eğitimi için">

<meta name"keyword" content="anahtar kelime">

Meta etiketi ile oluşturulmuş bilgileri kullanıcıya görülmez. Ancak tarayıcı da GÖRÜNÜM menüsü altında KAYNAĞI GÖRÜNTÜLE tıklanıldığında kodları görebilirsiniz.

<meta http-equius "content-type" content="text/html, charset="UTF-8"> Türkçe karakter seti

Web Tasarım

Mersin Web Tasarım

Akdeniz Bölgesi’nin nadide şehirlerinden olan Mersin son yıllarda giderek gelişme göstermiştir. Özellikle yapılan yatırımlar

Yozgat Web Tasarım

Şerifbey Konağı, Merkez Çapanoğlu Camii, Çayıralan Çerkez Bey Türbesi, Çandır Şah- Sultan Hatun Türbesi,

Çanakkale Web Tasarım

Arıburnu Kayalıkları, Tuz Gölü, Çanakkale Müzesi, Ayvacık, Bozcaada, Poyraz Limanı,

Batman Web Tasarım

Avcı Dağı, Ilısu Barajı, Hasankeyf, İluh Tepesi, Gercüş- Kırkat Göleti, Dicle Nehri, Batman Baraj Gölü, Batman

Sinop Web Tasarım

Hamsilos Koyu, Karakum Plajı, Erfeek Şelaleri, İnaltı Mağarası, Sinop Kalesi, Balatlar Kilisesi, Akgöl, Sarıkum Plajı,

Adıyaman Web Tasarım

Adıyaman Dünya’nın 8. Harikası olan Nemrut Dağı ile ünlüdür. Atatürk Barajı, Çamgazi Barajı, Karakuş Höyüğü,

Osmaniye Web Tasarım

Toprakkale, Kastabala Antik kent, Harun Reşit Kalesi, Aşılı Kalesi, Aslantaş Müzesi, Karaçay Şelalesi,

Tokat Web Tasarım

Ali Tusi Türbesi, Ali Paşa Hamamı, Saat Kulesi, Takyeciler Camii, Tatar Hacı Camii

Amasya Web Tasarım

Amasya tarihi ve kültürel zenginlikleri ile son derece dikkat çekici bir şehirdir. Yeşilırmak kıyı boyunca yer alan Yalı

Eskişehir Web Tasarım

Porsuk Barajı, Gümüşkonak Kaplıcaları, Sivil Havacılık Müzesi, Etnografya Müzesi, Seyit Battal Gazi Külliyesi,

Kocaeli Web Tasarım

Vidinli Sırrı Paşa Konağı, Gayret Tepe Müzesi, Maşukiye Kirazlı Yaylası, Kartepe Kayak Merkezi,

Niğde Web Tasarım

Şah Mescidi, Hanım Camii, Hüdavend Hatun Kümbeti, Güllüdağ Harabeleri, Su Kemerleri, Niğde Müzesi, Sungurbey Kütüphanesi,

Karaman Web Tasarım

Ermenek Kalesi, Hacı Beyler Camii, Çelebi Mescidi, Hatuniye Medresesi, Akça Mescid, İbrahim Bey İmalatı

Yalova Web Tasarım

Yürüyen Köşk, Kara Kilise, Delmece Yaylası, Su Düşen Şelalesi, Armutlu Kaplıcaları, Yalova, Erikli Şelalesi,

Muğla Web Tasarım

Ölüdeniz, İztuzu Plajı, Fethiye Limanı, Saklıkent, Bodrum Kalesi, Bodrum Sualtı Arkeoloji Kalesi, Kayaköy, Dalyan Nehri,