Ö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

d-"Contact me" butonuna basılınca açılacak olan sayfamız:



Bu sayfadaki link' e tıklanınca sayfamızın görünümü:



Bu sayfanın HTML kodları:

<body>

 

      <p>

         My e-mail address is

         <a href = "mailto:kariyerdersleri@kariyerdersleri.com">

            kariyerdersleri@kariyerdersleri.com

         </a>

         . Click the address and your browser will

         open an e-mail message and address it to me.

      </p>

   </body>

Bu programdan önemli olan kısımlar ve kodlarına bakmış olduk şimdi bir başka programa geçelim.

Örnek Program-2:

Bu programımız da yukarıdaki birinci örneğimizle benzer yapıda fakat daha farklı özellikler katılmış olarak anlatılacak.Bu örnekte bulunan bütün sayfalar aslında 2 tane html sayfasını birleşiminden oluşmaktadır.

a-Programın anasayfası:

 

Bu sayfanın HTML kodu:

<head>

      <title>Internet and WWW How to Program - Main</title>

      <meta name = "keywords" content = "Webpage, design,

         XHTML, tutorial, personal, help, index, form,

         contact, feedback, list, links, frame, deitel" />

 

      <meta name = "description" content = "This Web site will

         help you learn the basics of XHTML and Web page design

         through the use of interactive examples

         and instruction." />

 

   </head>

 

   <!-- the <frameset> tag sets the frame dimensions     -->

   <frameset cols = "110,*">

 

      <!-- frame elements specify which pages -->

      <!-- are loaded into a given frame      -->

      <frame name = "leftframe" src = "nav.html" />

      <frame name = "main" src = "main.html" />

 

      <noframes>

         <body>

            <p>This page uses frames, but your browser does not

            support them.</p>

 

            <p>Please, <a href = "nav.html">follow this link to 

            browse our site without frames</a>.</p>

         </body>

      </noframes>

 

   </frameset>

Buraya kadar geldikten sonra artık şunu söyleyebiliriz:aslında yukarıda resminiş verdiğim bu anasayfa 2 tane html sayfasının bileşimidir.html kodundaki nav.html ve main.html resimleri ve kodlarına bakalım.

nav.html

:

nav.html'nin HTML kodu:

  <body>

 

      <p>

         <a href = "links.html" target = "main">

            <img src = "buttons/links.jpg" width = "65"

               height = "50" alt = "Links Page" />

         </a><br />

 

         <a href = "list.html" target = "main">

            <img src = "buttons/list.jpg" width = "65"

               height = "50" alt = "List Example Page" />

         </a><br />

 

         <a href = "contact.html" target = "main">

            <img src = "buttons/contact.jpg" width = "65"

               height = "50" alt = "Contact Page" />

         </a><br />

 

         <a href = "header.html" target = "main">

            <img src = "buttons/header.jpg" width = "65"

               height = "50" alt = "Header Page" />

         </a><br />

 

         <a href = "table1.html" target = "main">

            <img src = "buttons/table.jpg" width = "65"

               height = "50" alt = "Table Page" />

         </a><br />

 

         <a href = "form.html" target = "main">

            <img src = "buttons/form.jpg" width = "65"

               height = "50" alt = "Feedback Form" />

         </a><br />

      </p>

 

   </body>

main.html:

 

main.html'in HTML kodu:

<body>

 

      <h1>Welcome to Our Web Site!</h1>

 

      <p>We have designed this site to teach about the wonders

      of <strong><em>XHTML</em></strong>. <em>XHTML</em> is  

      better equipped than <em>HTML</em> to represent complex

      data on the Internet. <em>XHTML</em> takes advantage of

      XML's strict syntax to ensure well-formedness. Soon you

      will know about many of the great new features of

      <em>XHTML.</em></p>

 

     <p>Have Fun With the Site!</p>

 

   </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