HTML NEDİR? ÖRNEK HTML PROGRAM KODLARI

Bu makalemizde basit html site örnekleri, örnek html kodları, html proje örnekleri, html uygulama örnekleri, html resimli anlatım, html web sitesi örnekleri, html örnek site, tüm html kodları ve açıklamaları, html özellikleri gibi konuları ele alacağız
HTML (Hyper Text
Markup Language) internet üzerinde web sayfası oluşturmak
için kullanılan bir betik dilidir. HTML dosyalarının aktarımı için HTTP (Hyper
Text Transfer Protocol) kullanılır.
HTML dosyaları sunucu bilgisayarın sabit diskinde .html ya da .htm
uzantısı ile saklanır. Yazdığımız html dosyaları düz yazı dosyalarından başka bir
şey değildir. Yani yazdığımız html dosyalarını bir C ya da Pascal programında olduğu
gibi bir derleyici ile derlememize gerek yoktur. Bir siteye girdiğimiz zaman bize
görüntülenen ilk sayfa index.html, index.htm, index.asp, index.php ya da
default.htm dosyalarından birisidir. index.* dosyaları UNIX ve
türevi sunucu sistemler, default.htm dosyasıda WinNT ya da türevi sistemler
için giriş sayfası olur. Yukarıda saydıklarımın dışında uzantısı değişik birçok
biçemdeki sayfalar da sunucu sistemin ayarları değiştirilerek giriş sayfası yapılabilir.
BAZI ÖRNEK HTML PROGRAMLARI VE BUNLARIN KODLARI:
Örnek program-1:
a-ProgramımızınAnasayfası:

Bu sayfanın HTML kodları:
<body>
<p>
<a href = "links.html">
<img src = "buttons/links.jpg" width = "65"
height = "50" alt = "Links Page" />
</a><br />
<a href = "list.html">
<img src = "buttons/list.jpg" width = "65"
height = "50" alt = "List Example Page" />
</a><br />
<a href = "contact.html">
<img src = "buttons/contact.jpg" width = "65"
height = "50" alt = "Contact Page" />
</a><br />
<a href = "header.html">
<img src = "buttons/header.jpg" width = "65"
height = "50" alt = "Header Page" />
</a><br />
<a href = "table1.html">
<img src = "buttons/table.jpg"
width = "65"
height = "50" alt = "Table Page" />
</a><br />
<a href = "form.html">
<img src = "buttons/form.jpg" width = "65"
height = "50" alt = "Feedback Form" />
</a><br />
</p>
</body>
b-"Links" butonuna basılınca açılacak
olan sayfamız:
Bu sayfanın HTML kodları:
<body>
<h1>Here
are my favorite sites</h1>
<p><strong>Click
a name to go to that page.</strong></p>
<!--
create four text hyperlinks -->
<p><a
href = "http://www.deitel.com">Deitel</a></p>
<p><a
href = "http://www.prenhall.com">Prentice Hall</a></p>
<p><a
href = "http://www.yahoo.com">Yahoo!</a></p>
<p><a
href = "http://www.usatoday.com">USA Today</a></p>
</body>
c-"List of Features" butonuna basılınca
açılacak olan sayfamız:
Bu sayfanın HTML kodları:
<body>
<h1>The
Best Features of the Internet</h1>
<!--
create an unordered list -->
<ul>
<li>You can meet new people from countries around
the world.</li>
<li>
You have access to new media as it becomes public:
<!-- this starts a nested list, which uses a -->
<!-- modified bullet. The list ends when you -->
<!-- close the <ul> tag.
-->
<ul>
<li>New games</li>
<li>
New applications
<!-- nested ordered list -->
<ol>
<li>For business</li>
<li>For pleasure</li>
</ol>
</li>
<li>Around the clock news</li>
<li>Search engines</li>
<li>Shopping</li>
<li>
Programming
<!-- another nested ordered list -->
<ol>
<li>XML</li>
<li>Java</li>
<li>XHTML</li>
<li>Scripts</li>
<li>New languages</li>
</ol>
</li>
</ul> <!-- ends the nested list of line 27 -->
</li>
<li>Links</li>
<li>Keeping in touch with old friends</li>
<li>It is the technology of the future!</li>
</ul> <!-- ends the unordered list of
line 18 -->
</body>
DİĞER YAZILIM KONULARI İÇİN TIKLAYINIZ