Anasayfa / Bilgisayar Mühendisliği / HTML (Hyper Text Markup Language)-2

HTML (Hyper Text Markup Language)-2

HTML Parametreleri

HTML etiketleri parametrelere sahip olabilir. Parametreler, HTML öğelerine  ek özellikler eklenmesini sağlar. Parametreler daima isim/değer çiftleri arasında gelir: name=”value”. Parametreler daima başlangıç etiketi içerisinde belirtilir.

<h1> başlık belirtir.

<h1 align=”center”> başlık belirtmesinin yanında, metinin ortalanacağını da belirtir.

<body> HTML’in body kısmını belirtir.

<body bgcolor=”yellow”> Body kısmını belirtmekle beraber, arkaplan renginin de sarı olacağını belirtir.

HTML Bağlantılar(Linkler)

HTML başka sayfalara kendi üzerinden bağlantı (link) kurmak için hyperlink (çoklu bağlantı) özelliğini kullanır.HTML başka bir dökümana link oluşturmak için <a> etiketini kullanır.

Örnek olarak;

<a href="https://www.herturbilgi.com/">Kodlayın, Tıklayın, Görün...</a>

Target parametresi ile dökümanın nerde açılacağını belirtebilirsiniz.

<a href="https://www.herturbilgi.com/"

target="_blank">Kodlayın, Tıklayın, Görün...</a>

Bu yeni bir pencerede açılacağını belirtir.

HTML Tablolar

Tablolar <table> etiketi ile belirtilir. Bir tablo <tr> etiketi satırlara bölünür ve her satır da <td> etiketi ile sütunlara bölünür. <td> etiketinin anlamı “table data”dır. Bir veri hücresi (data cell) metinler, resimler, listeler, paragraflar, formlar, yatay çizgiler, tablolar vs. içerebilir.

Örnek olarak;

<table border="1">
 <tr>
 <td>satır 1, hücre 1</td>
 <td>satır 1, hücre 2</td>
 </tr>
 <tr>
 <td>satır 2, hücre 1</td>
 <td>satır 2, hücre 2</td>
 </tr>
 </table>

Eğer bir border parametresi belirtmezseniz, tablonuz kenarlık olmadan görüntülenir.Kenarlıkları göstermek için aşağıdaki parametreyi kullanmalıdır.

<table border="1">
 <tr>
 <td>Satır 1, Hücre 1</td>
 <td>Satır 1, Hücre 2</td>
 </tr>
 </table>

Başlıklar <th> etiketi ile belirtilir.

<table border="1">
 <tr>
 <th>Başlık</th>
 <th>Başka Başlık</th>
 </tr>
 <tr>
 <td>Satır 1, Hücre 1</td>
 <td>Satır 1, Hücre 2</td>
 </tr>
 <tr>
 <td>Satır 2, Hücre 1</td>
 <td>Satır 2, Hücre 2</td>
 </tr>
 </table>

HTML Listeleme(Lists)

HTML, sıralı, sırasız ve tanımlama listelerini destekler.Sırasız bir liste maddelerden oluşur. Liste içeriği madde imleri ile işaretlenir.

Sırasız listeleme <ul> etiketi ile başlar. Her madde de <li> etiketi ile başlar.

 <ul>
 <li>Kahve</li>
 <li>Süt</li>
 </ul>

Sıralı listeleme <ol> etiketi ile başlar. Her madde de  <li> etiketi ile başlar.Maddeler rakamlar ile listelenir.

<ol>
 <li>Kahve</li>
 <li>Süt</li>
 </ol>

Bir tanımlama listesi maddelerin sıralanması demek değildir. Bu, terimlerin açıklanması demektir.
Bir tanımlama listesi <dl> etiketi ile başlar.

Her terim  <dt> etiketi ile başlar.

Each terimin tanımlaması da <dd> etiketi ile başlar

<dl>
 <dt>Kahve</dt>
 <dd>Koyu sıcak içecek</dd>
 <dt>Süt</dt>
 <dd>Beyaz soğuk içecek</dd>
 </dl>

HTML de Resimler

HTML dökümanlarda resimler <img> etiketi ile belirtilir. <img> etiketi kapalıdır, yani bu etiket mutlaka parametreler ile kullanılır ve bir kapatma etiketi bulundurmaz.Sayfanızda bir resim görüntüleyebilmek için “src” parametresini kullanmak zorundasınız. Src, “source” (kaynak) anlamına gelir. Buraya görüntülemek istediğiniz resim dosyasının yolunu yazarsınız.

<img src="resim yolu">

<img src="dosyalar/banner.jpg">

<img src="https://www.herturbilgi.com/dosyalar/banner.jpg">

Alt parametresi alternatif metin (alternate text) anlamına gelir. Bu metin, resimin üzerine mouse gelip bir süre beklendiği zaman görünen metindir.

<img src="home.gif" alt="Ana Sayfa">

HTML de Arkaplan

<body> etiketi arka plan belirlemek için iki tane parametre bulundurur. Bunlar “bgcolor” ve “background” parametreleridir. bgcolor ile arka plan rengi, background ile de bir arka plan resimi belirtebilirsiniz.

<body bgcolor="#000000">
 <body bgcolor="rgb(0,0,0)">
 <body bgcolor="black">

<body background="ornekler/background.jpg">
 <body background="https://www.herturbilgi.com/grafik/logo.jpg">

İyi Çalışmalar..

Hakkında Ali Demirci

Ben Ali Demirci... 1991 Ankara doğumluyum. Ankara da yaşıyorum. Fırsat buldukça öğrendiklerimi burada paylaşıyorum. Java ile haşır neşirim. Android'den asla vazgeçemem. Öğrenmeye bayılırım. Yeni şeyler öğrendiğimde, geçmişteki projelerimde keşke böyle yapsaydım diye çok üzülmüşümdür. O yüzden öğrenmekten korkmayın. Takıldığınız yerleri mutlaka sorun. Biliyorsam yanıt veririm. Bilmiyorsam yol gösteririm. Teşekkürler :)

Kontrol Et

İşletim Sistemlerine Giriş

İşletim sistemleri, bilgisayar donanımları ve kullanıcılar arasında iletişim sağlamak amacıyla yazılmış olan programlardır. Bilgisayar Nedir? …

Bir cevap yazın

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.