Scribd Logo
Upload

Welcome to Scribd!

  • 4 HTML

    Uploaded by

    uelbafa
    11 views4 pages
    url

    Original Title

    4_HTML

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    url

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    11 views4 pages

    4 HTML

    Uploaded by

    uelbafa
    url

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    4.2.

    2 Menggunakan tags dalam atur cara HTML: <head>; <title>; <body> dan <paragraph>

    <HTML>
    <H1>
    This is my page Title!
    </H1>
    <BODY> This is my message to the world! </BODY>
    </HTML>
    ------------------

    <html>
    <head>
    <body>
    <H1>Tajuk Tahap 1</H1>
    <H2>Tajuk Tahap 2</H2>
    <H3>Tajuk Tahap 3</H3>
    <H4>Tajuk Tahap 4</H4>
    <H5>Tajuk Tahap 5</H5>
    <H6>Tajuk Tahap 6</H6>
    <head>
    <body>
    <html>

    ------------------

    <HTML>
    <HEAD>
    <TITLE> JAWATANKUASA PIBG SMKSYS1 SESI 2016 </TITLE>
    <H1 align="center"> JAWATANKUASA PIBG SMKSYS1 SESI 2016</H1>
    <BODY bgcolor="blue">
    <p align="center"> PENGERUSI : TN HJ ISMAIL BIN HARUN</P>
    <p>NAIB PENGERUSI : DR RAHMAN HUSIN</p>
    </BODY>
    </HEAD>
    </HTML>

    4.2.3 Mengguna paragraph heading dalam atur cara HTML yang dibina

    <html>
    <head>
    <title>page test 1</title>
    </head>
    <body>
    <h1>TAJUK 1</h1>
    <H3>TAJUK 2</H3>
    <p>paragraph 1</p>
    <p>paragraph 2</p>
    <br>EMPAT</br>
    <br>LIMA<br>
    </body>
    </html>
    4.2.4 Menggunakan atur cara HTML untuk menghasilkan Banner, Frame dan Menu

    Banner

    <HTML>
    <HEAD>
    <TITLE> PELANCONGAN GEMILANG </TITLE>
    </HEAD>
    <BODY>
    <img border="5" src="grafik/banner.jpg" width="972" height="122">
    <H1 align = center>PELANCONGAN GEMILANG</H1>
    Pelancongan Gemilang adalah satu-satunya keperluan percutian anda.
    <BR>Dari servis tiket ke maklumat destinasi. Kami jadikan percutian anda paling indah di
    musim cuti ini.
    </BODY>
    </HTML>

    Frame

    <HTML>
    <HEAD>
    <TITLE> PELANCONGAN GEMILANG </TITLE>
    </HEAD>
    <BODY>
    <iframe src="menu.html" width="200" height="100"> </iframe>
    </BODY>
    </HTML>

    Menu

    <HTML>
    <HEAD>
    <TITLE> PELANCONGAN GEMILANG </TITLE>
    </HEAD>
    <BODY>
    <ul>
    <li><a href="banner.htm">Banner</a></li>
    <li><a href="http://www.smksyp1.com">SMKSYP1</a></li>
    <li><a href= "contact.htm">Contact</a></li>
    <li><a href= "about.htm">About</a></li>
    </ul>
    </BODY>
    </HTML>
    4.2.5 Membina pautan teks dan imej dalam atur cara HTML

    <html>
    <head>
    <title>MENU</title>
    </head>
    <body>
    <bgsound src="sonata.mid" loop="-1">
    <P><a target="main" href="http://www.smksyp1.com">UTAMA</a></p>
    <p><a target="main" href="komen.htm">KOMEN</a></p>
    <a target="main" href="http://dee7409.1bestarinet.net">
    <img src="grafik/frog.jpg" width="234" height="198">
    </a>
    </body>
    </html>

    4.2.6 Menulis atur cara untuk memasukkan imej dalam atur cara HTML

    <html>
    <head>
    <title>New Page 2</title>
    </head>
    <body>
    <p>
    <img border="0" src="http://smksyp1.com/index/selamatdtg.gif" width="193"
    height="28"></p>
    <p>
    <img border="0" src="grafik/frog.jpg" width="234" height="198"></p>
    </body>
    </html>

    4.2.7 Menghasilkan pull down menu melalui atur cara HTML

    <html>
    <head>
    <title>New Page 1</title>
    </head>
    <body>
    <FORM NAME="nav"><DIV>
    <SELECT NAME="SelectURL" onChange="document.location.href=
    document.nav.SelectURL.options[document.nav.SelectURL.selectedIndex].value">
    <OPTION VALUE="http://www.smksyp1.com"SELECTED>KATA ALUAN
    <OPTION VALUE="ydp2016.htm">Yang Dipertua
    <OPTION VALUE="ex2016.htm">Ex-Officio
    </SELECT><DIV>
    </FORM>
    </body>
    </html>
    4.2.8 Menghasilkan ruang komen melalui atur cara HTML

    <html>
    <body>
    <form>
    Nama Anda<br>
    <input type="text"> <br><br>
    Email Anda:<br> <input type="text"> <br><br>
    Mesej:<br> <textarea input type="text" rows="7" cols="30"></textarea><br><br>
    <input type="submit" value = "Hantar email">
    </form>
    </body>
    </html>

    ----------------

    <html>
    <body>
    <form id="contact_form" action="#" method="POST" enctype="multipart/form-data">
    <div class="row">
    <label for="name">Nama Anda:</label><br />
    <input id="name" class="input" name="name" type="text" value="" size="30" /><br />
    </div>
    <div class="row">
    <label for="email">Email anda:</label><br />
    <input id="email" class="input" name="email" type="text" value="" size="30" /><br />
    </div>
    <div class="row">
    <label for="message">Mesej:</label><br />
    <textarea id="message" class="input" name="message" rows="7"
    cols="30"></textarea><br />
    </div>
    <input id="submit_button" type="submit" value="Hantar email" />
    </form>
    </body>
    </html>

    You might also like