HTML NEDİR ÖRNEK HTML PROGRAM KODLARI

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>


ÜCRETSİZ KPSS VİDEO DERSLER, TESTLER BURADA TIKLAYINIZ


BENZER KONULARI SİTE İÇİNDE ARAYIN










  • SİTE İÇİ ARAMA
  • Kariyerdersleri.com
  • KATEGORİLER
  • HAKKIMIZDA
Mutlu olmayı yarına bırakmak, karşıya geçmek için nehrin durmasını beklemeye benzer ve bilirsin, o nehir asla durmaz.
KPSS MATEMATİK KPSS GEOMETRİ KPSS VATANDAŞLIK KPSS TÜRKÇE KPSS TARİH KPSS COĞRAFYA
İNGİLİZCE ALMANCA İTALYANCA KARİYER OYUN BİLGİSAYAR YAZILIM BİLGİSAYAR NETWORK
BİLGİSAYAR DONANIM BİLİŞİM TERİMLERİ CİLT VE CİLT BAKIMI HASTALIKLARIMIZ İNSAN VÜCUDU NEDİR