budak.baru 0 Report post Posted December 29, 2009 SAlam bro. NAk tanya skit la pasal html ni. saya budak baru belajar kalau salah tolong tunjukkan... ::icon_biggrin:: 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=Framesetsatu lagi,HTML 4.01 StrictThis DTD contains all HTML elements and attributes, but does NOT INCLUDE presentational or deprecated elements (like font). Framesets are not allowed.HTML 4.01 TransitionalThis DTD contains all HTML elements and attributes, INCLUDING presentational and deprecated elements (like font). Framesets are not allowed.HTML 4.01 FramesetThis DTD is equal to HTML 4.01 Transitional, but allows the use of frameset content.takpaham...ble explain skit tak Quote Share this post Link to post Share on other sites
OngBok_1 2 Report post Posted December 29, 2009 ko ambik kat mana benda nie? Quote Share this post Link to post Share on other sites
xenomorf 1 Report post Posted December 29, 2009 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. Quote Share this post Link to post Share on other sites
budak.baru 0 Report post Posted December 29, 2009 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... Quote Share this post Link to post Share on other sites
xenomorf 1 Report post Posted January 1, 2010 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>. Quote Share this post Link to post Share on other sites
OngBok_1 2 Report post Posted January 1, 2010 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 Quote Share this post Link to post Share on other sites
budak.baru 0 Report post Posted January 1, 2010 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..... Quote Share this post Link to post Share on other sites
OngBok_1 2 Report post Posted January 1, 2010 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. Quote Share this post Link to post Share on other sites
budak.baru 0 Report post Posted January 1, 2010 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... Quote Share this post Link to post Share on other sites
OngBok_1 2 Report post Posted January 1, 2010 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> + CSSHTML:<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; } Quote Share this post Link to post Share on other sites
budak.baru 0 Report post Posted January 2, 2010 Tq bro... jadik ::icon_cheers:: nanti saya plan2 adjustkan position dia, dok tak betul lagi... ::icon_cheers:: Quote Share this post Link to post Share on other sites
budak.baru 0 Report post Posted January 2, 2010 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. ::icon_study:: Quote Share this post Link to post Share on other sites
OngBok_1 2 Report post Posted January 2, 2010 nak letak atas atau bawah temanx path Quote Share this post Link to post Share on other sites
budak.baru 0 Report post Posted January 2, 2010 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} Quote Share this post Link to post Share on other sites
OngBok_1 2 Report post Posted January 2, 2010 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 Quote Share this post Link to post Share on other sites
budak.baru 0 Report post Posted January 3, 2010 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.... Quote Share this post Link to post Share on other sites
OngBok_1 2 Report post Posted January 3, 2010 awak nak yang macamana? bagi contoh. Quote Share this post Link to post Share on other sites
budak.baru 0 Report post Posted January 3, 2010 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..... Quote Share this post Link to post Share on other sites
OngBok_1 2 Report post Posted January 3, 2010 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;} Quote Share this post Link to post Share on other sites
budak.baru 0 Report post Posted January 3, 2010 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.... Quote Share this post Link to post Share on other sites
OngBok_1 2 Report post Posted January 3, 2010 background-position: 0% 10%;#body1{background-repeat:no-repeat;background-image:url('bg.jpg');background-position: 0% 10%; /* cuba adjust left% & top% */} Quote Share this post Link to post Share on other sites
budak.baru 0 Report post Posted January 4, 2010 Lagi satu, boleh tak kita nak panjangkan ke bawah skit webpage. sebab gambar tu tak masuk penuh la... Quote Share this post Link to post Share on other sites
OngBok_1 2 Report post Posted January 5, 2010 berapa saiz gambar background tu? Quote Share this post Link to post Share on other sites
budak.baru 0 Report post Posted January 5, 2010 Image Type: png (The PNG image format)Width: 221 pixelsHeight: 198 pixels Quote Share this post Link to post Share on other sites
OngBok_1 2 Report post Posted January 5, 2010 kalau height 200px tentu masuk habis.mana screenshot Quote Share this post Link to post Share on other sites