Forum Sementara Putera.com

Would you like to react to this message? Create an account in a few clicks or log in to continue.
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


5 posters

    Belajar TAGS dalam HTML.

    TemanX
    TemanX
    TemanX
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 90
    Registration date : 28/11/2009
    • Post n°1

    Belajar TAGS dalam HTML. Empty Blajar function dalam html.

    Post by TemanX 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
    • Back to top
    OngBok
    OngBok
    OngBok
    Moderators
    Moderators


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

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

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

    ko ambik kat mana benda nie?
    • Back to top
    xenomorf
    xenomorf
    xenomorf
    Ahli Baharu
    Ahli Baharu


    Number of posts : 239
    Location : BehinD ThE WaLL
    Registration date : 26/03/2009
    • Post n°3

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

    Post by xenomorf 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.
    • Back to top
    TemanX
    TemanX
    TemanX
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 90
    Registration date : 28/11/2009
    • Post n°4

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

    Post by TemanX 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...
    • Back to top
    xenomorf
    xenomorf
    xenomorf
    Ahli Baharu
    Ahli Baharu


    Number of posts : 239
    Location : BehinD ThE WaLL
    Registration date : 26/03/2009
    • Post n°5

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

    Post by xenomorf 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>.
    • Back to top
    OngBok
    OngBok
    OngBok
    Moderators
    Moderators


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

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

    Post by OngBok 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
    • Back to top
    TemanX
    TemanX
    TemanX
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 90
    Registration date : 28/11/2009
    • Post n°7

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

    Post by TemanX 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.....
    • Back to top
    OngBok
    OngBok
    OngBok
    Moderators
    Moderators


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

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

    Post by OngBok 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.
    • Back to top
    TemanX
    TemanX
    TemanX
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 90
    Registration date : 28/11/2009
    • Post n°9

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

    Post by TemanX 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...
    • Back to top
    OngBok
    OngBok
    OngBok
    Moderators
    Moderators


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

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

    Post by OngBok 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;
    }
    • Back to top
    TemanX
    TemanX
    TemanX
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 90
    Registration date : 28/11/2009
    • Post n°11

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

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

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


    cheers


    Belajar TAGS dalam HTML. Screenshot1xh
    • Back to top
    TemanX
    TemanX
    TemanX
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 90
    Registration date : 28/11/2009
    • Post n°12

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

    Post by TemanX 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
    • Back to top
    OngBok
    OngBok
    OngBok
    Moderators
    Moderators


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

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

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

    nak letak atas atau bawah temanx path
    • Back to top
    TemanX
    TemanX
    TemanX
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 90
    Registration date : 28/11/2009
    • Post n°14

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

    Post by TemanX 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
    }
    • Back to top
    OngBok
    OngBok
    OngBok
    Moderators
    Moderators


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

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

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

    Belajar TAGS dalam HTML. Temanxup

    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
    • Back to top
    TemanX
    TemanX
    TemanX
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 90
    Registration date : 28/11/2009
    • Post n°16

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

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

    ook en ongbok. dah jadi...


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

    mula2 ok.

    Belajar TAGS dalam HTML. Screenshottm


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



    Belajar TAGS dalam HTML. Screenshot1hb

    tulun2....
    • Back to top
    OngBok
    OngBok
    OngBok
    Moderators
    Moderators


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

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

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

    awak nak yang macamana? bagi contoh.
    • Back to top
    TemanX
    TemanX
    TemanX
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 90
    Registration date : 28/11/2009
    • Post n°18

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

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

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



    Belajar TAGS dalam HTML. Screenshotjf


    Kalau pakai coding kat atas tu, dia jadi kecik2, pastu banyak plak tu.....
    • Back to top
    OngBok
    OngBok
    OngBok
    Moderators
    Moderators


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

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

    Post by OngBok 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;
    }
    • Back to top
    TemanX
    TemanX
    TemanX
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 90
    Registration date : 28/11/2009
    • Post n°20

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

    Post by TemanX 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;
    }

    Belajar TAGS dalam HTML. Screenshot2t

    nak adjust gambar background tu kebawah skit, macam dalam gambar kat atas kotak merah tu....
    • Back to top
    OngBok
    OngBok
    OngBok
    Moderators
    Moderators


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

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

    Post by OngBok 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% */
    }
    • Back to top
    TemanX
    TemanX
    TemanX
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 90
    Registration date : 28/11/2009
    • Post n°22

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

    Post by TemanX 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...
    • Back to top
    OngBok
    OngBok
    OngBok
    Moderators
    Moderators


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

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

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

    berapa saiz gambar background tu?
    • Back to top
    TemanX
    TemanX
    TemanX
    Ahli Baharu
    Ahli Baharu


    Gender : Male Number of posts : 90
    Registration date : 28/11/2009
    • Post n°24

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

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

    Image Type: png (The PNG image format)
    Width: 221 pixels
    Height: 198 pixels
    • Back to top
    OngBok
    OngBok
    OngBok
    Moderators
    Moderators


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

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

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

    kalau height 200px tentu masuk habis.
    mana screenshot
    • Back to top
    Sponsored content

    Sponsored content


    • Post n°26

    Belajar TAGS dalam HTML. Empty Re: Belajar TAGS dalam HTML.

    Post by Sponsored content

    • Back to top
      Current date/time is Sat Apr 27, 2024 9:14 am