Html ile Web İşlemleri 10 - Paragraf ve Metin Biçimlendirme
Paragraf ve Metin Biçimlendirme Etiketleri
HTML sayfalarında paragraf oluşturmak için <p> etiketi kullanılır. <p> etiketi, blok HTML etiketidir. Blok ögeler iç içe kullanılmaz fakat satır içi HTML etiketleri diğer satır içi etiketler ile yan yana kullanılabilir.
Uygulama - 6
Paragraflar ve metin biçimlendirme işlemini yönergeler doğrultusunda gerçekleştiriniz.
Bu, metnin altını çizer
Bu kalın bir metindir
Bu Güçlü bir metin
Bu italik metindir
Bu, metin vurgulu
Bu, kelime işaretli
Bu küçük bir metin
Bu büyük metin
Bu metin değil bu metin olmalı
Lütfen ŞU yerine BUNU ekleyin
H 2 O
x 3
Ben bu metni değil bu metni istiyorum
Bu farklı bir yazı tipidir
</p>
<html>
<head>
<title>Metin Biçimlendirme Uygulaması</title>
</head>
<body>
<p>
Bu, <u> metnin </u> altını çizer <br/>
Bu <b> kalın </b> bir metindir <br/>
Bu <strong> Güçlü </strong> bir metin <br/>
Bu <i> italik </i> metindir <br/>
Bu, metin <em> vurgulu </em> <br/>
Bu, kelime <mark> işaretli </mark> <br/>
Bu <small> küçük </small> bir metin <br/>
Bu <big> büyük </big> metin <br/>
Bu <del> metin değil </del> bu metin olmalı <br/>
Lütfen ŞU yerine <ins> BUNU </ins> ekleyin <br/>
H <sub> 2 </sub> O <br/>
<hr/>
x <sup> 3 </sup> <br/>
Ben <strike> bu metni değil </strike> bu metni istiyorum <br/>
Bu <tt> farklı </tt> bir yazı tipidir
</p>
</body>
</html>
 |
| Görsel 3.11. Metin biçimlendirmesi |
NOT: Görsel 3.11’ de metin biçimlendirme etiketleri kullanılarak oluşturulan HTML belgesinde, sık kullanılan HTML etiketlerinin nasıl yazıldığı ve tarayıcıda nasıl görüntülendiği gösterilmiştir. Bu örnekte kullanılan <b>, <u>, <i> anlamsal olmayan etiketlerdir.
Modüler Sistem Konuları
4.3. E-Posta Adresine Bağlantı Oluşturma
Hazırlamakta olduğunuz web sitesi aracılığıyla istenilen herhangi bir e-posta adresine bağlantı oluşturabilirsiniz.
E-posta adresine bağlantı oluşturmak için;
<a href=”mailto:e-posta adresi”>….</a> komutu kullanılır.
Örnek:
<a href=”mailto: etogm@meb.gov.tr”> E-posta göndermek için tıklayınız.</a>
Yukarıdaki html komut satırını yazıp kaydettiğinizde tarayıcıdaki görüntü aşağıdaki gibi olacaktır.
E-posta göndermek için tıklayınız yazısına, tıklandığı zaman konu, bilgi ve e-posta adresi gibi bilgilerin girilebileceği Şekil 4.1’de görünen e-posta gönderme programı açılacaktır. İstenilen bilgiler yazıldıktan sonra “Gönder” düğmesine tıklandığında, e-postamız gönderilmiş olur.
Şekil 4.1: E-posta adresine bağlantı oluşturma
Hiç yorum yok