<?xml version='1.0' encoding='UTF-8'?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-5559326772808011492</atom:id><lastBuildDate>Wed, 28 Aug 2024 17:54:28 +0000</lastBuildDate><category>html</category><category>outline</category><category>PHOTOSHOP</category><category>javascripts</category><title>Information Technology and Communication for SMA</title><description>everyting about ICT</description><link>http://tikforsma.blogspot.com/</link><managingEditor>noreply@blogger.com (tik_sma)</managingEditor><generator>Blogger</generator><openSearch:totalResults>7</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5559326772808011492.post-6953639217973594223</guid><pubDate>Sat, 01 Dec 2007 03:32:00 +0000</pubDate><atom:updated>2007-12-05T16:12:58.684+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">outline</category><title>KISI KISI ULANGAN SEMESTER</title><description>Ulangan akhir semester ganjil akan segera dimulai. Siswa harus segera mempersiapkan diri segala sesuatunya mulai dari kesehatan sampai dengan belajarnya.&lt;br /&gt;Percalah Diri dengan segala kemampuanmu, jangan suka &quot;ngepek&quot;. . .&lt;br /&gt;Jika kalian ingin berhasil ya belajar.&lt;br /&gt;Nich ada kisi kisi untuk membantu belajar kalian. . .&lt;br /&gt;segera di &lt;a href=&quot;http://tik.sma2-smg.com/SoalLatihanPhotoshop.zip&quot;&gt;download&lt;/a&gt; dan segera pelajari. . . .&lt;br /&gt;Selamat Belajar dan Good Luck !!!&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;http://tik.sma2-smg.com/SoalLatihanPhotoshop.zip&quot;&gt;&lt;em&gt;&lt;strong&gt;Kisi kisi &lt;/strong&gt;&lt;/em&gt;&lt;/a&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;Teknologi Informasi dan Komunikasi&lt;/div&gt;</description><link>http://tikforsma.blogspot.com/2007/11/kisi-kisi-ulangan-semester.html</link><author>noreply@blogger.com (tik_sma)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5559326772808011492.post-9086215213528822641</guid><pubDate>Fri, 30 Nov 2007 05:17:00 +0000</pubDate><atom:updated>2007-12-13T15:41:01.173+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">PHOTOSHOP</category><title>ShortCUt Photoshop</title><description>Kali ini kita akan membahas mengenai keyboard shortcut yang sering digunakan dan harus dikuasai dalam menggunakan Photoshop. Dengan menggunakan shortcut-shortcut ini kita dapat mempercepat proses kerja dan akan sangat memudahkan kita dalam bekerja.&lt;br /&gt;Selanjutnya kita akan membahas beberapa shortcut yang biasanya paling sering digunakan dalam bekerja menggunakan Photoshop. Perlu anda ketahui, shortcut-shortcut yang ada dibawah ini wajib untuk anda kuasai.&lt;span class=&quot;selengkapnya&quot;&gt;&lt;br /&gt;Shortcut-shortcut tersebut antara lain :&lt;br /&gt;&lt;strong&gt;Ctrl + Z / Ctrl + Alt + Z&lt;/strong&gt;Merupakan shortcut dari Undo yang digunakan untuk membatalkan perintah. Ctrl + Z untuk membatalkan perintah terakhir sedangkan &lt;em&gt;Ctrl + Alt + Z &lt;/em&gt;untuk membatalkan sampai dengan 10 perintah terakhir.&lt;br /&gt; &lt;br /&gt;&lt;strong&gt;Ctrl + D&lt;/strong&gt;&lt;br /&gt;Shortcut yang digunakan untuk mematikan seleksi/selection.&lt;br /&gt; &lt;br /&gt;&lt;strong&gt;Ctrl + C&lt;/strong&gt;&lt;br /&gt;Merupakan shortcut untuk meng-copy obyek.&lt;br /&gt; &lt;br /&gt;&lt;strong&gt;Ctrl + X&lt;/strong&gt;&lt;br /&gt;Merupakan shortcut untuk meng-cut obyek.&lt;br /&gt; &lt;br /&gt;&lt;strong&gt;Ctrl + V&lt;/strong&gt;&lt;br /&gt;Merupakan shortcut untuk mem-paste obyek yang telah di-copy/di-cut.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Untuk lebih lanjut belajar mengenai shortcut photoshop dapat anda download &lt;br /&gt;&lt;a href=&quot;http://tik.sma2-smg.com/shortcutphotoshop.zip&quot;&gt;disini&lt;/a&gt;, atau bisa dilihat dalam menu download.&lt;br /&gt;&lt;br /&gt;Selamat mencoba dan berkreasi&lt;/span&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;Teknologi Informasi dan Komunikasi&lt;/div&gt;</description><link>http://tikforsma.blogspot.com/2007/11/shortcut-photoshop.html</link><author>noreply@blogger.com (tik_sma)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5559326772808011492.post-4393208302828058611</guid><pubDate>Mon, 24 Sep 2007 05:12:00 +0000</pubDate><atom:updated>2007-09-24T12:13:25.634+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">outline</category><title>The Outline of Mid Semester Test</title><description>The Outline of Mid Semester Test :&lt;br /&gt;&lt;br /&gt;1. Learn the HTML Tag&lt;br /&gt;2. The numbers of multiple choice tests are 20&lt;br /&gt;3. The numbers of Essay tests are 5&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Example:&lt;br /&gt;&lt;br /&gt;Multiple Choice:&lt;br /&gt;&lt;br /&gt;1.   If we want to give a word bold printed, which tag do we use?&lt;br /&gt;a. &amp;lt html&amp;gt . . . &amp;lt/html&amp;gt  c. &amp;lttitle&amp;gt . . . &amp;lt/title&amp;gt&lt;br /&gt;b. &amp;ltstart&amp;gt . . . &amp;lt/start&amp;gt  d. &amp;ltb&amp;gt . ..  &amp;lt/b&amp;gt&lt;br /&gt;2.   The Tag we use to make a horizontal line is………&lt;br /&gt;a. &amp;lth1&amp;gt . . .&amp;lt/h1&amp;gt   c. &amp;lthr&amp;gt . . . . &amp;lt/hr&amp;gt&lt;br /&gt;b. &amp;ltbr&amp;gt    d. &amp;ltp&amp;gt . . . &amp;lt/p&amp;gt&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Essay:&lt;br /&gt;&lt;br /&gt;1. Please explain what does it mean by HTML! &lt;br /&gt;2. Please explain, what does it mean by home page!&lt;div class=&quot;blogger-post-footer&quot;&gt;Teknologi Informasi dan Komunikasi&lt;/div&gt;</description><link>http://tikforsma.blogspot.com/2007/09/outline-of-mid-semester-test.html</link><author>noreply@blogger.com (tik_sma)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5559326772808011492.post-9094773580893389575</guid><pubDate>Thu, 20 Sep 2007 06:43:00 +0000</pubDate><atom:updated>2007-09-20T13:57:43.609+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">html</category><title>Link</title><description>The Anchor Tag and the Href Attribute&lt;br /&gt;&lt;br /&gt;&lt;p&gt;&lt;b&gt;HTML uses the &amp;lt;a&amp;gt; (anchor) tag to create a link to another document.&lt;/b&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;An anchor can point to any resource on the Web: an HTML page, an image, a sound file, a movie,&lt;br /&gt;etc.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;The syntax of creating an anchor:&amp;nbsp;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;table width=&quot;100%&quot; class=&quot;ex&quot; cellspacing=&quot;0&quot; border=&quot;1&quot;&gt;&lt;br /&gt;    &lt;tr&gt;&lt;br /&gt;      &lt;td&gt;&lt;br /&gt;        &lt;pre&gt;&amp;lt;a href=&amp;quot;url&amp;quot;&amp;gt;Text to be displayed&amp;lt;/a&amp;gt;&lt;/pre&gt;&lt;br /&gt;      &lt;/td&gt;&lt;br /&gt;    &lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;&lt;p&gt;&lt;br /&gt; &lt;span class=&quot;selengkapnya&quot;&gt;The &amp;lt;a&amp;gt; tag is used to create&lt;br /&gt;an anchor to link from, the href attribute is used to address the document&lt;br /&gt;to link to, and the words between the open and close of the anchor tag will be displayed as a hyperlink.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;This anchor defines a link to W3Schools:&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;table width=&quot;100%&quot; class=&quot;ex&quot; cellspacing=&quot;0&quot; border=&quot;1&quot;&gt;&lt;br /&gt;    &lt;tr&gt;&lt;br /&gt;      &lt;td&gt;&lt;br /&gt;&lt;br /&gt;&lt;pre&gt;&amp;lt;a href=&amp;quot;http://www.w3schools.com/&amp;quot;&amp;gt;Visit W3Schools!&amp;lt;/a&amp;gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;      &lt;/td&gt;&lt;br /&gt;    &lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;The line above will look like this in a browser:&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;&lt;a href=&quot;http://www.w3schools.com/&quot;&gt;Visit W3Schools!&lt;/a&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;hr /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;The Target Attribute&lt;/h2&gt;&lt;br /&gt;&lt;p&gt;With the target attribute, you can define &lt;b&gt; where&lt;/b&gt; the linked document will be&lt;br /&gt;opened.&lt;/p&gt;&lt;br /&gt;&lt;p&gt;The line below will open the document in a new browser window:&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;table width=&quot;100%&quot; class=&quot;ex&quot; cellspacing=&quot;0&quot; border=&quot;1&quot;&gt;&lt;br /&gt;    &lt;tr&gt;&lt;br /&gt;      &lt;td&gt;&lt;br /&gt;&lt;br /&gt;&lt;pre&gt;&amp;lt;a href=&amp;quot;http://www.w3schools.com/&amp;quot;&lt;br /&gt;target=&amp;quot;_blank&amp;quot;&amp;gt;Visit W3Schools!&amp;lt;/a&amp;gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;      &lt;/td&gt;&lt;br /&gt;    &lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;hr /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;The Anchor Tag and the Name Attribute&lt;/h2&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;The name attribute is used to create a named anchor. When using named anchors&lt;br /&gt;we can create links that can jump directly into a specific section on a page, instead of&lt;br /&gt;letting the user scroll around to find what he/she is looking for.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;Below is the syntax of a named anchor:&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;table width=&quot;100%&quot; class=&quot;ex&quot; cellspacing=&quot;0&quot; border=&quot;1&quot;&gt;&lt;br /&gt;    &lt;tr&gt;&lt;br /&gt;      &lt;td&gt;&lt;br /&gt;        &lt;pre&gt;&amp;lt;a name=&amp;quot;label&amp;quot;&amp;gt;Text to be displayed&amp;lt;/a&amp;gt;&lt;/pre&gt;&lt;br /&gt;      &lt;/td&gt;&lt;br /&gt;    &lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;&lt;p&gt;The name attribute is used to create a named anchor. The name of the anchor&lt;br /&gt;can be any text you care to use.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;The line below defines a named anchor:&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;table width=&quot;100%&quot; class=&quot;ex&quot; cellspacing=&quot;0&quot; border=&quot;1&quot;&gt;&lt;br /&gt;    &lt;tr&gt;&lt;br /&gt;      &lt;td&gt;&lt;br /&gt;        &lt;pre&gt;&amp;lt;a name=&amp;quot;tips&amp;quot;&amp;gt;Useful Tips Section&amp;lt;/a&amp;gt;&lt;/pre&gt;&lt;br /&gt;      &lt;/td&gt;&lt;br /&gt;    &lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;&lt;p&gt;You should notice that a named anchor is not displayed in a special way.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;To link directly to the &amp;quot;tips&amp;quot; section, add a # sign and the name of the anchor to the end of &lt;br /&gt;a&lt;br /&gt;URL, like this:&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;table width=&quot;100%&quot; class=&quot;ex&quot; cellspacing=&quot;0&quot; border=&quot;1&quot;&gt;&lt;br /&gt;    &lt;tr&gt;&lt;br /&gt;      &lt;td&gt;&lt;br /&gt;        &lt;pre&gt;&amp;lt;a href=&amp;quot;http://www.w3schools.com/html_links.asp#tips&amp;quot;&amp;gt;&lt;br /&gt;Jump to the Useful Tips Section&amp;lt;/a&amp;gt;&lt;/pre&gt;&lt;br /&gt;      &lt;/td&gt;&lt;br /&gt;    &lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;A hyperlink to the Useful Tips Section from WITHIN the file &amp;quot;html_links.asp&amp;quot;&lt;br /&gt;will look like this:&amp;nbsp;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;table width=&quot;100%&quot; class=&quot;ex&quot; cellspacing=&quot;0&quot; border=&quot;1&quot;&gt;&lt;br /&gt;    &lt;tr&gt;&lt;br /&gt;      &lt;td&gt;&lt;br /&gt;        &lt;pre&gt;&amp;lt;a href=&amp;quot;#tips&amp;quot;&amp;gt;Jump to the Useful Tips Section&amp;lt;/a&amp;gt;&lt;/pre&gt;&lt;br /&gt;      &lt;/td&gt;&lt;br /&gt;    &lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;/span&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;Teknologi Informasi dan Komunikasi&lt;/div&gt;</description><link>http://tikforsma.blogspot.com/2007/09/link.html</link><author>noreply@blogger.com (tik_sma)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5559326772808011492.post-5315287996144410383</guid><pubDate>Wed, 19 Sep 2007 01:39:00 +0000</pubDate><atom:updated>2007-09-19T09:41:18.251+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">html</category><title>Table</title><description>This HTML table tutorial demonstrates how to create tables in HTML. It assumes you know how to create an HTML page. &lt;br /&gt;&lt;h2&gt;Basic table tags&lt;/h2&gt;&lt;br /&gt;&lt;p&gt;In HTML, you create tables using the table tag, &lt;span class=&quot;selengkapnya&quot;&gt; Ini  in conjunction with the trand td tags. Although there are other tags for creating tables, these are the basics for creating a table in HTML.&lt;/p&gt;&lt;br /&gt;&lt;table border=&quot;0&quot; width=&quot;100%&quot; cellspacing=&quot;0&quot; class=&quot;exampleCode&quot;&gt;&lt;br /&gt; &lt;tr&gt;&lt;br /&gt;  &lt;td class=&quot;htmlCode html-tutorial-label&quot;&gt;Type this HTML code...&lt;/td&gt;&lt;td class=&quot;htmlCode&quot;&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&lt;pre&gt;&amp;lt;table border=&quot;1&quot;&amp;gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;&amp;lt;td&amp;gt;Table cell 1&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Table cell 2&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;/table&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;&lt;pre&gt;&lt;/pre&gt;&lt;br /&gt;&lt;/code&gt;&lt;/td&gt;&lt;br /&gt; &lt;/tr&gt;&lt;br /&gt; &lt;tr&gt;&lt;br /&gt;  &lt;td class=&quot;html-tutorial-label&quot;&gt;It should result in something like this in your browser...&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;table border=&quot;1&quot;&gt;&lt;br /&gt;&lt;tr&gt;&lt;br /&gt;&lt;td&gt;Table cell 1&lt;/td&gt;&lt;td&gt;Table cell 2&lt;/td&gt;&lt;br /&gt;&lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;  &lt;/td&gt;&lt;br /&gt; &lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;You&#39;ll notice that we added a &lt;code&gt;border&lt;/code&gt; attribute to the &lt;code&gt;table&lt;/code&gt; tag. This particular attribute allows us to specify how thick the border will be. If we don&#39;t want a border we can specify 0 (zero). Other common attributes you can use with your table tag include &lt;br /&gt;&lt;br /&gt;&lt;span class=&quot;selengkapnya&quot;&gt; Ini adalah akhir postingan saya &lt;/span&gt;&lt;br /&gt;&lt;code&gt;width&lt;/code&gt;, &lt;code&gt;width&lt;/code&gt;, &lt;code&gt;cellspacing&lt;/code&gt; and &lt;code&gt;cellpadding&lt;/code&gt;.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;You can also add attributes to the &lt;code&gt;tr&lt;/code&gt; and &lt;code&gt;td&lt;/code&gt; tags. For example, you can specify the width of each table cell.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;Widths can be specified in either pixels or percentages. Specifying the width in pixels allows you to specify an exact width. Percentages allows the table to &quot;grow&quot; or &quot;shrink&quot; depending on what else is on the page and how wide the browser is.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;table border=&quot;0&quot; width=&quot;100%&quot; cellspacing=&quot;0&quot; class=&quot;exampleCode&quot;&gt;&lt;br /&gt; &lt;tr&gt;&lt;br /&gt;  &lt;td class=&quot;htmlCode html-tutorial-label&quot;&gt;Add some attributes to your table...&lt;/td&gt;&lt;td class=&quot;htmlCode&quot;&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&lt;pre&gt;&amp;lt;table border=&quot;1&quot; &lt;b&gt;cellpadding=&quot;5&quot; cellspacing=&quot;5&quot; width=&quot;100%&quot;&lt;/b&gt;&amp;gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;&amp;lt;td &lt;b&gt;width=&quot;20%&quot;&lt;/b&gt;&amp;gt;Table cell 1&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Table cell 2&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;/table&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;&lt;pre&gt;&lt;/pre&gt;&lt;br /&gt;&lt;/code&gt;&lt;/td&gt;&lt;br /&gt; &lt;/tr&gt;&lt;br /&gt; &lt;tr&gt;&lt;br /&gt;  &lt;td class=&quot;html-tutorial-label&quot;&gt;It should result in something like this in your browser...&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;table border=&quot;1&quot; cellpadding=&quot;5&quot; cellspacing=&quot;5&quot; width=&quot;100%&quot;&gt;&lt;br /&gt;&lt;tr&gt;&lt;br /&gt;&lt;td width=&quot;20%&quot;&gt;Table cell 1&lt;/td&gt;&lt;td&gt;Table cell 2&lt;/td&gt;&lt;br /&gt;&lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;  &lt;/td&gt;&lt;br /&gt; &lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Table Headers&lt;/h2&gt;&lt;br /&gt;&lt;p&gt;Many tables, particularly those with tabular data, have a header row or column. In HTML, you can use the &lt;a href=&quot;/html/html_th_tag.cfm&quot;&gt;th&lt;/a&gt; tag.&lt;/p&gt;&lt;br /&gt;&lt;p&gt;Most browsers display table headers in bold and center-aligned.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;table border=&quot;0&quot; width=&quot;100%&quot; cellspacing=&quot;0&quot; class=&quot;exampleCode&quot;&gt;&lt;br /&gt; &lt;tr&gt;&lt;br /&gt;  &lt;td class=&quot;htmlCode html-tutorial-label&quot;&gt;Add a table header row...&lt;/td&gt;&lt;td class=&quot;htmlCode&quot;&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&lt;pre&gt;&amp;lt;table border=&quot;1&quot; cellpadding=&quot;5&quot; cellspacing=&quot;5&quot; width=&quot;100%&quot;&amp;gt;&lt;br /&gt;&lt;b&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;&amp;lt;th&amp;gt;Table header&amp;lt;/th&amp;gt;&lt;br /&gt;&amp;lt;th&amp;gt;Table header&amp;lt;/th&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;/b&gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;&amp;lt;td width=&quot;20%&quot;&amp;gt;Table cell 1&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Table cell 2&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;/table&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;&lt;pre&gt;&lt;/pre&gt;&lt;br /&gt;&lt;/code&gt;&lt;/td&gt;&lt;br /&gt; &lt;/tr&gt;&lt;br /&gt; &lt;tr&gt;&lt;br /&gt;  &lt;td class=&quot;html-tutorial-label&quot;&gt;It should result in something like this in your browser...&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;table border=&quot;1&quot; cellpadding=&quot;5&quot; cellspacing=&quot;5&quot; width=&quot;100%&quot;&gt;&lt;br /&gt;&lt;tr&gt;&lt;br /&gt;&lt;th style=&quot;text-align:center&quot;&gt;Table header&lt;/th&gt;&lt;th style=&quot;text-align:center&quot;&gt;Table header&lt;/th&gt;&lt;br /&gt;&lt;/tr&gt;&lt;br /&gt;&lt;tr&gt;&lt;br /&gt;&lt;td width=&quot;20%&quot;&gt;Table cell 1&lt;/td&gt;&lt;td&gt;Table cell 2&lt;/td&gt;&lt;br /&gt;&lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;  &lt;/td&gt;&lt;br /&gt; &lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Colspan&lt;/h2&gt;&lt;br /&gt;&lt;p&gt;You can use the &lt;dfn&gt;colspan&lt;/dfn&gt; attribute to make a cell span multiple columns.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;table border=&quot;0&quot; width=&quot;100%&quot; cellspacing=&quot;0&quot; class=&quot;exampleCode&quot;&gt;&lt;br /&gt; &lt;tr&gt;&lt;br /&gt;  &lt;td class=&quot;htmlCode html-tutorial-label&quot;&gt;Add colspan...&lt;/td&gt;&lt;td class=&quot;htmlCode&quot;&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&lt;pre&gt;&amp;lt;table border=&quot;1&quot; cellpadding=&quot;5&quot; cellspacing=&quot;5&quot; width=&quot;100%&quot;&amp;gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;&amp;lt;th &lt;b&gt;colspan=&quot;2&quot;&amp;gt;&lt;/b&gt;Table header&amp;lt;/th&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;&amp;lt;td width=&quot;20%&quot;&amp;gt;Table cell 1&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;Table cell 2&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;/table&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;&lt;pre&gt;&lt;/pre&gt;&lt;br /&gt;&lt;/code&gt;&lt;/td&gt;&lt;br /&gt; &lt;/tr&gt;&lt;br /&gt; &lt;tr&gt;&lt;br /&gt;  &lt;td class=&quot;html-tutorial-label&quot;&gt;It should result in something like this in your browser...&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;table border=&quot;1&quot; cellpadding=&quot;5&quot; cellspacing=&quot;5&quot; width=&quot;100%&quot;&gt;&lt;br /&gt;&lt;tr&gt;&lt;br /&gt;&lt;th style=&quot;text-align:center&quot; colspan=&quot;2&quot;&gt;Table header&lt;/th&gt;&lt;br /&gt;&lt;/tr&gt;&lt;br /&gt;&lt;tr&gt;&lt;br /&gt;&lt;td width=&quot;20%&quot;&gt;Table cell 1&lt;/td&gt;&lt;td&gt;Table cell 2&lt;/td&gt;&lt;br /&gt;&lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;  &lt;/td&gt;&lt;br /&gt; &lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Rowspan&lt;/h2&gt;&lt;br /&gt;&lt;p&gt;Similar to what colspan is for columns, &lt;dfn&gt;rowspan&lt;/dfn&gt; enables you to make a cell span multiple &lt;b&gt;rows&lt;/b&gt;.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;table border=&quot;0&quot; width=&quot;100%&quot; cellspacing=&quot;0&quot; class=&quot;exampleCode&quot;&gt;&lt;br /&gt; &lt;tr&gt;&lt;br /&gt;  &lt;td class=&quot;htmlCode html-tutorial-label&quot;&gt;Add rowspan...&lt;/td&gt;&lt;td class=&quot;htmlCode&quot;&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&lt;pre&gt;&amp;lt;table border=&quot;1&quot; cellpadding=&quot;5&quot; cellspacing=&quot;5&quot; width=&quot;100%&quot;&amp;gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;&amp;lt;th &lt;b&gt;rowspan=&quot;2&quot;&lt;/b&gt;&amp;gt;Table header&amp;lt;/th&amp;gt;&amp;lt;td&amp;gt;Table cell 1&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;&amp;lt;td&amp;gt;Table cell 2&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;/table&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;&lt;pre&gt;&lt;/pre&gt;&lt;br /&gt;&lt;/code&gt;&lt;/td&gt;&lt;br /&gt; &lt;/tr&gt;&lt;br /&gt; &lt;tr&gt;&lt;br /&gt;  &lt;td class=&quot;html-tutorial-label&quot;&gt;It should result in something like this in your browser...&lt;/td&gt;&lt;td&gt;&lt;br /&gt;&lt;table border=&quot;1&quot; cellpadding=&quot;5&quot; cellspacing=&quot;5&quot; width=&quot;100%&quot;&gt;&lt;br /&gt;&lt;tr&gt;&lt;br /&gt;&lt;th style=&quot;text-align:center&quot; rowspan=&quot;2&quot;&gt;Table header&lt;/th&gt;&lt;td&gt;Table cell 1&lt;br /&gt;&lt;/tr&gt;&lt;br /&gt;&lt;tr&gt;&lt;br /&gt;&lt;td&gt;Table cell 2&lt;/td&gt;&lt;br /&gt;&lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;  &lt;/td&gt;&lt;br /&gt; &lt;/tr&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;Teknologi Informasi dan Komunikasi&lt;/div&gt;</description><link>http://tikforsma.blogspot.com/2007/09/table.html</link><author>noreply@blogger.com (tik_sma)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5559326772808011492.post-5647166273263177406</guid><pubDate>Wed, 19 Sep 2007 00:45:00 +0000</pubDate><atom:updated>2007-09-19T09:44:01.028+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">html</category><title>Marquee</title><description>Tag HTML which is used to make text moving back or forth / upside or down called &lt;em&gt;&lt;strong&gt;marquee.&lt;/strong&gt;&lt;/em&gt;&lt;br /&gt;&lt;br /&gt;The syntax form is as below :&lt;br /&gt;&lt;br /&gt;&lt;pre&gt;&lt;br /&gt;&amp;lt;marquee&amp;gt;sentences&lt;br /&gt;&amp;lt;/marquee&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;&lt;span class=&quot;selengkapnya&quot;&gt; &lt;br /&gt;note :&lt;br /&gt;&lt;br /&gt;marquee = tag marquee&lt;br /&gt;&lt;br /&gt;n = atribut&lt;br /&gt;&lt;br /&gt;1. direction, consist of &lt;em&gt;left, right, up, down&lt;/em&gt;&lt;br /&gt;&lt;br /&gt;&lt;em&gt;2. &lt;/em&gt;behavior, consist of &lt;em&gt;scroll, slide, alternate&lt;/em&gt;&lt;br /&gt;&lt;br /&gt;&lt;em&gt;3. width&lt;/em&gt;&lt;br /&gt;&lt;br /&gt;&lt;em&gt;4. height &lt;/em&gt;&lt;br /&gt;&lt;br&gt;example :&lt;br /&gt;&lt;pre&gt;&lt;br /&gt;&amp;lt;html&amp;gt;&lt;br /&gt;&amp;lt;head&amp;gt;&lt;br /&gt;&amp;lt;title&amp;gt;learning marquee&amp;lt;/title&amp;gt;&lt;br /&gt;&amp;lt;/head&amp;gt;&lt;br /&gt;&amp;lt;body&amp;gt;&lt;br /&gt;&amp;lt;marquee direction=&quot;right&quot; behavior=&quot;alternate&quot;&amp;gt;This is my Marquee&amp;lt;/marquee&amp;gt;&lt;br /&gt;&amp;lt;/body&amp;gt;&lt;br /&gt;&amp;lt;/html&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;br&gt;This code results in:&lt;br /&gt;&lt;marquee direction=&quot;right&quot; behavior=&quot;alternate&quot;&gt;this is my Marquee&lt;/marquee&gt;&lt;/span&gt;&lt;div class=&quot;blogger-post-footer&quot;&gt;Teknologi Informasi dan Komunikasi&lt;/div&gt;</description><link>http://tikforsma.blogspot.com/2007/09/marquee.html</link><author>noreply@blogger.com (tik_sma)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5559326772808011492.post-5228694773036249665</guid><pubDate>Sat, 15 Sep 2007 05:21:00 +0000</pubDate><atom:updated>2007-09-15T12:23:24.577+07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">javascripts</category><title>Java Scripts</title><description>Belajar HTML jika tanpa belajar Javascripts tidaklah lengkap, ni aku kasih dikit trik javascripts&lt;div class=&quot;blogger-post-footer&quot;&gt;Teknologi Informasi dan Komunikasi&lt;/div&gt;</description><link>http://tikforsma.blogspot.com/2007/09/java-scripts.html</link><author>noreply@blogger.com (tik_sma)</author><thr:total>0</thr:total></item></channel></rss>