Satırbaşı yapmak
<br>
Klavyede yazarken alt satıra inmek için enter tuşunu kullanıyorsunuz. Ama web sayfası hazırlarken bu işe yaramaz. Alt satıra inmek istediğinizi sizin kod yazarak belirtmeniz gerekir. <br> yazdığınız zaman, yazınızı satırbaşı yapmadan yazmış olsanız bile, yazınız web sayfanızda satırbaşı yapılmış olarak görünür. Bu komutu "/" işareti ile kapatmak zorunlu değildir.
paragraf yapmak
<p>
Paragraf yapmak için kullanılır. Paragraf, Hem satırbaşı hem de bir satır boşluk olması demektir. Bu komutu "/" işareti ile kapatmak zorunlu değildir.
Yazının sola dayalı olması için:
<p>Yazınızı buraya yazacaksınız</p>
Yazının ortada olması için:
<p align=center>Yazınızı buraya yazacaksınız</p>
Yazının sağa dayalı olması için:
<p align=right>Yazınızı buraya yazacaksınız</p>
Kalın (Bold) yazı
<b>Yazınızı buraya yazacaksınız</b>
Eğik (İtalik) yazı
<i>Yazınızı buraya yazacaksınız</i>
Altı çizgili (underline) yazı
<u>Yazınızı buraya yazacaksınız</u>
Ama dikkat etmeniz gereken bir şey var. Biliyorsunuz, link verilen kelimelerin de altı çizgili oluyor. Yani altı çizgili bir kelime gördüğümüzde aklımıza gelen şey başka bir sayfaya gidecek olmamız... Siz link vermediğiniz kelimeleri altı çizgili yaparsanız, insanları yanıltmış olacaksınız. Onun için dikkat edin ...
Peki... Hem kalın hem eğik yazmak istersek ne yapacağız?
O zaman her iki kodu da peş peşe kullanacağız.
<b><i> Yazınızı buraya yazacaksınız</i></b>
Yani ne kadar özellik vermek istiyorsak onların hepsini kod olarak peş peşe yazabiliriz. Ama kodları kapatmayı hiçbir zaman unutmayın.
Resimleri sayfamıza yerleştirmeye yarayan etiketimiz img src="resmin adı" etiketidir. Tırnak işaretlerinin arasına koyacağımız resmin adını yazarız. Şimdi bunu bir örnekle gösterelim:
<html>
<head>
<title>Sayfada Resim </title>
</head>
<body>
<img src="cicek.jpg">
</body>
</html>
Resmin ortaya hizalanması
<img src="cicek.jpg align="center">
Resmin sağa hizalanması
<img src="cicek.jpg" align="right">
Resmimizin boyutlarını da belirleyebiliriz.
Bunun için resmin genişliğini ve yüksekliğini yazmamız gerekir. "width=230 height=252" etiketlerini kodumuza ekleriz.
<img src="cicek.jpg" width=230 height=252>
Resmin üzerine gelince görünen yazı
Mouse'umuzu yani faremizi sayfamızdaki bir resmin ya da grafik unsurun üstüne getirdiğimizde görünen açıklama metni koyabiliriz. Bu metinde resmin adı, sitemiz hakkında bilgi bulunabilir.
<img src="cicek.jpg" width=230 height=252 alt="web siteme hoş geldiniz ">
hatırlatma: Resimlerimiz ile .htm dosyalarımız aynı klasörde olmalı. Yoksa resimlerimiz gözükmez. Onun yerine bir çarpı işareti görmekte pek hoş olmaz...