<html>
<head>
<title> başlık </title>
</head>
<body>
<h1>faydalı web siteleri<h1>
<ol>
<li><a href="http://www.microsoft.com">www.microsoft.com</a></li>
<li><a href="http://www.google.com">www.google.com</a></li>
<li><a href="http://www.yahoo.com">www.yahoo.com</a></li>
</ol>
</body>
</html>
<html>
<head>
<title> başlık </title>
</head>
<body>
<h1>Liste örnekleri<h1>
Aşağıdaki programlama dillerinden hangileri biliyorsunuz?</p>
<ol type=A>
<li>C#</li>
<li>java</li>
<li>Asp.net</li>
<li>php</li>
<li>javascript</li>
</ol>
</body>
</html>
type özeliği
1-1,2,3,4,...
A-A,B,C,D,...
a-a,b,c,d,..
I-I,II,III,IV..
i-i,ii,iii,iv,..
<html>
<head>
<title> başlık </title>
</head>
<body>
<h1>Liste örnekleri<h1>
Aşağıdaki programlama dillerinden hangileri biliyorsunuz?</p>
<ol>
<li>C#</li>
<li>java</li>
<li>Asp.net</li>
<li>php</li>
<li>javascript</li>
</ol>
</body>
</html>
<html>
<head>
<title> başlık </title>
</head>
<body>
<h1>RESİMLER<h1>
<img src="C:\yedek\resimlerim\1.jpg" width="200" height="180" border="5"/><p/>
</body>
</html>
border özeliği resme çerceve çizer<p/>
<html>
<head>
<title> başlık </title>
</head>
<body>
<h1>RESİMLER<h1>
<img src="C:\yedek\resimlerim\1.jpg" width="200" height="180" align="right"/>
<img src="C:\yedek\resimlerim\2.jpg" width="200" height="180" align="left"/>
<img src="C:\yedek\resimlerim\3.jpg" width="200" height="180" align="center"/>
</body>
</html>
align resimleri left right yatay ve center ortaya konumlandırmak için kullanılır<p/>
<html>
<head>
<title> başlık </title>
</head>
<body>
<h1>RESİMLER<h1>
<img src="C:\yedek\resimlerim\1.jpg" width="200" height="180" title="güzel resim"/>
<img src="C:\yedek\resimlerim\2.jpg" width="200" height="180"/>
<img src="C:\yedek\resimlerim\3.jpg" width="200" height="180"/>
</body>
</html>
title öeliği resmin üzerine mouse gelindiğinde açıklama yazısı ekrana gelecektir..
<html>
<head>
<title> başlık </title>
</head>
<body>
<h1>RESİMLER<h1>
<img src="C:\yedek\resimlerim\1.jpg" width="200" height="180"/>
<img src="C:\yedek\resimlerim\2.jpg" width="200" height="180"/>
<img src="C:\yedek\resimlerim\3.jpg" width="200" height="180"/>
</body>
</html>
<html>
<head>
<title> başlık </title>
</head>
<body>
bizimle iletişime geçmek için aşağıdaki resme tıklayın </p>
<a href="iletisim.html" target="_blank"><img src="C:\yedek\resimlerim\1.jpg"></a></p>
</body>
</html>
<html>
<head>
<title> başlık </title>
</head>
<body>
<a href="http://www.google.com"> google sayfasına git</a>
</body>
</html>
<html>
<head>
<title> başlık </title>
</head>
<body>
<font face="Courier New" color="red" size="7">
bu yazı coruer new tipinde ,7 buyklüğünde ,kırmızı yazıdır.</font></p>
<font face="verdana" color="blue" size="5">
bu yazı verdana tipinde,5 büyüklüğünde,mavi yazıdır.
</font></p>
<font face="Times New Roman" color="black" size="6">
bu yazı times new roman tipinde,6 büyüklüğünde, siyah yazıdır.
</font></p>
</body>
</html>
<html>
<head>
<title> başlık </title>
</head>
<body>
<font color="red"> kırmızı </font></p>
<font color="green"> yeşil </font></p>
<font color="blue">mavi </font></p>
<font color="yellow"> sarı</font></p>
<font color="black"> siyah </font></p>
<font color="gray"> gri </font></p>
<font color="orange"> turuncu </font></p>
<font color="brown">kahverengi</font></p>
</body>
</html>
<html>
<head>
<title> başlık </title>
</head>
<body text="red">
<font size=1> yazı büyüklüğü=1 </font></p>
<font size=2> yazı büyüklüğü=2 </font></p>
<font size=3> yazı büyüklüğü=3 </font></p>
<font size=4> yazı büyüklüğü=4 </font></p>
<font size=5> yazı büyüklüğü=5 </font></p>
<font size=6> yazı büyüklüğü=6 </font></p>
<font size=7> yazı büyüklüğü=7 </font></p>
</body>
</html>
<html>
<head>
<title> başlık </title>
</head>
<body text="red">
<font face="Arial"> Arial tipte yazı </font>
</body>
</html>
<html>
<head>
<title> başlık </title>
</head>
<body text="red">
descartes der ki;
<blockquote>düşünüyorum , o halde varım..</blockquote>
</body>
</html>
<p/>< blockquote >bu etiketin arasında kalan yazılar içe kayar
<html>
<head>
<title> başlık </title>
</head>
<body text="red">
<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>
<p/>
<html>
<head>
<title> başlık </title>
</head>
<body text="red">
<pre>
merhabalar...
Bu kitaplarda :
1-HTML dilini tanıyacak
2-HTML ile örnekler yapacak
3-Ve kendinize ait web sifresi yapmayı öğreneceksiniz
</pre>
</body>
</html>
<p/>
< / pre > yazdığımız tüm yazıların aynen yazıldığı gibi gösterir
<html>
<head>
<title> başlık </title>
</head>
<body text="red">
merhabalar...<p/>
<s>bu yazının üstü çizlir </s><p/>
<strong> kalın yazı </strong><p/>
<em> italik yazı </em><p/>
istediğimiz kadar boşluk           bırakıyoruz
</body>
</html>
<p/>
< /p > etiketi paragraf başı yapmak için <p/>
< / b > yazılan yazının kalın yazılması için kullanılır <p/>
< /i > yazılan yazının italık yazılmasını sağlar <p/>
<html>
<head>
<title> başlık </title>
</head>
<body text="red">
merhabalar...<p/>
ilk web sayfamıza hosgeldiniz..<p/>
<b>bu yazı kalın olacaktır</b> <i> bu yazı italik olacaktır </i> <p/>
<i>italik yazı.. <b>hem kalın hem italik...</b> </i> <b> sadece kalın.</b>
<u>bu yazının altı çizilir </u><p/>
<s>bu yazının üstü çizlir </s><p/>
<strong> kalın yazı </strong><p/>
<em> italik yazı </em><p/>
</body>
</html>
<p/>
< /p > etiketi paragraf başı yapmak için <p/>
< / b > yazılan yazının kalın yazılması için kullanılır <p/>
< /i > yazılan yazının italık yazılmasını sağlar <p/>
<html>
<head>
<title> başlık </title>
</head>
<body text="red">
merhabalar...<p/>
ilk web sayfamıza hosgeldiniz..<p/>
<b>bu yazı kalın olacaktır</b> <i> bu yazı italik olacaktır </i> <p/>
<i>italik yazı.. <b>hem kalın hem italik...</b> </i> <b> sadece kalın.</b>
<u>bu yazının altı çizilir </u>
<s>bu yazının üstü çizlir </s>
<strong> kalın yazı </strong>
</body>
</html>
<p/>
< /p > etiketi paragraf başı yapmak için <p/>
< / b > yazılan yazının kalın yazılması için kullanılır <p/>
< /i > yazılan yazının italık yazılmasını sağlar <p/>
<html>
<head>
<title> başlık </title>
</head>
<body text="red">
merhabalar...<p/>
ilk web sayfamıza hosgeldiniz..<p/>
<b>bu yazı kalın olacaktır</b> <i> bu yazı italik olacaktır </i> <p/>
<i>italik yazı.. <b>hem kalın hem italik...</b> </i> <b> sadece kalın.</b>
<u>bu yazının altı çizilir </u>
<s>bu yazının üstü çizlir </s>
</body>
</html>
< /p > etiketi paragraf başı yapmak için
< / b > yazılan yazının kalın yazılması için kullanılır
< /i > yazılan yazının italık yazılmasını sağlar
<html>
<head>
<title> başlık </title>
</head>
<body text="red">
merhabalar...<p/>
ilk web sayfamıza hosgeldiniz..<p/>
<b>bu yazı kalın olacaktır</b> <i> bu yazı italik olacaktır </i> <p/>
<i>italik yazı.. <b>hem kalın hem italik...</b> </i> <b> sadece kalın.</b>
<u>bu yazının altı çizilir </u>
</body>
</html>
< /p > etiketi paragraf başı yapmak için
< / b > yazılan yazının kalın yazılması için kullanılır
< /i > yazılan yazının italık yazılmasını sağlar
<html>
<head>
<title> başlık </title>
</head>
<body text="red">
merhabalar...<p/>
ilk web sayfamıza hosgeldiniz..<p/>
<b>bu yazı kalın olacaktır</b> fakat bu yazı kalın değildir
</body>
</html>
< /p > etiketi paragraf başı yapmak için
< / b > azılan yazının kalın yazılması için kullanılır
<html>
<head>
<title> başlık </title>
</head>
<body text="red">
html sayfalarında yatay çizgiler çizebilirsiniz<p/>
<hr width="100" align="left" color= "blue" />
<p/>
yukarıda bir çizgi çizilmiştir
</body>
</html>
<html>
<head>
<title> başlık </title>
</head>
<body text="red">
html sayfalarında yatay çizgiler çizebilirsiniz<p/>
<hr width="100" align="left"/>
<p/>
yukarıda bir çizgi çizilmiştir
</body>
</html>
<html>
<head>
<title> başlık </title>
</head>
<body text="red">
html sayfalarında yatay çizgiler çizebilirsiniz<p/>
<hr width="100"/>
<p/>
yukarıda bir çizgi çizilmiştir
</body>
</html>
<html>
<head>
<title> başlık </title>
</head>
<body text="red">
html sayfalarında yatay çizgiler çizebilirsiniz<p/>
<hr/>
<p/>
yukarıda bir çizgi çizilmiştir
</body>
</html>
<html>
<head>
<title> başlık </title>
<body text="red">
1.satır <br/>
2.satır <br/>
3.satır <br/>
4.satır <br/>
5.satır <br/>
</body>
</html>
<html>
<head>
<title> başlık </title>
<body text="red">
ilk web sayfamız..
</body>
</html>
<html>
<head>
<title> başlık </title>
<body background="C:\yedek\resimlerim\1.jpg">
ilk web sayfamız..
</body>
</html>
<html>
<head>
<title> başlık </title>
<body bgcolor="gray">
ilk web sayfamız..
</body>
</html>
