Resimlerin gözükmesi için yeni klasörün içine yeni bir klasör açıp içine images yazın.Bu kodlarıda html
olarak yeni açtığımız klasörün içine .html olarak kaydedin.
olarak yeni açtığımız klasörün içine .html olarak kaydedin.
Kod:
<html>
<head>
<title>Başlık Sekme Yazısı</title>
</head>
<body>
<br>
<ol>
<li>Sıralı Liste Etiketi(ol> li>paramtetresi içinde 1 2 ... diye alt alta liste oluşturur.)</li>
<li>Sıralı Liste Etiketi</li>
</ol>
<ol type='A'>
<li>Sıralı liste Etiketi</li>(ol type ='A' diye başlayacaktır.yazımızı li parametresine yazıyoruz..)
<li>Sıralı liste Etiketi</li>
</ol>
<ul>
<li>Sırasız Liste Etiketi</li>(ul>li> Sırasız bir şekilde sol tarafında siyah nokta şeklinde listeler...)
<li>Sırasız Liste Etiketi</li>
</ul>
<ol type='1' start='10'>
<li>Sıralı liste Etiketi </li>(ol type= '1' start='10' parametresi 10 dan başlatıcaktır listeyi..)
<li>Sıralı Liste Etiketi </li>
</ol>
</br></br>
<font color='red'>Yazımızı kırmızı renk yapmak için(font color=' red')</font>
<br>
<font size='1'>Yazı boyutlandırmak için (font size=' 1')</font>
<br>
<font face='Arial'>Yazı tipi için(font face=' Arial')</font>
<br>
<font color='yellow' size='20' face='Comic Sans'>Sarı Yazı Tipi Comic Sans Boyut 20</font>
<br>
<img src='images/a.jpg'> (resim eklemek için aynı dizinde olması gerekir ve ya parametresi ni belirmen gerekir(img src='example.jpg')
<br>
<img src='images/a.jpg' width='300' height='300' title='Hacker' alt='Hacker'>(alt=arama motorlarına açıklar.Bizim resmimizi göstermek için kullanılır.title= komutu üzerine mouse ile geldiğimizde açıklama balonunu gösterir.Resmimizi genişletme komutu(width=300)yükseltme(height='300') komutlarını (img src= example.jpg) den sonra ekliyoruz..
</br></br>
<img src='images/b.jpg' width='300' border='5' alt='Hacker'> (border=5 parametresi kenarlıklar için kullanılır..)
</br></br>
<b>Yazıları kalın yapmakta kullanılır(b).</b>
<br>1 satır aşşağıya konumlanmyı sağlar(br).
<br>
<strong>Yazıları kalın yapmakta kullanılır(strong).</strong>
<br>
<u>Altı çizili yazılar yazar(u).</u>
<br>
</br>2 satır boşluğu vermek için kullanılır(/br).
<br>
<b><u><i>Kalın (b) altı cizili (u) eğik yazmak (i) icin kullanılan etiketler</i></u><b/>
<br>
<i>Yazıyı eğik yazar(i).</i>
</br></br>
<h1><font color='yellow' face='Arial'>Başlık Etiketi(h1)</font></h1><br>
<h2><font color='#34FF96'>Başlık Etiketi(h2)</font></h2><br>
<h3>Başlık Etiketi(h3)</h3><br>
<h4>Başlık Etiketi(h4)</h4><br>
<h5>Başlık Etiketi(h5)</h5><br>
<h6>Başlık Etiketi(h6)</h6><br>
<br></br></br>
<h1>tablo oluşturup için kullandığımız table etiketi border 1 tablonun dış kalınlık için width kenarlıkları belirlemek
tr komutu tr komutu tablonun satırını oluşturur.td etiketi ise satırlarda yer alan hücreleri oluşturur.tablonun içinde boşluk bırakmak için < table border =" 0" cellspacing = "10" komutumuz= table içerisine cellspacing kodunu kullanıyoruz.Tablonun boyutunu büyütmek için
< table border =" 0" cellspacing =" 0" cellpadding =" 50" tablonun içerisine cellpadding komutunu kullanıyoruz.....
td nin içine height yükseklik ve align=hücrelerin içine yazılanları sağ sol ortadamı yazmamıza yardımcı olur. center =orta
right=sağ left=sol bgcolor tablonun arkaplan rengini değiştirmek için kullanılır. Örnek kodumuz=
table border '1'width '200' >
<tr >
td height='15'align='center' bgcolor ='yel low'> 1</ td>
<h1>
Örnek=
<table border="1" width="200" bgcolor="#ff0000">
<tr>
<td height="25" align="center"><font color="#ffffff">1</font></td>
<td align="center"><font color="#ffffff">2</font></td>
<td align="right"><font color="#ffffff">3</font></td>
</tr>
<tr>
<td></td>
<td height="25"></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td height="25"></td>
</tr>
</table>
<br/><br/><br/><br/>
<h2>Yan yana olan td hücrelerini birleştirmek için colspan komutunu kullanıyoruz renk vermek için arkaplana td içerisine bgcolor komutuyla veriyoruz...<h2>
Örnek=
<table border="1" width="200">
<tr>
<td height="25" colspan="3" bgcolor="#ff0000"></td>
</tr>
<tr>
<td bgcolor="#00ff00"></td>
<td height="25" bgcolor="#0000ff"></td>
<td bgcolor="#abcdef"></td>
</tr>
<tr>
<td bgcolor="#fedcba"></td>
<td bgcolor="#123456"></td>
<td height="25" bgcolor="#6789ab"></td>
</tr>
</table>
<br/><br/><br/><br/>
<h2>td hücrelerindeki alt alta olan kolonları birleştirmek için rowspan komutunu kullanıyoruz..</h2>
<table border="1" width="200">
<tr>
<td rowspan="3"></td>
<td height="25"></td>
<td></td>
</tr>
<tr>
<td height="25"></td>
<td></td>
</tr>
<tr>
<td></td>
<td height="25"></td>
</tr>
</table>
<a href='menu.html' target='_blank'>Yeni Sekmede Açar</a>
</br>(< a h ref =' menu.html' t arget = '_ bla nk' > Yeni Sekmede Açar ..< / a >
)
</br>
<a href='uygulama.html 'target='_blank'>Uygulama</a>
</br> (a hr ef='expmle.html'>tıkla aynı sayfada git targe t='_bla nk'>tıkla git yeni sekmede aç< /a)
</br><a href='https://www.google.com' target='_blank'>Linki Yeni Sekmede Aç </a>
<b>(< a hr ef= ' https ://www.google. com' target = ' _blank ' >Google </ a >)</b>
</br>
<a href='https://www.google.com'><img src='images/google.jpg' title='Google'></a>
(< a href komutu içerisine link yazıp sonra img src resim ekleyip title resim üzerine mousela gel açıklaması yazar.)
<iframe width="560" height="315" src="https://www.youtube.com/embed/llh57eQW4LU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</br></br>
(ifra me sr c =' wid th =' 560' height =' 315' https://www.youtube.com < / iframe ></br></br> video ekleme komutumuz= iframe src = width='350' height='300' 'video.mp4'
</br>
</br>
<p>Sıcak yaz günüydü ellerini tuttugumda(p paragraf > hr komutu paragraf içerisinde aşşağıya alır yazıyı)</p>
<pre>
Sıcak yaz günüydü ellerini tuttugumda(pre komutu paragraf alt alta yazmak farklı boyut ile..)
Sıcak yaz günüydü ellerini tuttugumda
Sıcak yaz günüydü ellerini tuttugumda
Sıcak yaz günüydü ellerini tuttugumda
Sıcak yaz günüydü ellerini tuttugumda
Sıcak yaz günüydü ellerini tuttugumda
Sıcak yaz günüydü ellerini tuttugumda
Sıcak yaz günüydü ellerini tuttugumda
Sıcak yaz günüydü ellerini tuttugumda
Sıcak yaz günüydü ellerini tuttugumda
Sıcak yaz günüydü ellerini tuttugumda
</pre>
</body>
</html>
