[table_of_contents]
Metin Yapılandırma
HTML’de yazmış olduğun metinlerin birbirinden farklı görüntülenmesini sağlayabilirsin. Alt yazı, üst yazı vs. tipindeki yazılar oluşturmak istersen şu etiketleri kullanılabilirsin:
html-metin
Bu etiketleri kullanan örnek bir kod bloğu ve ekran görüntüsünü aşağıda bulabilirsiniz.
<html> <head> <title>Metin Yapılandırma</title> </head> <body> Yazının <strong>bu kısmı kalın</strong> olarak, <i>bu kısmı ise italik</i> olarak tasarlanmıştır.<br/> <br/> Ayrıca <small>bu bölüm küçük</small>, <big>bu bölüm ise büyük</big> olarak yazılmıştır.<br/> <br/> İçerik yazılırken <sup>üst yazı</sup> ya da <sub>alt yazı</sub> kullanılabilir.<br/> <br/> İçerikteki yazının <strike>üzeri</strike> ya da <u>altı çizilebilir</u>.<br/> <br/> <tt>tt etiketi ile yazınıza bu görünümü verebilirsiniz.</tt><br/> <br/> <blockquote>Blok yazının görünümü de bu şekilde oluyor.</blockquote><br/> <br/> </body> </html>
html-metin
Font Stilleri
Font stillerini metin yapılandırma elementleri ile yapabileceğin gibi font rengi, büyüklüğü gibi işlemleri font etiketi ile gerçekleştirebilirsin. Font etiketinin bazı özelliklerini aşağıdaki tablodan görüntülüyebilirsin:
html-font-1
html-font-2
font etiketinin kullanıldığı örnek kod bloğu ve ekran görüntüsü aşağıda sunulmuştur:
<html> <head> <title>Metin Yapılandırma</title> </head> <body> Normal bir yazı içerisinde, font etiketinin yardımı ile, <font color="red">renk</font> bilgisi, yazı <font size="+3">boyutu</font> ve yazı <font face="Arial Bold">tipi</font> değiştirilebilir. </body> </html>
html-font-style
Tablo Oluşturma
HTML’de çok sık kullanılan tablolar, sayfa içi tasarımların oturtulması için kullanılabilir. Aynı zamanda Word’de olduğu gibi tablo formatında veriler görüntülemek için de bu özellikten faydalanılabilir. Tablonun özellikleri aşağıdaki şekildedir:
tablo-1-html
tablo-2-html
İki satır ve iki sütundan oluşan bir tablo en basit haliyle aşağıdaki gibi oluşturulabilir.
<table style="width: 100%"> <tr> <td>[Satır 1 Sütun 1]</td> <td>[Satır 1 Sütun 2]</td> </tr> <tr> <td>[Satır 2 Sütun 1]</td> <td>[Satır 2 Sütun 2]</td> </tr> </table>
html-tablo-ornek-ekran
Tablo oluştururken Visul Studio’nun tablo oluşturma ekranlarını da kullanabilirsin. Herhangi bir html sayfasının design kısmındayken Visual Studio’nun menülerine baktığında Table isimli bir menü dikkatini çekecektir. Bu menü aracılığı ile sihirbazlarla kod yazmadan basit html tasarımlar yapmak mümkündür.
Sağlıcakla kalın bizi takip edin 
Konular: anlatım, biçimlendir, etiket, font, hızlı, html, kaynak, kod, kodhane, kolay, komut, metin, öğren, örnek, parametre, rehber, tablo, tablo özellikleri, türkçe, yapılandırma, yazı
Yorum yok
Bu yazı için Yorum Beslemesi
Geri izleme bağlantısı http://www.kodhane.com/html-metin-font-tablo.html/trackback