Ö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

b-Anasayfada "Links" butonuna tıklanınca açılan sayfamız:

 

Bu sağdaki sayfanın HTML kodları:

<body>

 

      <!-- id attribute creates an internal hyperlink destination -->

      <h1 id = "features">The Best Features of the Internet</h1>

 

      <!-- an internal link's address is "#id" -->

      <p><a href = "#bugs">Go to <em>Favorite Bugs</em></a></p>

 

      <ul>

         <li>You can meet people from countries

            around the world.</li>

 

         <li>You have access to new media as it becomes public:

            <ul>

               <li>New games</li>

               <li>New applications

                  <ul>

                     <li>For Business</li>

                     <li>For Pleasure</li>

                  </ul>

               </li>

 

               <li>Around the clock news</li>

               <li>Search Engines</li>

               <li>Shopping</li>

               <li>Programming

                  <ul>

                     <li>XHTML</li>

                     <li>Java</li>

                     <li>Dynamic HTML</li>

                     <li>Scripts</li>

                     <li>New languages</li>

                  </ul>

               </li>

            </ul>

         </li>

 

         <li>Links</li>

         <li>Keeping in touch with old friends</li>

         <li>It is the technology of the future!</li>

      </ul>

 

      <!-- id attribute creates an internal hyperlink destination -->

      <h1 id = "bugs">My 3 Favorite Bugs</h1>

  

      <p>

 

         <!-- internal hyperlink to features -->

         <a href = "#features">Go to <em>Favorite Features</em>

         </a></p>

 

      <ol>

         <li>Fire Fly</li>

         <li>Gal Ant</li>

         <li>Roman Tic</li>

      </ol>

 

   </body>

c-Anasayfadaki  "Tables Page" e tıklanınca açılacak olan sayfamız:

 

Bu sağdaki sayfanın HTML kodları:

<body>

 

      <!-- the <table> tag opens a table -->

      <table border = "1" width = "40%"

         summary = "This table provides information about

            the price of fruit">

 

         <!-- the <caption> tag summarizes the table's    -->

         <!-- contents (this helps the visually impaired) -->

         <caption><strong>Price of Fruit</strong></caption>

 

         <!-- the <thead> is the first section of a table -->

         <!-- it formats the table header area            -->

         <thead>

            <tr>              <!-- <tr> inserts a table row -->

               <th>Fruit</th> <!-- insert a heading cell -->

               <th>Price</th>

            </tr>

         </thead>

 

             <!-- the <tfoot> is the last section of a table -->

         <!-- it formats the table footer                -->

         <tfoot>

            <tr>

               <th>Total</th>

               <th>$3.75</th>

            </tr>

         </tfoot>

             

         <!-- all table content is enclosed  -->

         <!-- within the <tbody>             -->

         <tbody>

            <tr>

               <td>Apple</td> <!-- insert a data cell -->

               <td>$0.25</td>

            </tr>

 

            <tr>

               <td>Orange</td>

               <td>$0.50</td>

            </tr>

 

            <tr>

               <td>Banana</td>

               <td>$1.00</td>

            </tr>

 

            <tr>

               <td>Pineapple</td>

               <td>$2.00</td>

            </tr>

         </tbody>

 

      </table>

 

   </body>

d-Anasayfadaki "Feedback Form" a tıklanınca açılacak olan sayfamız:

 

Bu sayfanın HTML kodları:

<body>

 

      <h1>Feedback Form</h1>

 

      <p>Please fill out this form to help

         us improve our site.</p>

 

      <form method = "post" action = "/cgi-bin/formmail">

 

         <p>

            <input type = "hidden" name = "recipient"

               value = "deitel@deitel.com" />

            <input type = "hidden" name = "subject"

               value = "Feedback Form" />

            <input type = "hidden" name = "redirect"

               value = "main.html" />

         </p>

 

         <p><label>Name:

            <input name = "name" type = "text" size = "25" />

         </label></p>

 

         <!-- <textarea> creates a multiline textbox -->

         <p><label>Comments:<br />

            <textarea name = "comments" rows = "4" cols = "36">

Enter your comments here.

            </textarea>

         </label></p>

 

         <!-- <input type = "password"> inserts a   -->

         <!-- textbox whose display is masked with  -->

         <!-- asterisk characters                   -->

         <p><label>E-mail Address:

            <input name = "email" type = "password"

               size = "25" />

         </label></p>

 

         <p>

            <strong>Things you liked:</strong><br />

 

            <label>Site design

            <input name = "thingsliked" type = "checkbox"

               value = "Design" /></label>

      

            <label>Links

            <input name = "thingsliked" type = "checkbox"

               value = "Links" /></label>

 

            <label>Ease of use

            <input name = "thingsliked" type = "checkbox"

               value = "Ease" /></label>

 

            <label>Images

            <input name = "thingsliked" type = "checkbox"

               value = "Images" /></label>

 

            <label>Source code

            <input name = "thingsliked" type = "checkbox"

               value = "Code" /></label>

         </p>

 

         <p>

            <input type = "submit" value =

               "Submit Your Entries" />

            <input type = "reset" value =

               "Clear Your Entries" />

         </p>  

 

      </form>

 

   </body>




İLGİLİ MAKALELER

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


BENZER KONULARI SİTE İÇİNDE ARAYIN










  • SİTE İÇİ ARAMA
  • Kariyerdersleri.com
  • KATEGORİLER
  • HAKKIMIZDA
kürtçülük de türkçülük de bölücülüktür.---Recep Tayyip ERDOĞAN
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