HTML (Hyper Text Markup Language) sizlere internet sitesi hazırlamanızda yardımcı olur. Bu dil anlaşılması oldukça kolay, fazla karışık olmayan bir dildir. Günümüzde site yapmak için Frontpage, Dream Weaver gibi programlar kullanılıyorda olsa, profesyonel bir web sitesine imza atmak için bu dili bilmek gereklidir. HTML belgesini not defterinde hazırlayıp sonunu .htm ya da .html olarak kaydetmeniz yeterlidir. Sonra kodların tarayıcı tarafından okunması ve size o şekliyle ulaşmasına tanık olacaksınız. Kısaca bahsedelim...
* * *
TAG (Element)'larla ilgili Genel Bilgi
Bu HTML belgemizin ana dilidir. Açılan ve Kapanan Anahtarlar yardımıyla belgemiz tamamlanır. Örneğin: içerik Şeklinde açarız bilgiyi gireriz ve mutlaka kapatırız. Eğer Elementin kendi özelliğinde kapatılması yoksa tek olarak elemente yer veririz. Bunun gibi durumlarda element sonuna / işareti ekleriz. Örneğin:
gibi...
* * *
Element Özelliklerini Belirtmek
Elementlere ait özellikleri ilk açtığımız element içinde ozellik="deger" şeklinde tarayıcıya bildiririz. Örneğin: icerik
* * *
Elementi
Bu HTML belgemizin ilk ekleyeceğimiz ve son kapatacağımız TAG'ıdır.
* * *
Elementi
HTML TAG'ından sonra gelir ve içerikten önce kapatılır. Bu element sitemiz ile ilgili dil, tanıtım, stil vb. konularda bilgilerin tutulacağı bölüm olacaktır.
* * *
Elementi</span></div><br /><div class="YazK"> HEAD TAG'ından sonra getirilmelidir. Sayfamızın başlığını yazarız. Bu başlık tarayıcının en üst sağ köşesinde görünecektir.</div><br /> <div class="YazK" align="center">* * *</div><br /><br /><div class="Yaz"><span style="color:#0000ff;"><body> Elementi</span></div><br /><div class="YazK"> HEAD TAG'ının bitişi ile açılır ve HTML TAG'ının kapanmasından önce kapatılır. BODY TAG'ı belge içeriğini sunduğumuz kısımdır. Sayfamızın arkaplanı, yazıtipi rengi, link renkleri, kenarlıkları vb. konularda bilgi vermemiz içindir.</div><br /> <div class="YazK" align="center">* * *</div><br /><br /><div class="Yaz"><span style="color:#0000ff;">Açıklama Eklenmesi</span></div><br /><div class="YazK"> Açıklama hem işimizi kolaylaştırmak hemde kaynağı inceleyen birine yardım vermek için kullanılması gereken kodlardan biridir. Bu açıklamayı yazmak için <b><!--</b> ve <b>--></b> elementlerini kullanmalıyız. Açıklama bu iki elementin ortasına gelir. Unutmayın bu açıklama tarayıcıda görünmez ama kaynakta görünecektir.</div><br /> <div class="YazK" align="center">~ HTML Belgemiz ~<br /><textarea readonly="readonly" class="YazK" style="border: 1px solid rgb(150, 150, 150); background-color: rgb(245, 245, 245);" rows="10" cols="80"><html> <head> <title>Başlık
* * *
Yazıların Şekillendirilmesi
Yazı Şekillendirirken , , , , , , , , ... gibi TAG'ları kullanmaktayız... Aşağıdaki Örneği ve Sonuçlarını inceleyin...
NOT: paragraf başlangıcı demektir.
ile kapatılır.
~ HTML Belgemiz ~
~ Tarayıcıdaki Görüntüsü ~
Bir örnek Kalın Yazıya Bir örnek Vurgulu Yazıya Bir örnek Güçlü Yazıya Bir örnek Sağa Yatık Yazıya Bir örnek Normalden Yukarıda Yazıya Bir örnek Normalden Aşağıda Yazıya Bir örnek Üzeri Çizilmiş Yazıya Bir örnek Kod Yazısına Bir örnek Altı Çizili Yazıya
|
* * *
Yazı Şekillendirirken yazı tipi, yazı boyutu gibi özellikleri elementi kullanarak şekillendiririz. Örnek verecek olursak...
NOT:
satır atlama isteğini belirtir. Orjinal kullanımı
olup kapatılmaz.
Özellikleri:
size="deger" Yazının boyutudur. 0 ile başlar ve yükselir.
color="deger" Yazının rengidir. Hex Renk Kodu ya da ingilizce rengin adı olabilir.
face="deger" Yazıtipidir. Arial, Tahoma, Verdana vs. bunlar birer yazıtipidir.
~ HTML Belgemiz ~
~ Tarayıcıdaki Görüntüsü ~
Times New Roman tarzında bir yazı...
4 boyutunda yazı...
3 boyutunda yazı...
2 boyutunda yazı...
1 boyutunda yazı...
Bu yazı #FF0000 rengindedir.
Bu yazı 'kırmızı' (red) rengindedir.
Bu yazı 2 boyutunda ve mavi renklidir
|
* * *
0 yorum:
Yorum Gönder