HTML - Web’e Giriş

HTML’e Genel Bakış

HTML (Hypertext Markup Language)

(Hareketli Metin İşaretleme Dili)

Her şeyden önce bazen yanlış anlaşıldığı gibi HTML bir programlama dili değildir. HTML bir mark-up (metin işaretleme) dilidir, yani tag denen özel işaretlerle bir yazının tümünü ya da sadece bir kısmının görünümünü ve/veya işlevini değiştirmeye yarar.

Ayrıca, gelişen browser teknolojileri sayesinde, HTML içine yazılar dışında resim, ses, video, Java, JavaScript, VBScript gibi dillerle yazılmış programlar, ya da diğer nesneler de gömülebilir. Bu sayede bir HTML dokümanı düzenlenmiş, mizanpajı yapılmış bir metin dosyası olmaktan çıkıp tam anlamıyla bir multimedia ortamı olmaya da hizmet edebilir. Örneğin, browser'a özel olarak yazılan gerekli plug-in'ler (~eklentiler) sistemde varsa, HTML'le online bir gazete, bir slide-show, şirket-içi yazılımların çalışabildiği bir platform yaratabilirsiniz.

HTTP ve TCP/IP

Web sayfası tasarlarken, dikkat edeceğiniz en önemli unsur, sayfalarınızın içeriğinin sunuluş biçiminin önemli ölçüde ziyaretçinin bilgisayarının türü (Mac, PC, Sun), ziyaretçinin işletim sistemi (Windows 3.x, 95/98, NT, MacOS, Unix) ve kullandığı tarayıcı yazılımı (IE, Netscape, Mosaic, vs.) tarafından belirleneceği olmalıdır.

Bir Web sayfasının ziyaretçinin ekranına kadar kat’ettiği yolda çeşitli protokoller (kurallar) var. Bunların başında bir bilgisayar ağı olan Internet’in iletim kuralları (HTTP) geliyor. Hypertext dosyalarını olduğu kadar çoklu ortam unsurlarını (ses, video ve diğer grafik ögelerden oluşan Multimedia dosyalarını) ve bilgisayar programlarını ağ içindeki bilgisayarlar arasında alıp-vermeye yarayan başka protokoller de vardır: FTP (File Transfer Protocol-Dosya Aktarma Kuralları) bunlardan biridir.

Internet bağlantısı, bir telin iki ucunda bulunan iki bilgisayar arasındaki ilişki olarak görebilirsiniz. Sizin Web sayfalarınızın durduğu bilgisayar Web ilişkisinde “Server” (Hizmet eden) diye adlandırılır. Ziyaretçinin Internet’e telefon bağlantısı ile bağlı bilgisayarı, ise sizin için Client-Müşteri sayılır. Hizmet veren bilgisayarla, bu hizmetin müşterisi olan bilgisayar (Server ile Client) arasındaki ilişkiyi düzenleyen kurallara TCP/IP adı verilir (Transmission Control Protocol/Internet Protocol-İletim Denetim Kuralları/Internet Kuralları). Gerek HTTP, gerekse FTP, müşterinin, sizin bilgisayarınızdan, yani Web Server olarak adlandırdığımız HTML sayfaların ve bu sayfaların içinde yer alan resimlerin, grafiklerin, ses ve video dosyalarının durduğu bilgisayardan bilgi isteme ve bu istediğine karşılık verildiğinde verilen karşılığın doğru gelip gelmediğini anlamasını sağlar

Web Tarayıcıları

Web tasarımcısının, HTML komutları kadar, hatta onlardan da çok iyi bilmesi gereken, tarayıcıların HTML’i nasıl yorumladığıdır. Bu nedenle bir Web tasarımcısının bilgisayarında, Web server yazılımı bulunmayabilir (sayfalarına başka bir Internet Web Server hizmeti veren kişi veya firma evsahipliği yapıyor olabilir), ama mutlaka piyasaya mevcut Web tarayıcılarının hemen bütün geçerli sürümleri bulunmalıdır. Netscape firmasının Navigator ve Communicator adıyla piyasaya sürdüğü farklı sürümleri ayrı ayrı dizinlerde durmak şartıyla aynı bilgisayarda çalışabilir. Anacak Microsoft firmasının Internet Explorer adlı programının farklı sürümleri aynı Windows ortamında birarada bulunamazlar. Bunun için iddialı bir Web tasarımcısının, bu programın farklı sürümleri için birden fazla bilgisayar bulundurması gerekebilir.

Neden değişik tarayıcıların değişik sürümlerine ihtiyacınız var? Bu sorunun cevabı, HTML’in ınternet’in ortak dili olduğu gerçeğine bir ölçüde gölge düşürecektir. Çünkü ortak bir HTML dili bulunmasına rağmen, tarayıcıların ve aynı tarayıcının farklı sürümlerinin HTML’i yorumlayışı farklıdır. HTML, Uluslararası Web Konsorsiyomu adlı kuruluşun çıkarttığı, adı “tavsiye” olmakla birlikte kendisi standart sayılan dördüncü sürümüne ulaşmış bulunuyor. Böyle bir standartlaşmaya rağmen, Netscape ve Microsoft firmaları, bilgisayar kullanıcılarının rağbet ettiği tek tarayıcı programın kendi programları olmasını sağlamak üzere giriştikleri rekabet çerçevesinde, programlarını sadece HTML’i aynı şekilde yorumlayan ve dolayısıyla birbirinden farksız sonuçlar veren programlar olmaktan çıkartmak istediler. Bunun sonucu ise, Web tasarımcısının, kimi zaman Netscape’in anladığı ama IE’nın anlamadığı, kimi zaman IE’in becerebildiği, buna karşılık Netscape’in henüz programına koyamadığı HTML özelliklerinden hangisini kullanacağına bir türlü karar veremez duruma düşmesi oldu.

HTML’i kullanarak, ticarî amaçlı Web tasarımı yapan kişi, Internet ile bağlantılı bilgisayar kullanıcılarının (Internet kullanıcılarının) hepsinin ekranında aynı şekilde gösterilecek sayfalar yapmaya mecburdur. Buna karşılık bir firmanın intranet ortamı için Web tasarımı yapan kişi, HTML’in sadece kendi firmasının standart olarak benimsediği tarayıcının anlayabileceği özelliklerinden yararlanması mümkündür.

Microsoft Internet Explorer

Windows ortamında tarayıcı piyasasına, diğer tarayıcılardan sonra girmesine rağmen, Microsoft’un Web tarayıcı programı, piyasa payındaki artış hızı bakımından da, HTML’in tanıdığı özellikleri ve HTML’e ilave ettiği diğer görsel kabiliyetler bakımından da, diğer programları geride bırakmış bulunuyor. 1997 sonbaharında 4’ncü sürümü piyasaya çıkan IE, giderek Windows ortamının masaüstü ile bütünleşiyor. IE artık sadece bilgisayar kullanıcısının Internet ile bağlantı kurmasını ve Internet’ten alacağı HTML sayfalarını ekrarında canlandırmasını sağlamakla kalmıyor, aynı zamanda bilgisayarın disklerinin taranması ve dosya yönetimi gibi işleri de yapıyor. Windows 98’in ve NT’nin hazırlanmakta olan beşinci sürümünün yardım dosyaları da IE vasıtasıyla okunuyor. IE’nin, sürümleri daha geriden gelmekle birlikte Macintosh uyumlu sürümü de bulunmaktadır. IE’nin UNIX sürümü, 1998 yaz sonu piyasaya sürülmek üzere hazırlanmaktadır. IE, Microsoft’un Internet alanından ücretsiz indirilebilir veya sadece CD masrafı ödenerek, firmadan posta ile de istenebilir.

Netscape Navigator

Netscape Communications Corporation’ın (NCC) piyasaya sürdüğü NN, IE’ın hızlı yükselişine rağmen, kurulduğu bilgisayar sayısı bakımından piyasanın en yaygın tarayıcısıdır. NN, sadece Windows ve Macintosh ortamlarında değil, fakat aynı zamanda UNIX işletme sisteminde de işleyebilmektedir. NCC, yakın zamana kadar, hem tarayıcı, hem de Web Server programları alanında Internet’te öncü konumda idi. Internet’in bugün sahip olduğu bir çok özellik, HTTP ve FTP ilkelerinin çoğu, bu firmanın tasarımı sonucudur. Eğitim kurumları ve kâr amacı gütmeyen kuruluşların mensupları ile programdan kişisel amaçlarla yararlanmak isteyenler, NN’i ücretsiz olarak kullanabilirler. Ticaret amaçlı kullanım ise ücrete tabidir.

Diğerleri

Web tarayıcı piyasasını NCC ve MS firmalarının egemenliklerine almış olmaları nedeniyle, piyasada başka tarayıcı bulunmadığını sananların sayısı az değil. Oysa piyasada, çoğu ücretsiz veya sınayıp da beğenenlerin yazarına az bir ücret ödedikleri paylaşım yazılımı türünden, 50’den fazla tarayıcı programı bulunmaktadır. Bu programların en yaygını, tarayıcı programının ilk mucidi NCSA’e ait Mosaic’tir. Spyglass firmasının Mosaic’i esas alan programı, halâ yaygın olarak kullanılmaktadır.

RENK MODELLERİ

RGB (Red, Green, Blue) (Kırmızı, Yeşil, Mavi) è Doğada bütün renkler aslında bizim adına Kırmızı, Yeşil ve Mavi dediğimiz üç ana rengin karışımından meydana gelmişlerdir. Herhangi bir rengin oluşabilmesi için 0 ile 255 arasında bir oran kullanılmalıdır. Ancak bu sayıların mantıklı bir şekilde Web tarayıcısına yollanması gerekir. Bu renk kodlarını HTML dilinde kullanmak ve Web tarayıcısına yollamak için 16’lık (Hexadecimal) sayı sistemi kullanılmaktadır. İnternet’te yayınlanacak sayfalar için kullanılır.

Max : 72 dpi

Standart : 50 dpi

256256256 = 16.400.000 Renk

CMYK (Cyan, Magenta, Yellow, Black) è Baskıya gidecek işler için kullanılır.

Min :300 dpi

1001001000*100 = 100.000.000 Renk

ASCII (American Standart Computer İnformation İnfo)

0-255

@ à Alt + 64

m2 à Alt + 253

m3 à Alt + 252

Enter à Alt + 13

# à Alt + 35

A B C D E F

10 11 12 13 14 15

R G B

255 0 0

% 100 Kırmızı ( R ) à FF 00 00

% 100 Yeşil ( Y ) à 00 FF 00

% 100 Mavi ( B ) à 00 00 FF

Siyah à 00 00 00

Beyaz à FF FF FF

Sarı à FF FF 00

Mor à FF 00 FF

Gri à C0 C0 C0

Şimdi artık 65.536 karakteri destekleyen Unicode var.
Etiketler (Tag)

HTML komutları içeren ve tayarıcıların tanıyabildiği dosya, aslında içinde ASCII karakterlerden başka unsur olmayan, düz yazı dosyalarıdır. Tarayıcıya, sayfayı ekranda oluştururken vermesini istediğimiz biçimle ilgili komutları bir dizi özel işaretleme etiketlerini kullanarak veririz. Başka bir deyişle, tarayıcı bir paragrafın, cümlenin, satırın, kelimenin ya da harfin önünde, onun ekranda nasıl gösterileceğine ilişkin etiketi görür ve bu etiketin gerektiği işlemi icra eder.

HTML dosyalarında normal metin ile Web tarayıcısına yollanacak olan özel komutları birbirinden ayırmak için kullanılan işaretler ve komut dizileridir. Normal metinden bu takıları ayırmak için “büyüktür” ve “küçüktür” işaretleri kullanılır.

Örn: <html>

</html>
HTML Dosyasının Bölümleri

HTML dosyasının bir tarayıcı tarafından tanınması, yorumlanması ve gereğinin ekranda yapılabilmesi için, belgenin bir HTML belgesi olduğunun bildirilmesi şarttır. Bu bildirimi dosyanın tümünün etiketi anlamına gelen <HTML> etiketi, bir HTML belgesinin ilk kelimesi olarak yazılır. Tarayıcıya, HTML dosyasının bittiği de </HTML> etiketiyle bildirilir.

Açtığınızı Kapatmayı Unutmamak İçin

İyi bir tasarımcı olarak, HTML belgesini oluştururken, yazdığınız her etiketi bitiş etiketi ile birlikte yazın: <HTML></HTML> gibi. Sonra, iki etiketin arasına ilgili komutları ya da metinleri koyun.

HTML belgesi, iki bölüme ayrılır: Baş taraf (başlangıç) (<HEAD>) ve gövde (<Body>) bölümleri. Web tarayıcılar, bir belgeyi sizin arzu ettiğiniz tarzda yorumlayabilmek için, HTML etiketini gördükten sonra derhal HEAD ve BODY etiketlerini arar ve ekrandaki sayfayı buna göre biçimlendirirler. Sayfanın “baş tarafı” sayfanın en üstünde, örneğin bir gazetenin başlığı gibi gösterilen bir metin olmayıp, ilerde ele alacağımız belge hakkında genel bilgileri kapsayan bölümdür. Burada yer alabilecek genel etiketleri (meta tag) ayrıntıları ile inceleyinceye ve ne işe yaradıklarını görünceye kadar, şimdilik örnek sayfalarımızda baş tarafı başlatan ve bitiren etiketleri koyup, aralarına, HTML sayfalarının İngilizce metinlerden oluştuğunu varsayan tarayıcıya, sayfamızın Türkçe olduğunu bildirmek için—şimdilik anlamının üzerinde durmadan—bir genel etiket koyacağız. Şimdi herhangi bir kelime işlemcisinde, örneğin Windows ortamında Not Defteri’nde, Macintosh’ta SimpleText’te şu örneği aynen yazın ve dosyayı düz yazı dosyası olarak kaydedin.

<HTML>

<HEAD>

</HEAD>

<BODY>

Web Tasarım Rehberi’ne Hoş Geldiniz!

</BODY>

</HTML>

Gördüğünüz gibi ilk HTML sayfamız, tarayıcıya bu dosyanın bir HTML dosyası olduğu beyanıyla başlıyor. İlerde anlamını öğrenmek üzere baş taraf etiketlerinin arasına sayfamızın Türkçe olduğunu belirten genel etiketi koyuyoruz; ve gövde bölümünde, ziyaretçilerimize hoşgeldiniz, diyoruz. Bu dosyayı, örneğin “hosgeld.htm” adıyla kaydedin. Kelime işlemcinizi kapatmayın; bir kenarda dursun. Kaydettiğiniz dosyanın simgesini bulunduğu yerde iki kere tıklayın; “.htm” uzantısı ile bağlantılı tarayıcınız hangisi ise, o açılarak, sayfayı yükleyecektir.

paragraf (<p>..</p>)

Paragraf etiketinin nasıl bloklanacağını ALIGN yüklemi belirlersiniz. Örneğin paragraf etiketini <p align=center> şeklinde kullanırsanız, </p> etiketine kadar gireceğiniz bütün metin, bulunduğu yerde ortalanacaktır. Paragraf etiketinin çeşitli kullanım özelliklerine aşağıda döneceğiz, Ama şimdi bu HTML sayfasını farklı bir isimle kaydedin ve kaydettiğiniz dosyayı tarayıcınızda açın. Bu paragraf, herhangi bir tarayıcının ekranında, şöyle gösterilecektir:

<h1> BAŞLIKLAR

Yazıların Başlık şeklinde yazılması için kullanılır. 6 tane başlık çeşidi vardır.

<html>

<title> Başlıklar </tille>

<body>

<h1> Başlık 1 </h1>

<h2> Başlık 2 </h2>

<h3> Başlık 3 </h3>

<h4> Başlık 4 </h4>

<h5> Başlık 5 </h5>

<h6> Başlık 6 </h6>

</body>

</html>
BR ETİKETİ ( Alt satıra geçmeyi sağlar)

<html>

<title> BR Etiketi </title>

<body>

Pazartesi

Salı

Çarşamba

<br> Ocak <br> Şubat <br> Mart

</body>

</html>

HR ETİKETİ ( Çizgi çizer)

<html>

<title> HR Etiketi </title>

<body>

<hr>

<hr color=red> ( color è Renk verir)

<hr color=blue size=5> (size è Kalınlık verir)

<hr color=green width=500>

</body>

</html>

HR Etiketi’nin Parametreleri

<hr width=100> è Çizginin genişliğini ayarlamak için kullanılır.

<hr size=20> è Çizginin kalınlığını ayarlamak için kullanılır.

<hr color=ff0000> è Çizginin rengini ayarlamak için kullanılır.

<hr align=right> , left, center è Çizginin sayfadaki yatay konumunun sola, sağa veya ortaya hizalanmasını sağlar.

<marquee> KAYAN YAZI

<html>

<title> Kayan Yazı </title>

<body>

<marquee> <font color=red size=7> Kayıyorum He He He </font></marquee>

<marquee direction=right> Sağa Doğru Kaydırır </marquee>

<marquee direction=up> Yukarı Kaydırıır </marquee>

<marquee direction=down> Aşağı Kaydırır </marquee>

</body>

</html>

<marquee> Parametreleri

<marguee direction=right>,up,down è Sağdan, yukarıdan ve aşağıdan başlayarak kayması sağlanır

<marquee behavior=alternate> è Yazılar kaydırılırken ekrandan kaybolmadan bir uçtan diğerine gider

<marquee bgcolor=ff00ff> è Kayan yazıların arka plan rengini belirler.

<marquee height=10 width=250> è Yazının kayacağı alanın yüksekliği ve genişliği ayarlanabilir.

<marquee loop=3> è Yazının kaç kez kayacağı belirlenir. Daha sonra da yazı durur.

<marquee scrolldelay=1> è Kaydırma hızını ayarlar. Hızlı kayması için küçük; yavaş için de büyük değer

<bgcolor> è Ekranın arka planının rengini belirlemek için kullanılır. <body> takısı ile birlikte kullanılır. Bu parametre ile renklerin ASCII karşılıkları (FF0000) kullanılabileceği gibi rengin ingilizcesi de (green, gray) kullanılabilir.

<html>

<title> Renk Modelleri </title>

<body bgcolor=FF0000>

</body>

</html>

<center> è Yazıyı satırda ortalar

<b> è Yazıyı Koyu, Kalın yapar.

<i> è Yazıyı İtalik, Eğik yapar.

<u> è Yazıyı Altı çizgili yapar.

Bu komutlardan son açılan ilk kapatılır. Yani sondan başa doğru kapatılır.

<font> è Yazının tipini ve boyutunu ayarlamamızı sağlar.
Sayfamızda metinlerimizi Arial veya Helvetica; başlık ve kaynakları kaynağı da Times veya Times Roman ile gösterelim. Bunun için, HTML kodumuzda bir değişiklik yapmak zorundayız. Dosyamızın baş tarafına dokunmadan, paragrafın başladığı yere FONT etiketi koyalım. Bu etiketin parametreleri, başka bir ifadeyle, bu etikete niteliğini veren yüklemler, “face,” (font ailesinin adı), “size” (harfin büyüklüğü) ve “color” (harfin rengi) olarak sıralanır. Bu yüklemlerin nasıl kullanıldığını daha yakından görmek için, Başvuru bölümüne bakabilirsiniz. Biz burada sadece harfin türünü belirlemek istiyoruz; onun için sadece “face” yüklemini kullanacağız. HTML sayfasında paragraf etiketinden sonra <font face="Arial"> yazınız. Tabiî, bu etiketi sonlandıran, bitiren eşini ihmal etmeden! Kaynak cümlesi için aynı ifadeyi bu kez fontun adını değiştirerek yazacağız. Bitirdiğinizde, HTML kodunuzun paragraf bölümü şöyle olmalıdır:

<p><font face="Arial"> Bizler, inandığımız için ve bilinçli olarak harf tasarımcısıyız, harf dökümcüsüyüz, sayfa dizgicisiyiz.. <b>Yoksa, yeteneğimiz daha yüksek şeyler için elverişsiz olduğu için değil.</b> Biz inanıyoruz ki, en yüksek düzeyde beceri gerektiren şey, bizim sanatımıza en yakın olanıdır..</font></p><p><font face="Times New Roman">Rudolf Koch - <i>Alman harf dökümcüsü, kaligraf</i></font></p>

<font> Takısının Parametreleri
<font face=arial size=5 color=ff00ff >
<font face=arial> è Yazının tipini
<font size=5> è Yazının büyüklüğünü
<font color=ff00ff> è Yazının rengini belirler.

<BASEFONT>: Temel font etiketi, bir sayfadaki bütün metinlerin temel fontunu, tarayıcının varsayılan fontu ne olursa olsun, istediğiniz font ailesine (Helvetica, Times gibi) veya font türüne (serif, sans serif gibi) çevirmenizi ya da büyüklüğünü belirlemenizi sağlar. (Bu etiketin sonlandırıcı eşi, yani </BASEFONT> etiketi yoktur.)

<BIG>...</BIG>: İşaretlediği metnin temel fonttan bir ölçü büyük olmasını sağlar. Bu etiketi, aynı etiketin içinde tekrar kullanırsanız, en içerdeki font, temel fonttan iki ölçü büyük olacaktır.

Örnek: <p><font face="Times New Roman"><big>Rudolf Koch</big> - <i>Alman harf dökümcüsü, kaligraf</i></font></p

<SMALL>...</SMALL>: İşaretlediği metnin temel fonttan bir ölçü küçük olmasını sağlar. Bu etiketi, aynı etiketin içinde tekrar kullanırsanız, en içerdeki font, temel fonttan iki ölçü küçük olacaktır.

Örnek: <p><font face="Times New Roman">Rudolf Koch - <small><i>Alman harf dökümcüsü, kaligraf</i></small></font></p>

<CENTER>..</CENTER>: Ortalama etiketi, işaretlediği metnin, içinde bulunduğu kutuda (bu bir tablonun hücresi olabileceği gibi, sayfanın kendisi de olabilir) yatay olarak ortalanmasını sağlar.

Örnek: <p><center><font face="Times New Roman">Rudolf Koch - <i>Alman harf dökümcüsü, kaligraf</i></font></center></p>

<S>..</S>: Ortasından Çizgi Çek (Strikethrough) etiketi, işaretlediği metnin ortasından çizgi çekilmesini sağlar. Bu etkiyi, bir metinden çıkartılmış yerleri göstermek için kullanabilirsiniz.

Örnek: <s> Biz inanıyoruz ki,</s> en yüksek düzeyde beceri gerektiren şey, bizim sanatımıza en yakın olanıdır..

reh015.tif

<body> Takısının Parametreleri

<body bgcolor=ffff00 background=deniz.jpg text=ffffff link=0000ff hlink=ff0000 vlink=ff00ff>

bgcolor è Arka plan rengini ayarlar.

Background è Arka plana bir resmin duvar kağıdı olarak döşenmesini sağlar.

Text è Metnin rengini belirler.

Link è Linklerin renklerini belirler.

Hlink è Fare imleci link’in üzerine geldiğinde link’in hangi renkte görüntüleneceğini belirler.

Vlink è Ziyaret edilen sayfaların linklerinin rengini belirler.

SAYFANIN TÜRKÇELEŞTİRİLMESİ

<head> è Sayfa hakkında bilgi içerir. Sayfada görüntülenmez.

<html>

<head>

<meta http-equiv=content-type content=text/html;charset=windows-1254>

<meta http-equiv=content-type content=text/html;charset=iso-8859-9>

<meta name=description content=”Bir cümle ile sitenin Tanmı”>

<meta name=keywords content= “Virgülle, ayrılmış, anahtar kelimeler”>

<title> Başlık </title>

</head>

<body>

</body>

</html>

RESİM EKLEMEK

Curdir è Current Directory

*.jpg, *.png, *.gif è İnternetteki Resim formatı olarak kullanılır.

*.bmp, *.tiff, *.eps, *.psd, *.cdr è Resim formatları da internette kullanılmaz.

JPG è Kalite önemli ise jpg formatı kullanılır. Fakat resimlerin arka kısmı kare şeklinde gelir.

GIF è Hareketli ve kenarları boş gelir. Yani kafa olduğu gibi gif formatında alınabilir.

Örn:

<html>

<head>

<meta http-equiv=content-type content=text/html;charset=windows-1254>

<meta http-equiv=content-type content=text/html;charset=iso-8859-9>

<meta name=description content=”Bir cümle ile sitenin Tanmı”>

<meta name=keywords content= “Virgülle, ayrılmış, anahtar kelimeler”>

<title> Resim Eklemek </title>

</head>

<body>

<img src=x.jpg>

<img src=x.jpg width=250 heigh=300>

<img src=bilgisayar.gif alt=”Güzel bir resim”>

<img src=bilgisayar.gif alt=”Güzel bir resim” width=450>

<a href=http://www.bilgiegitim.com><img src=bilgisayar.gif border=0 alt=”Güzel Bir Resim”> </a>

</body>

</html>

<img src=*.jpg>’nin Parametreleri

<img align=middle src= bilgisayar.jpg > è Yazı resmin ortasından hizalanarak yazılmaya başlar

<img align=top src =bilgisayar.gif > è Yazı resmin üstünden hizalanarak yazılmaya başlar

<img align=left src= bilgisayar.jpg> è Yazı resmin solundan yazılmaya başlar

<img align=right src= bilgisayar.jpg> è Yazı resmin sağından hizalanarak yazılmaya başlar

<img src= bilgisayar.gif alt=”???????? ??” è Resmin üzerine gelince çıkması istenilen yazı

<img border=0 src=bilgisayar.gif> è Resmin etrafında çerçeve çıkmasını engeller.

LİSTELER

Orderlist ( Sıralı Liste ); Unorderlist ( sırasız liste )

Madde imi ve numaralandırma

<ol> <ul>

1. a. İ. ð

2. b. İi. ·

3. c. İi *

Örn:

<ol type=1>

<li> Fizik

<ol type=a>

<li> Statik

<li> Dinamik

<li> Nükleer

<li> Katıhal

</ol>

<li> Kimya

<ol type=a>

<li> Organik

<li> İnorganik

</ol>

<li> Matematik

<ol type=a>

<li> Sayılar

<li> Fonksiyonlar

<li> Diğer

<ol type=i>

<li> Türev

<li> İntegral

</ol>

</ol>

</ol>

Görünümü Bu Şekilde

Fizik
Statik
Dinamik
Nükleer
Katıhal
Kimya
Organik
İnorganik

Matematik
Sayılar
Fonksiyonlar
Diğer
I. Türev

II. İntegral

Madde işaretleri için ol yerlerine ul yazılır.

<li type=disc> è İçi Dolu daire

<li type=circle> è İçi boş daire

<li type=square> è İçi Dolu Kare

<ul type=disc>

<li> Fizik

<ul type=square> Yani a yerine square yaz.

i yerine de <ul type=circle> yazılır.