ÖRNEK HTML PROGRAM KODLARI

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>


Ü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