Forum Sementara Putera.com

Bersama kita perkemaskan forum ini sementara forum asal dalam pemulihan.

Forum putera dah kembali. Masalah sudah berjaya diselesaikan. Sila lawati http://forum.putera.com/tanya


    Belajar TAGS dalam HTML.

    Share

    TemanX
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 90
    Registration date : 28/11/2009

    Blajar function dalam html.

    Post by TemanX on Tue Dec 29, 2009 1:00 pm

    SAlam bro. NAk tanya skit la pasal html ni. saya budak baru belajar kalau salah tolong tunjukkan... Very Happy


    Tak paham la dia cakap apa.try nak paham,tapi tak paham2.

    DTD: indicates in which HTML 4.01 / XHTML 1.0 DTD the tag is allowed. S=Strict, T=Transitional, and F=Frameset

    satu lagi,


    HTML 4.01 Strict

    This DTD contains all HTML elements and attributes, but does NOT INCLUDE presentational or deprecated elements (like font). Framesets are not allowed.

    HTML 4.01 Transitional

    This DTD contains all HTML elements and attributes, INCLUDING presentational and deprecated elements (like font). Framesets are not allowed.

    HTML 4.01 Frameset

    This DTD is equal to HTML 4.01 Transitional, but allows the use of frameset content.

    takpaham...ble explain skit tak

    OngBok
    Moderators
    Moderators

    Gender : Male Number of posts : 729
    Location : Dungun Terengganu
    Job/hobbies : Pesara JKR
    Registration date : 18/02/2009

    Re: Belajar TAGS dalam HTML.

    Post by OngBok on Tue Dec 29, 2009 1:23 pm

    ko ambik kat mana benda nie?


    --------------------------------------------
    =====================================================
    http://www.photoshopessentials.com/
    http://www.megaleech.eu/index.php
    https://connectnow.acrobat.com/oxxxo2009

    xenomorf
    Ahli Baharu
    Ahli Baharu

    Number of posts : 239
    Location : BehinD ThE WaLL
    Registration date : 26/03/2009

    Re: Belajar TAGS dalam HTML.

    Post by xenomorf on Tue Dec 29, 2009 2:06 pm

    suma yg ko bg tu untuk bgtau browser pasal jenis format (?) website ko tu.

    biasanya dimasukkan sebelum tag <html> yg pertama. penggunaannya >>
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 [b]Transitional[/b]//EN"    "http://www.w3.org/TR/html4/loose.dtd">

    <html>
    ....

    sgt berguna coz ini mcm satu panduan utk suma jenis browser cara dorang format code html ko tu nnt.

    TemanX
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 90
    Registration date : 28/11/2009

    Re: Belajar TAGS dalam HTML.

    Post by TemanX on Tue Dec 29, 2009 7:11 pm

    Oo.... diorang ambik mana doctype declaration ni...kalau takda html kita tu boleh jalan tak.


    Satu lagi, dalam HTML tag tu, ada beza ke <abbr> dengan <acronym> . Aku tengok cam same je...

    xenomorf
    Ahli Baharu
    Ahli Baharu

    Number of posts : 239
    Location : BehinD ThE WaLL
    Registration date : 26/03/2009

    Re: Belajar TAGS dalam HTML.

    Post by xenomorf on Fri Jan 01, 2010 8:00 am

    declaration tu boleh ambik kat http://www.w3.org sbb cam website ni penuh info pasal doctype ni. tp boleh jg ko d-load dari sana pastu upload p server website ko.

    pastu link declaration tu dari website ko nnt. tp biasanya kebanyakan web programmer akan link ja p website tu sbb dorang akan updata regularly.

    <abbr> dgn <acronym>??

    apa beza WWW (world web wide) dgn MAS (Malaysian Airline System (?))

    WWW - contoh <abbr>
    MAS - contoh <acronym>

    paham x?

    klu x paham, cuba ko sebut WWW dgn MAS?
    konfem yg WWW tu ko akan sebut setiap huruf tp MAS ko x akan sebut setiap huruf, tp trus bt satu ayat.

    itu la beza <abbr> dgn <acroynm>.

    OngBok
    Moderators
    Moderators

    Gender : Male Number of posts : 729
    Location : Dungun Terengganu
    Job/hobbies : Pesara JKR
    Registration date : 18/02/2009

    Re: Belajar TAGS dalam HTML.

    Post by OngBok on Fri Jan 01, 2010 8:18 am

    Ya betul.
    <abbr title="Cascading Style Sheets" class="initial">CSS: Spell-out</abbr>
    CSS kita eja satu-satu. HTML juga <abbr>

    <acronym title="North Atlantic Treaty Organisation">NATO: Speak nomal</acronym>
    NATO kita tak eja satu2, tapi kita sebut 'Nato'

    Dan kedua2 tag ini jarang sangat kita guna dalam laman web.
    ok


    --------------------------------------------
    =====================================================
    http://www.photoshopessentials.com/
    http://www.megaleech.eu/index.php
    https://connectnow.acrobat.com/oxxxo2009

    TemanX
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 90
    Registration date : 28/11/2009

    Re: Belajar TAGS dalam HTML.

    Post by TemanX on Fri Jan 01, 2010 7:01 pm

    Ok mr ombak. saya ada satu nak tanya ni. Kalau kita buat satu embed cammna kalau kita ada 2 paragraph. nak buat embed dalam css dia cammana yek...


    contoh :


    p{
    font-family: "arial", Verdana, Helvetica, sans-serif;
    font-size:29px;
    color: #0000FF;
    text-align: center;
    }

    kalau ada satu lagi paragraph, tapi lain sifat2 dia dalam embed tu, cammana nak buat.....

    OngBok
    Moderators
    Moderators

    Gender : Male Number of posts : 729
    Location : Dungun Terengganu
    Job/hobbies : Pesara JKR
    Registration date : 18/02/2009

    Re: Belajar TAGS dalam HTML.

    Post by OngBok on Fri Jan 01, 2010 8:47 pm

    Ada beberapa cara;
    1) menggunakan id selector dalam <div></div>

    Contoh:
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>

    <link href="mystyle.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="para1">
    <p>Parageraf 1</p>
    </div>

    <div id="para2">
    <p>Paragraf 2</p>
    </div>
    </body>

    Kemudian dalam fail CSS;

    #para1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FF0000;
    }
    #para2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    color: #0000FF;
    }

    Cara kedua menggunakan class.
    <p class="style1">Para1</p>
    <p class="style2">Para2</p>

    Dalam CSS file;
    .style1{
    background:#00FF00;
    }
    .style2{
    background:#FFCC00;
    }

    Dan ada cara lain lagi.
    ok.


    --------------------------------------------
    =====================================================
    http://www.photoshopessentials.com/
    http://www.megaleech.eu/index.php
    https://connectnow.acrobat.com/oxxxo2009

    TemanX
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 90
    Registration date : 28/11/2009

    Re: Belajar TAGS dalam HTML.

    Post by TemanX on Fri Jan 01, 2010 11:45 pm

    Tq en ongbak. memang best aa guna css ni. teratur skit coding2. guna <div id> pun menjadikannya lebih optimiz.

    kalau kita nak satu paragraph, tapi kita nak jadikan 3 perkataan tu, satu position kat kiri, satu kat tengah dan lagi satu kat kanan, bleh tak.skali dengan menglinkkan setiap satu perkataan tu.

    contoh :

    perkataan google kat kiri webpage, yahoo kat center webpage dan msn kat position kanan. bila kita click google, kluar http://google.com, kalau yahoo = yahoo.com sama gak msn = msn.com (tiga3 perkataan ni satu line tanpa menggunakan tables).

    sebab saya try buat, tak jadi2....


    lagi satu, text-align cuma ada 3 je, right, center ngan left. takleh ke kita nak repositionkan perkataan2 tu suka2 hati selain dari position left, right atau center. maksudnya ada pecent2 untuk adjust kedudukan perkataan tu...

    OngBok
    Moderators
    Moderators

    Gender : Male Number of posts : 729
    Location : Dungun Terengganu
    Job/hobbies : Pesara JKR
    Registration date : 18/02/2009

    Re: Belajar TAGS dalam HTML.

    Post by OngBok on Fri Jan 01, 2010 11:55 pm

    perkataan google kat kiri webpage, yahoo kat center webpage dan msn kat position kanan. bila kita click google, kluar http://google.com, kalau yahoo = yahoo.com sama gak msn = msn.com (tiga3 perkataan ni satu line tanpa menggunakan tables).

    Try guna tag <div></div> + CSS

    HTML:
    <body>
    <div id="google"><a href="http://google.com">Google</a></div>
    <div id="yahoo"><a href="http://yahoo.com">Yahoo</a></div>
    <div id="bing"><a href="http://bing.com">Bing</a></div>
    </body>

    CSS:
    #google {
    position: absolute;
    left: 50px;
    top: 50px;
    }


    #yahoo{
    position: absolute;
    left: 150px;
    top: 50px;
    }
    #bing{
    position: absolute;
    left: 250px;
    top: 50px;
    }


    --------------------------------------------
    =====================================================
    http://www.photoshopessentials.com/
    http://www.megaleech.eu/index.php
    https://connectnow.acrobat.com/oxxxo2009

    TemanX
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 90
    Registration date : 28/11/2009

    Re: Belajar TAGS dalam HTML.

    Post by TemanX on Sat Jan 02, 2010 10:12 am

    Tq bro... jadik cheers nanti saya plan2 adjustkan position dia, dok tak betul lagi...


    cheers



    TemanX
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 90
    Registration date : 28/11/2009

    Re: Belajar TAGS dalam HTML.

    Post by TemanX on Sat Jan 02, 2010 8:33 pm

    ok bro, sebelah kiri kat TemanX's tu boleh insert gambar tak. Tadi try2 takbleh aa, dia kacau position TemanX tu. Gambar nak insert tu bukan background. gambar tu macam letak satu ketul kat situ. coding css ni banyak kena blaja lagi laa, dalam tutorial diorang tak ajar cammana insert gambar seketul dok situ.


    study

    OngBok
    Moderators
    Moderators

    Gender : Male Number of posts : 729
    Location : Dungun Terengganu
    Job/hobbies : Pesara JKR
    Registration date : 18/02/2009

    Re: Belajar TAGS dalam HTML.

    Post by OngBok on Sat Jan 02, 2010 9:33 pm

    nak letak atas atau bawah temanx path


    --------------------------------------------
    =====================================================
    http://www.photoshopessentials.com/
    http://www.megaleech.eu/index.php
    https://connectnow.acrobat.com/oxxxo2009

    TemanX
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 90
    Registration date : 28/11/2009

    Re: Belajar TAGS dalam HTML.

    Post by TemanX on Sat Jan 02, 2010 10:15 pm

    sebelah kiri. betul2 kat sebelah huruf T yang besar tu....

    <html>
    <head>
    <meta content="text/html; charset=ISO-8859-1"
    http-equiv="content-type">
    <title>Where is TemanX</title>
    <link href="mystyle.css" rel="stylesheet" type="text/css">
    </head>
    <body>
    <div id="p1">
    <p>TemanX's path</p>
    </div>


    }
    #p1{
    font-family: "arial", Verdana, Helvetica, sans-serif;
    font-size:29px;
    color: #0000FF;
    text-align: center
    }

    OngBok
    Moderators
    Moderators

    Gender : Male Number of posts : 729
    Location : Dungun Terengganu
    Job/hobbies : Pesara JKR
    Registration date : 18/02/2009

    Re: Belajar TAGS dalam HTML.

    Post by OngBok on Sat Jan 02, 2010 11:15 pm



    HTML File:

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link href="mystyle.css" rel="stylesheet" type="text/css" />
    </head>

    <body>
    <div id="wrapper">
    <div id="p1">
    <p>TemanX's Path</p>
    </div>

    <div id="p2">
    <img src="temanx.gif" width="149" height="128" /> </div>
    </div>
    </body>
    </html>


    CSS File:

    #p1{
    font-family: "arial", Verdana, Helvetica, sans-serif;
    font-size:29px;
    color: #0000FF;
    text-align: center
    }

    #p2{
    position:absolute;
    top:0px;
    left:250px;
    }

    Try adjust top dengan left.
    ok


    --------------------------------------------
    =====================================================
    http://www.photoshopessentials.com/
    http://www.megaleech.eu/index.php
    https://connectnow.acrobat.com/oxxxo2009

    TemanX
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 90
    Registration date : 28/11/2009

    Re: Belajar TAGS dalam HTML.

    Post by TemanX on Sun Jan 03, 2010 11:21 am

    ook en ongbok. dah jadi...


    tentang background, apesal bila kita insert, dia jadi banyak2 plak....

    mula2 ok.




    masukkan background.


    <html>
    <head>
    <meta content="text/html; charset=ISO-8859-1"
    http-equiv="content-type">
    <title>Where is TemanX</title>
    <link href="mystyle.css" rel="stylesheet" type="text/css">
    </head>
    <body id="body1">

    #body1
    {
    background-image:url('bg.png')
    }


    jadik camni....





    tulun2....

    OngBok
    Moderators
    Moderators

    Gender : Male Number of posts : 729
    Location : Dungun Terengganu
    Job/hobbies : Pesara JKR
    Registration date : 18/02/2009

    Re: Belajar TAGS dalam HTML.

    Post by OngBok on Sun Jan 03, 2010 11:49 am

    awak nak yang macamana? bagi contoh.


    --------------------------------------------
    =====================================================
    http://www.photoshopessentials.com/
    http://www.megaleech.eu/index.php
    https://connectnow.acrobat.com/oxxxo2009

    TemanX
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 90
    Registration date : 28/11/2009

    Re: Belajar TAGS dalam HTML.

    Post by TemanX on Sun Jan 03, 2010 1:11 pm

    Nak jadikkan baground tu dok kat belah kiri. Gambar tu dijadikan background.






    Kalau pakai coding kat atas tu, dia jadi kecik2, pastu banyak plak tu.....

    OngBok
    Moderators
    Moderators

    Gender : Male Number of posts : 729
    Location : Dungun Terengganu
    Job/hobbies : Pesara JKR
    Registration date : 18/02/2009

    Re: Belajar TAGS dalam HTML.

    Post by OngBok on Sun Jan 03, 2010 1:28 pm

    tambah jer

    #body1
    {
    background-image:url('bg.png');
    background-repeat:no-repeat;
    }

    atau

    #body1
    {
    background-image:url('bg.png');
    /*background-repeat:no-repeat;*/
    background-repeat:repeat-y;
    }


    --------------------------------------------
    =====================================================
    http://www.photoshopessentials.com/
    http://www.megaleech.eu/index.php
    https://connectnow.acrobat.com/oxxxo2009

    TemanX
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 90
    Registration date : 28/11/2009

    Re: Belajar TAGS dalam HTML.

    Post by TemanX on Sun Jan 03, 2010 3:05 pm

    Ok bro. gambar background dah ok, cuma gambar background tu, bila nak adjust, guna

    position:absolute;
    top:120px;

    tak jadi la. gambar tu terus hilang.

    #body1
    {
    background-repeat:no-repeat;
    background-image:url('bg.jpg')
    position:absolute;
    top:120px;
    }



    nak adjust gambar background tu kebawah skit, macam dalam gambar kat atas kotak merah tu....

    OngBok
    Moderators
    Moderators

    Gender : Male Number of posts : 729
    Location : Dungun Terengganu
    Job/hobbies : Pesara JKR
    Registration date : 18/02/2009

    Re: Belajar TAGS dalam HTML.

    Post by OngBok on Sun Jan 03, 2010 6:09 pm

    background-position: 0% 10%;

    #body1
    {
    background-repeat:no-repeat;
    background-image:url('bg.jpg');
    background-position: 0% 10%; /* cuba adjust left% & top% */
    }


    --------------------------------------------
    =====================================================
    http://www.photoshopessentials.com/
    http://www.megaleech.eu/index.php
    https://connectnow.acrobat.com/oxxxo2009

    TemanX
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 90
    Registration date : 28/11/2009

    Re: Belajar TAGS dalam HTML.

    Post by TemanX on Mon Jan 04, 2010 8:37 pm

    Lagi satu, boleh tak kita nak panjangkan ke bawah skit webpage. sebab gambar tu tak masuk penuh la...

    OngBok
    Moderators
    Moderators

    Gender : Male Number of posts : 729
    Location : Dungun Terengganu
    Job/hobbies : Pesara JKR
    Registration date : 18/02/2009

    Re: Belajar TAGS dalam HTML.

    Post by OngBok on Tue Jan 05, 2010 9:39 pm

    berapa saiz gambar background tu?


    --------------------------------------------
    =====================================================
    http://www.photoshopessentials.com/
    http://www.megaleech.eu/index.php
    https://connectnow.acrobat.com/oxxxo2009

    TemanX
    Ahli Baharu
    Ahli Baharu

    Gender : Male Number of posts : 90
    Registration date : 28/11/2009

    Re: Belajar TAGS dalam HTML.

    Post by TemanX on Tue Jan 05, 2010 10:15 pm

    Image Type: png (The PNG image format)
    Width: 221 pixels
    Height: 198 pixels

    OngBok
    Moderators
    Moderators

    Gender : Male Number of posts : 729
    Location : Dungun Terengganu
    Job/hobbies : Pesara JKR
    Registration date : 18/02/2009

    Re: Belajar TAGS dalam HTML.

    Post by OngBok on Tue Jan 05, 2010 10:40 pm

    kalau height 200px tentu masuk habis.
    mana screenshot


    --------------------------------------------
    =====================================================
    http://www.photoshopessentials.com/
    http://www.megaleech.eu/index.php
    https://connectnow.acrobat.com/oxxxo2009

    Sponsored content

    Re: Belajar TAGS dalam HTML.

    Post by Sponsored content Today at 8:28 pm


      Current date/time is Mon Dec 05, 2016 8:28 pm