23 September 2010

HTML

1. Apa kepanjangan dari HTML ?
Jawab : HTML = Hyper Text Markup Language

2. Sebutkan kegunaan HTML ?
Jawab :
secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.
Fungsi HTML yang lebih spesifik yaitu :

a. Membuat halaman web.
b. Menampilkan berbagai informasi di dalam sebuah browser Internet.
c. Membuat link menuju halaman web lain dengan kode tertentu (hypertext).

3. Apa fungsi TAG pada HTML ?
Jawab :
Perintah-perintah dalam HTML biasa di sebut dengan TAG. TAG ini kebanyakan mempunyai pasangan, yakni TAG pembuka dan penutup. Misal ..., ... dan lain sebagainya, dan TAG yang mempunyai pasangan ini juga bersifat Override yakni dapat menimpa fungsi TAG sebelumnya. Contoh : sebuah teks yang sudah di buat miring oleh tag ... , dapat di timpa oleh tag ... sehingga akan melahirkan dua hasil perintah yang berbeda sekaligus yakni kombinasi hurup miring dan hurup tebal, contoh :

ini hanya contoh saja sobat

yang akan tampil di browser adalah :


ini hanya contoh saja sobat


di samping TAG yang mempunyai pasangan, ada juga tag yang tidak memerlukan pasangan, misal TAG ,
, ataupun

Sebuah Tag tidaklah sensitif terhadap Case (hurup besar atau kecil), jadi mau di tulis hurup besar ataupun huruf kecil akan menghasilkan fungsi yang sama. Sebagai contoh : fungsi Tag .... akan sama dengan Tag .....

4. Sebutkan 4 jenis perataan ( Align ) pada HTML ?
Jawab :
Dalam tulisan cetak, dikenal tiga atau empat macam perataan yaitu rata kiri (align left), di tengah (center), rata kanan (align right) dan rata kiri dan kanan (justify).

5. Sebutkan fungsi page header dan title pada HTML ?
Jawab :
Page header
Header halaman ini digunakan untuk informasi grup di atasnya

1 September 2010

tag HTML

Macam – macam Tag pada HTML

Kumpulan Tag HTML Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
Sebagai awal dari Java applets
Mendefinisikan daerah yang dapat diklik (link) pada image map
Membuat teks tebal
Membuat atribut teks default seperti jenis, ukuran dan warna font
Memberi (suara latar) background sound pada halaman web
Memperbesar ukuran teks sebesar satu point dari defaultnya
Membuat teks berkedip
Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link

Pindah baris
Membuat caption pada tabel
Untuk perataan tengah terhadap teks atau gambar
Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
Indents teks
Represents different sections of text.
Menambahkan sound or file avi ke halaman web
Seperti tag
Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
Mendefinisikan input form
Mendefinisikan frame
Mendefinisikan attribut halaman yang akan menggunakan frame

Ukuran font
Mendefinisikan head document.

Membuat garis horizontal
Bararti dokumen html
Membuat teks miring
Image, imagemap atau an animation
Mendefinisikan input field pada form
  • Membuat bullet point atau baris baru pada list (berpasangan dengan tag , ,
      and
        )
        Mendefinisikan client-side map
        Membuat scrolling teks (teks berjalan) – hanya pada MS IE
        Mencegah ganti baris pada teks atau images
        Jika browser user tidak mendukung frame <br /><ol> Mendefinisikan awal dan akhir list <br /><p> Ganti paragraf <br /><pre> Membuat teks dengan ukuran huruf yg sama <br /><script> Mendefinisikan awal script <br /><table> Membuat tabel <br /><td> Kolom pada tabel <br /><title> Mendefinisikan title <br /><tr> Baris pada tabel <br /><u> Membuat teks bergaris bawah <br /> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Diposting oleh <span class='fn'>Adit Prasetyo</span> </span> <span class='post-timestamp'> di <a class='timestamp-link' href='http://prasetyoadit012.blogspot.com/2010/09/tag-html.html' rel='bookmark' title='permanent link'><abbr class='published' title='2010-09-01T20:12:00-07:00'>20.12</abbr></a> </span> <span class='reaction-buttons'> </span> <span class='star-ratings'> </span> <span class='post-comment-link'> <a class='comment-link' href='http://prasetyoadit012.blogspot.com/2010/09/tag-html.html#comment-form' onclick=''>0 komentar</a> </span> <span class='post-backlinks post-comment-link'> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1927371505'> <a href='https://www.blogger.com/post-edit.g?blogID=566863148521171137&postID=6402874941284891168&from=pencil' title='Edit Entri'> <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'></div> </div> </div> <!--Can't find substitution for tag [adEnd]--> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='http://prasetyoadit012.blogspot.com/' id='Blog1_blog-pager-newer-link' title='Postingan Lebih Baru'>Postingan Lebih Baru</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='http://prasetyoadit012.blogspot.com/search?updated-max=2010-09-01T20:12:00-07:00&amp;max-results=7' id='Blog1_blog-pager-older-link' title='Postingan Lama'>Postingan Lama</a> </span> <a class='home-link' href='http://prasetyoadit012.blogspot.com/'>Beranda</a> </div> <div class='clear'></div> <div class='blog-feeds'> <div class='feed-links'> Langganan: <a class='feed-link' href='http://prasetyoadit012.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Postingan (Atom)</a> </div> </div> </div></div> </div> <div id='sidebar-wrapper'> <div class='sidebar section' id='sidebar'> <div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <h2>Blog Archive</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul> <li class='archivedate collapsed'> <a class='toggle' href='//prasetyoadit012.blogspot.com/2010/09/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=YEARLY-1293868800000&toggleopen=MONTHLY-1283324400000'> <span class='zippy'> &#9658; </span> </a> <a class='post-count-link' href='http://prasetyoadit012.blogspot.com/2011/'>2011</a> <span class='post-count' dir='ltr'>(2)</span> <ul> <li class='archivedate collapsed'> <a class='toggle' href='//prasetyoadit012.blogspot.com/2010/09/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1293868800000&toggleopen=MONTHLY-1283324400000'> <span class='zippy'> &#9658; </span> </a> <a class='post-count-link' href='http://prasetyoadit012.blogspot.com/2011/01/'>Januari</a> <span class='post-count' dir='ltr'>(2)</span> </li> </ul> </li> </ul> <ul> <li class='archivedate expanded'> <a class='toggle' href='//prasetyoadit012.blogspot.com/2010/09/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=close&toggle=YEARLY-1262332800000&toggleopen=MONTHLY-1283324400000'> <span class='zippy toggle-open'>&#9660; </span> </a> <a class='post-count-link' href='http://prasetyoadit012.blogspot.com/2010/'>2010</a> <span class='post-count' dir='ltr'>(6)</span> <ul> <li class='archivedate expanded'> <a class='toggle' href='//prasetyoadit012.blogspot.com/2010/09/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=close&toggle=MONTHLY-1283324400000&toggleopen=MONTHLY-1283324400000'> <span class='zippy toggle-open'>&#9660; </span> </a> <a class='post-count-link' href='http://prasetyoadit012.blogspot.com/2010/09/'>September</a> <span class='post-count' dir='ltr'>(2)</span> <ul class='posts'> <li><a href='http://prasetyoadit012.blogspot.com/2010/09/html.html'>HTML</a></li> <li><a href='http://prasetyoadit012.blogspot.com/2010/09/tag-html.html'>tag HTML</a></li> </ul> </li> </ul> <ul> <li class='archivedate collapsed'> <a class='toggle' href='//prasetyoadit012.blogspot.com/2010/09/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1280646000000&toggleopen=MONTHLY-1283324400000'> <span class='zippy'> &#9658; </span> </a> <a class='post-count-link' href='http://prasetyoadit012.blogspot.com/2010/08/'>Agustus</a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul> <li class='archivedate collapsed'> <a class='toggle' href='//prasetyoadit012.blogspot.com/2010/09/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1277967600000&toggleopen=MONTHLY-1283324400000'> <span class='zippy'> &#9658; </span> </a> <a class='post-count-link' href='http://prasetyoadit012.blogspot.com/2010/07/'>Juli</a> <span class='post-count' dir='ltr'>(3)</span> </li> </ul> </li> </ul> </div> </div> <div class='clear'></div> </div> </div><div class='widget Profile' data-version='1' id='Profile1'> <h2>about me</h2> <div class='widget-content'> <dl class='profile-datablock'> <dt class='profile-data'> <a class='profile-name-link g-profile' href='https://www.blogger.com/profile/18058817970016121088' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'> Adit Prasetyo </a> </dt> <dd class='profile-data'>Jakarta, DKI Jakarta, Indonesia</dd> <dd class='profile-textblock'>manusia</dd> </dl> <a class='profile-link' href='https://www.blogger.com/profile/18058817970016121088' rel='author'>Lihat profil lengkapku</a> <div class='clear'></div> </div> </div><div class='widget Followers' data-version='1' id='Followers1'> <h2 class='title'>Followers</h2> <div class='widget-content'> <div id='Followers1-wrapper'> <div style='margin-right:2px;'> <div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <div id="followers-iframe-container"></div> <script type="text/javascript"> window.followersIframe = null; function followersIframeOpen(url) { gapi.load("gapi.iframes", function() { if (gapi.iframes && gapi.iframes.getContext) { window.followersIframe = gapi.iframes.getContext().openChild({ url: url, where: document.getElementById("followers-iframe-container"), messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { '_ready': function(obj) { window.followersIframe.getIframeEl().height = obj.height; }, 'reset': function() { window.followersIframe.close(); followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d566863148521171137\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMzMzMzMzMiByMzMzMzMzMqByNGRkZGRkYyByM2Njc3ODg6ByMzMzMzMzNCByMzMzMzMzNKByMwMDAwMDBSByMzMzMzMzNaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26origin\x3dhttp://prasetyoadit012.blogspot.com/"); }, 'open': function(url) { window.followersIframe.close(); followersIframeOpen(url); }, 'blogger-ping': function() { } } }); } }); } followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d566863148521171137\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMzMzMzMzMiByMzMzMzMzMqByNGRkZGRkYyByM2Njc3ODg6ByMzMzMzMzNCByMzMzMzMzNKByMwMDAwMDBSByMzMzMzMzNaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26origin\x3dhttp://prasetyoadit012.blogspot.com/"); </script></div> </div> </div> <div class='clear'></div> </div> </div></div> </div> <div id='footer-wrapper'> <div class='footer no-items section' id='footer'></div> </div> </div> </div></div></div></div> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/523887051-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY7BLAaRY_j9-4p2rkD5aOssW92HaQ:1716060971777';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d566863148521171137','//prasetyoadit012.blogspot.com/2010/09/','566863148521171137'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '566863148521171137', 'title': 'iseng iseng berhadiah', 'url': 'http://prasetyoadit012.blogspot.com/2010/09/', 'canonicalUrl': 'http://prasetyoadit012.blogspot.com/2010/09/', 'homepageUrl': 'http://prasetyoadit012.blogspot.com/', 'searchUrl': 'http://prasetyoadit012.blogspot.com/search', 'canonicalHomepageUrl': 'http://prasetyoadit012.blogspot.com/', 'blogspotFaviconUrl': 'http://prasetyoadit012.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22iseng iseng berhadiah - Atom\x22 href\x3d\x22http://prasetyoadit012.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22iseng iseng berhadiah - RSS\x22 href\x3d\x22http://prasetyoadit012.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22iseng iseng berhadiah - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/566863148521171137/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/8a8c39e8754b0ef7', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Bagikan ke Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'archive', 'pageName': 'September 2010', 'pageTitle': 'iseng iseng berhadiah: September 2010'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'iseng iseng berhadiah', 'description': '', 'url': 'http://prasetyoadit012.blogspot.com/2010/09/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': true, 'isLabelSearch': false, 'archive': {'year': 2010, 'month': 9, 'rangeMessage': 'Menampilkan postingan dari September, 2010'}}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1781096480-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Memuat\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar', document.getElementById('Followers1'), {}, 'displayModeFull')); </script> </body> </html>