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'> </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> <div class='comments' id='comments'> <a name='comments'></a> <h4> 0 komentar: </h4> <dl id='comments-block'> </dl> <p class='comment-footer'> <div class='comment-form'> <a name='comment-form'></a> <h4 id='comment-post-message'>Posting Komentar</h4> <p> </p> <a href='https://www.blogger.com/comment/frame/566863148521171137?po=6402874941284891168&hl=id' id='comment-editor-src'></a> <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'></iframe> <script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/2279400703-iframe_colorizer.js"></script> </div> </p> <div id='backlinks-container'> <div id='Blog1_backlinks-container'> </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/2010/09/html.html' id='Blog1_blog-pager-newer-link' title='Posting Lebih Baru'>Posting Lebih Baru</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='http://prasetyoadit012.blogspot.com/2010/08/maanfaat-dan-dampak-negatif-adanya.html' id='Blog1_blog-pager-older-link' title='Posting Lama'>Posting Lama</a> </span> <a class='home-link' href='http://prasetyoadit012.blogspot.com/'>Beranda</a> </div> <div class='clear'></div> <div class='post-feeds'> <div class='feed-links'> Langganan: <a class='feed-link' href='http://prasetyoadit012.blogspot.com/feeds/6402874941284891168/comments/default' target='_blank' type='application/atom+xml'>Posting Komentar (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/tag-html.html?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/tag-html.html?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/tag-html.html?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/tag-html.html?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/tag-html.html?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/tag-html.html?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\x26postID\x3d6402874941284891168\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\x26postID\x3d6402874941284891168\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/4290687098-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY7yyVEDoPRjXu7_F3xW70-nArqsqA:1714973086347';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d566863148521171137','//prasetyoadit012.blogspot.com/2010/09/tag-html.html','566863148521171137'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '566863148521171137', 'title': 'iseng iseng berhadiah', 'url': 'http://prasetyoadit012.blogspot.com/2010/09/tag-html.html', 'canonicalUrl': 'http://prasetyoadit012.blogspot.com/2010/09/tag-html.html', '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\n\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/6402874941284891168/comments/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/a26ecadc30bb77e6', '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': 'item', 'postId': '6402874941284891168', 'pageName': 'tag HTML', 'pageTitle': 'iseng iseng berhadiah: tag HTML'}}, {'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': 'tag HTML', 'description': 'Macam \u2013 macam Tag pada HTML\r \r Kumpulan Tag HTML Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan t...', 'url': 'http://prasetyoadit012.blogspot.com/2010/09/tag-html.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 6402874941284891168}}]); _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/1666805145-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>