<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-3315118028993437919</id><updated>2012-02-16T21:03:20.588+07:00</updated><category term='Materi Kuliah'/><title type='text'>Welcome to pick's blog</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://pickdelonge.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3315118028993437919/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://pickdelonge.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>pIck's bLog</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://1.bp.blogspot.com/_YwmvUHTMC9M/SLfn2_lI1aI/AAAAAAAAABA/MzUTC50c_tI/S220/Img00015.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>3</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-3315118028993437919.post-5821274450757945219</id><published>2009-09-02T11:16:00.005+07:00</published><updated>2009-09-02T11:24:45.846+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Materi Kuliah'/><title type='text'>Mengawali dengan HTML</title><content type='html'>&lt;meta equiv="Content-Type" content="text/html; charset=utf-8"&gt;&lt;meta name="ProgId" content="Word.Document"&gt;&lt;meta name="Generator" content="Microsoft Word 12"&gt;&lt;meta name="Originator" content="Microsoft Word 12"&gt;&lt;link rel="File-List" href="file:///C:%5CDOCUME%7E1%5CTAUFIQ%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_filelist.xml"&gt;&lt;link rel="themeData" href="file:///C:%5CDOCUME%7E1%5CTAUFIQ%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_themedata.thmx"&gt;&lt;link rel="colorSchemeMapping" href="file:///C:%5CDOCUME%7E1%5CTAUFIQ%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_colorschememapping.xml"&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt;  &lt;w:worddocument&gt;   &lt;w:view&gt;Normal&lt;/w:View&gt;   &lt;w:zoom&gt;0&lt;/w:Zoom&gt;   &lt;w:trackmoves/&gt;   &lt;w:trackformatting/&gt;   &lt;w:punctuationkerning/&gt;   &lt;w:validateagainstschemas/&gt;   &lt;w:saveifxmlinvalid&gt;false&lt;/w:SaveIfXMLInvalid&gt;   &lt;w:ignoremixedcontent&gt;false&lt;/w:IgnoreMixedContent&gt;   &lt;w:alwaysshowplaceholdertext&gt;false&lt;/w:AlwaysShowPlaceholderText&gt;   &lt;w:donotpromoteqf/&gt;   &lt;w:lidthemeother&gt;EN-US&lt;/w:LidThemeOther&gt;   &lt;w:lidthemeasian&gt;X-NONE&lt;/w:LidThemeAsian&gt;   &lt;w:lidthemecomplexscript&gt;AR-SA&lt;/w:LidThemeComplexScript&gt;   &lt;w:compatibility&gt;    &lt;w:breakwrappedtables/&gt;    &lt;w:snaptogridincell/&gt;    &lt;w:wraptextwithpunct/&gt;    &lt;w:useasianbreakrules/&gt;    &lt;w:dontgrowautofit/&gt;    &lt;w:splitpgbreakandparamark/&gt;    &lt;w:dontvertaligncellwithsp/&gt;    &lt;w:dontbreakconstrainedforcedtables/&gt;    &lt;w:dontvertalignintxbx/&gt;    &lt;w:word11kerningpairs/&gt;    &lt;w:cachedcolbalance/&gt;   &lt;/w:Compatibility&gt;   &lt;w:browserlevel&gt;MicrosoftInternetExplorer4&lt;/w:BrowserLevel&gt;   &lt;m:mathpr&gt;    &lt;m:mathfont val="Cambria Math"&gt;    &lt;m:brkbin val="before"&gt;    &lt;m:brkbinsub val="&amp;#45;-"&gt;    &lt;m:smallfrac val="off"&gt;    &lt;m:dispdef/&gt;    &lt;m:lmargin val="0"&gt;    &lt;m:rmargin val="0"&gt;    &lt;m:defjc val="centerGroup"&gt;    &lt;m:wrapindent val="1440"&gt;    &lt;m:intlim val="subSup"&gt;    &lt;m:narylim val="undOvr"&gt;   &lt;/m:mathPr&gt;&lt;/w:WordDocument&gt; &lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt;  &lt;w:latentstyles deflockedstate="false" defunhidewhenused="true" defsemihidden="true" defqformat="false" defpriority="99" latentstylecount="267"&gt;   &lt;w:lsdexception locked="false" priority="0" semihidden="false" unhidewhenused="false" qformat="true" name="Normal"&gt;   &lt;w:lsdexception locked="false" priority="9" semihidden="false" unhidewhenused="false" qformat="true" name="heading 1"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 2"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 3"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 4"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 5"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 6"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 7"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 8"&gt;   &lt;w:lsdexception locked="false" priority="9" qformat="true" name="heading 9"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 1"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 2"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 3"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 4"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 5"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 6"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 7"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 8"&gt;   &lt;w:lsdexception locked="false" priority="39" name="toc 9"&gt;   &lt;w:lsdexception locked="false" priority="35" qformat="true" name="caption"&gt;   &lt;w:lsdexception locked="false" priority="10" semihidden="false" unhidewhenused="false" qformat="true" name="Title"&gt;   &lt;w:lsdexception locked="false" priority="1" name="Default Paragraph Font"&gt;   &lt;w:lsdexception locked="false" priority="11" semihidden="false" unhidewhenused="false" qformat="true" name="Subtitle"&gt;   &lt;w:lsdexception locked="false" priority="22" semihidden="false" unhidewhenused="false" qformat="true" name="Strong"&gt;   &lt;w:lsdexception locked="false" priority="20" semihidden="false" unhidewhenused="false" qformat="true" name="Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="59" semihidden="false" unhidewhenused="false" name="Table Grid"&gt;   &lt;w:lsdexception locked="false" unhidewhenused="false" name="Placeholder Text"&gt;   &lt;w:lsdexception locked="false" priority="1" semihidden="false" unhidewhenused="false" qformat="true" name="No Spacing"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" unhidewhenused="false" name="Revision"&gt;   &lt;w:lsdexception locked="false" priority="34" semihidden="false" unhidewhenused="false" qformat="true" name="List Paragraph"&gt;   &lt;w:lsdexception locked="false" priority="29" semihidden="false" unhidewhenused="false" qformat="true" name="Quote"&gt;   &lt;w:lsdexception locked="false" priority="30" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Quote"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 1"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 2"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 3"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 4"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 5"&gt;   &lt;w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 6"&gt;   &lt;w:lsdexception locked="false" priority="19" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="21" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Emphasis"&gt;   &lt;w:lsdexception locked="false" priority="31" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Reference"&gt;   &lt;w:lsdexception locked="false" priority="32" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Reference"&gt;   &lt;w:lsdexception locked="false" priority="33" semihidden="false" unhidewhenused="false" qformat="true" name="Book Title"&gt;   &lt;w:lsdexception locked="false" priority="37" name="Bibliography"&gt;   &lt;w:lsdexception locked="false" priority="39" qformat="true" name="TOC Heading"&gt;  &lt;/w:LatentStyles&gt; &lt;/xml&gt;&lt;![endif]--&gt;&lt;style&gt; &lt;!--  /* Font Definitions */  @font-face 	{font-family:Wingdings; 	panose-1:5 0 0 0 0 0 0 0 0 0; 	mso-font-charset:2; 	mso-generic-font-family:auto; 	mso-font-pitch:variable; 	mso-font-signature:0 268435456 0 0 -2147483648 0;} @font-face 	{font-family:"Cambria Math"; 	panose-1:2 4 5 3 5 4 6 3 2 4; 	mso-font-charset:0; 	mso-generic-font-family:roman; 	mso-font-pitch:variable; 	mso-font-signature:-1610611985 1107304683 0 0 159 0;} @font-face 	{font-family:"Arial Narrow"; 	panose-1:2 11 6 6 2 2 2 3 2 4; 	mso-font-charset:0; 	mso-generic-font-family:swiss; 	mso-font-pitch:variable; 	mso-font-signature:647 2048 0 0 159 0;}  /* Style Definitions */  p.MsoNormal, li.MsoNormal, div.MsoNormal 	{mso-style-unhide:no; 	mso-style-qformat:yes; 	mso-style-parent:""; 	margin:0cm; 	margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:12.0pt; 	font-family:"Times New Roman","serif"; 	mso-fareast-font-family:"Times New Roman";} h2 	{mso-style-priority:9; 	mso-style-unhide:no; 	mso-style-qformat:yes; 	mso-style-link:"Heading 2 Char"; 	mso-margin-top-alt:auto; 	margin-right:0cm; 	mso-margin-bottom-alt:auto; 	margin-left:0cm; 	mso-pagination:widow-orphan; 	mso-outline-level:2; 	font-size:18.0pt; 	font-family:"Times New Roman","serif"; 	font-weight:bold;} a:link, span.MsoHyperlink 	{mso-style-priority:99; 	color:blue; 	text-decoration:underline; 	text-underline:single;} a:visited, span.MsoHyperlinkFollowed 	{mso-style-noshow:yes; 	mso-style-priority:99; 	color:purple; 	mso-themecolor:followedhyperlink; 	text-decoration:underline; 	text-underline:single;} p 	{mso-style-priority:99; 	mso-margin-top-alt:auto; 	margin-right:0cm; 	mso-margin-bottom-alt:auto; 	margin-left:0cm; 	mso-pagination:widow-orphan; 	font-size:12.0pt; 	font-family:"Times New Roman","serif"; 	mso-fareast-font-family:"Times New Roman";} pre 	{mso-style-priority:99; 	mso-style-link:"HTML Preformatted Char"; 	margin:0cm; 	margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	tab-stops:45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt; 	font-size:10.0pt; 	font-family:"Courier New"; 	mso-fareast-font-family:"Times New Roman";} span.Heading2Char 	{mso-style-name:"Heading 2 Char"; 	mso-style-priority:9; 	mso-style-unhide:no; 	mso-style-locked:yes; 	mso-style-link:"Heading 2"; 	mso-ansi-font-size:18.0pt; 	mso-bidi-font-size:18.0pt; 	font-weight:bold;} span.HTMLPreformattedChar 	{mso-style-name:"HTML Preformatted Char"; 	mso-style-priority:99; 	mso-style-unhide:no; 	mso-style-locked:yes; 	mso-style-link:"HTML Preformatted"; 	font-family:"Courier New"; 	mso-ascii-font-family:"Courier New"; 	mso-hansi-font-family:"Courier New"; 	mso-bidi-font-family:"Courier New";} .MsoChpDefault 	{mso-style-type:export-only; 	mso-default-props:yes; 	font-size:10.0pt; 	mso-ansi-font-size:10.0pt; 	mso-bidi-font-size:10.0pt;} @page Section1 	{size:612.0pt 792.0pt; 	margin:72.0pt 90.0pt 72.0pt 90.0pt; 	mso-header-margin:36.0pt; 	mso-footer-margin:36.0pt; 	mso-paper-source:0;} div.Section1 	{page:Section1;}  /* List Definitions */  @list l0 	{mso-list-id:1973709943; 	mso-list-template-ids:-1001253198;} @list l0:level1 	{mso-level-number-format:bullet; 	mso-level-text:; 	mso-level-tab-stop:36.0pt; 	mso-level-number-position:left; 	text-indent:-18.0pt; 	mso-ansi-font-size:10.0pt; 	font-family:Symbol;} ol 	{margin-bottom:0cm;} ul 	{margin-bottom:0cm;} --&gt; &lt;/style&gt;&lt;!--[if gte mso 10]&gt; &lt;style&gt;  /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-priority:99; 	mso-style-qformat:yes; 	mso-style-parent:""; 	mso-padding-alt:0cm 5.4pt 0cm 5.4pt; 	mso-para-margin:0cm; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman","serif";} &lt;/style&gt; &lt;![endif]--&gt;      &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Ini adalah sebuah perkenalan singkat menganai bagaimana menulis HTML. Apakah HTML itu? HTML adalah sebuah jenis teks dokumen khusus yang digunakan oleh Web browser untuk mempresentasikan teks dan gambar. Di dalam teks tersebut terdapat tag markup seperti &lt;p&gt; untuk menandakan awal dari sebuah paragraf, dan &lt;/p&gt; untuk menandakan akhir dari sebuah paragraf. Dokumen HTML sering disebut sebagai "halaman Web". Browser mengambil halaman Web dari Web server dan karena adanya Internet, halaman tersebut bisa berada di manapun di dunia. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Banyak orang masih menulis HTML secara manual menggunakan perangkat lunak seperti NotePad pada Windows, atau TextEdit pada Mac. Petunjuk ini akan membuat anda membantu anda memahami dan membuatnya sendiri. Dan bila anda tidak ingin mengedit HTML secara manual dan ingin menggunakan HTML editor seperti Netscape Composer, atau W3C Amaya, petunjuk ini akan membuat anda mengerti, cukup untuk membuat anda mampu menggunakan perangkat tersebut lebih baik dan membuat dokumen HTML anda dapat di akses oleh berbagai macam browser. Begitu anda merasa nyaman dengan konsep dasar pembuatan HTML, anda mungkin ingin belajar bagaimana &lt;a href="http://www.erasparsa.com/w3/MarkUp/Guide/Style/"&gt;menambahkan style&lt;/a&gt; menggunakan CSS, dan lanjut dengan fitur yang dibahas pada halaman saya di &lt;a href="http://www.erasparsa.com/w3/MarkUp/Guide/Advanced/"&gt;HTML lanjutan.&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;i&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;catatan.&lt;/span&gt;&lt;/i&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt; sebauah cara yang baik untuk belajar ialah dengan melihat bagaimana orang lain menulis halaman HTML mereka sendiri. Untuk melakukan hal ini, click pada menu "View" lalu pada "Source". Pada beberapa browser, anda perlu mengklik pada menu "File" dan kemudian pada "View Source". Cobalah pada halaman ini untuk melihat bagaimana saya menerapkan beberapa ide yang saya jelaskan dibawah. Anda akan menyadari bahwa anda mengembangkan kemampuan untuk melihat kesalahan kesalahan yang dibuat karena banyak halaman terlihat bagus sumbernya sebenarnya berantakan!&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Untuk pengguna Mac, sebelum anda dapat dapat menyimpan file dengan akhiran (extention) ".html", anda harus memastikan bahwa dokumen anda di ketik dalam bentuk plain text. Untuk TextEdit, anda dapat membuatnya dengan opsi "Make Plain Text" dari menu "Format".&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Halaman ini akan mengajarkan anda bagaimana:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;ul type="disc"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;mulai dengan sebuah judul&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;mulai menambah heading dan      paragraf&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;menambah emphasis      pada teks&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;menambah gambar&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;menambah link ke halaman      lain&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;menggunakan berbagai macam      list (daftar)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Bila anda mencari hal yang lain, cobalah halaman &lt;a href="http://www.erasparsa.com/w3/MarkUp/Guide/Advanced/"&gt;HTML lanjutan&lt;/a&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;b&gt;&lt;span style="font-size: 18pt; font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Mulai dengan sebuah judul&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Tiap dokumen HTML membutuhkan sebuah judul. Anda perlu mengetiknya sebagai berikut:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-size: 10pt; font-family: &amp;quot;Courier New&amp;quot;;"&gt;&lt;title&gt;Dokumen HTML saya yang pertama&lt;/title&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Ganti teks tersebut  "Dokumen HTML saya yang pertama" sesuai kebutuhan anda. Teks judul tersebut diawali dengan tag pembuka &lt;title&gt; dan diakhiri dengan tag penutup yang sesuai &lt;/title&gt;. Judul ini harus ditempatkan diawal dokumen anda.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Untuk mencoba hal ini, ketik hal diatas dalam sebuah teks editor dan simpan file tersebut sebagai "test.html", dan lihat dengan sebuah web browser. Bila akhiran file tersebut adalah ".html" or ".htm" maka browser akan mengenalinya sebagai HTML. Kebanyakan browser muncul di menunjukkan judul di bagian  caption bar dari browser. Dengan hanya sebuah title, browser akan menunjukkan sebuah halaman kosong. Jangan khawatir. Bagian berikut akan menunjukkan bagaimana menambahkan konten yang dapat di lihat.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;b&gt;&lt;span style="font-size: 18pt; font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Menambah heading dan paragraf&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Bila anda pernah menggunakan Microsoft Word, anda akan terbiasa dengan style yang ada untuk heading dengan tingkat kepentingan yang berbeda. Pada HTML ada enam tingkatan heading. H1 adalah yang paling penting, H2 lebih sedikit kurang penting, seterusnya hingga H6, yang paling tidak penting.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Berikut adalah cara menambah sebuah heading yang penting&lt;/span&gt;:&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-size: 10pt; font-family: &amp;quot;Courier New&amp;quot;;"&gt;&lt;h1&gt;Sebuah heading yang penting&lt;/h1&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;dan beikut sebuah heading yang kurang begitu penting:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-size: 10pt; font-family: &amp;quot;Courier New&amp;quot;;"&gt;&lt;h2&gt;Sebuah heading yang sedikit kurang penting&lt;/h2&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Setiap paragraf yang anda tulis harus diawali dengan tag  &lt;p&gt;. Tag &lt;/p&gt; merupakan opsi, tidak seperti end tag untuk elemen seperti heading. Sebagai contoh:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-size: 10pt; font-family: &amp;quot;Courier New&amp;quot;;"&gt;&lt;p&gt;Ini adalah paragraf pertama.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;Ini adalah paragraf kedua.&lt;/p&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;b&gt;&lt;span style="font-size: 18pt; font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Menambahkan sedikit of emphasis&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Anda dapat menambahkan tekanan (emphasis) pada satu atau dua buat kata dengan tag &lt;em&gt;, sebagai contoh:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-size: 10pt; font-family: &amp;quot;Courier New&amp;quot;;"&gt;Topic ini adalah topik yang sangat &lt;em&gt;menarik&lt;/em&gt;!&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;b&gt;&lt;span style="font-size: 18pt; font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Menambahkan perhatian pada halaman dengan gambar - gambar&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Gambar-gambar dapat digunakan untuk membuat halaman Web anda berbeda dengan yang lain dan sangat membantu anda dalam menyampaikan pesan anda. Cara mudah untuk menambahkan gambar adalah dengan menggunakan tag &lt;img&gt;. Mari assumsikan bahwa anda memiliki sebuah gambar dengan bernama "peter.jpg" di folder/directory file HTML anda. Gambar tersebut tingginya 200 pixel dan lebar 150 pixel.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-size: 10pt; font-family: &amp;quot;Courier New&amp;quot;;"&gt;&lt;img src="peter.jpg" width="200" height="150" /&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Attribut src anda beri nama file gambar tersebut. Width dan height tidak diwajibkan tetapi membantu mempercepat tampilannya di halaman Web anda. Sesuatu masih kurang! Orang yang tidak dapat melihat gambar membutuhkan deskripsi yang mereka bisa baca sebagai penggantinya. Anda bisa menambahkan penjelasan singkat sebagai berikut:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-size: 10pt; font-family: &amp;quot;Courier New&amp;quot;;"&gt;&lt;img src="peter.jpg" width="200" height="150"&lt;br /&gt;alt="Teman saya Peter" /&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Atribut alt digunakan untuk memberikan deskripsi singkat, dalam hal ini "My friend Peter". Untuk gambar yang kompleks, anda mungkin perlu menambahkan deskripsi yang lebih panjang. Dengan asumsi bahwa hal ini telah tertulis pada file "peter.html", anda dapat menambahkan hal berikut menggunakan atribut longdesc:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-size: 10pt; font-family: &amp;quot;Courier New&amp;quot;;"&gt;&lt;img src="peter.jpg" width="200" height="150"&lt;br /&gt;alt="Teman saya Peter" longdesc="peter.html" /&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Anda dapat membuat gambar dengan berbagai cara, sebagai contoh dengan sebuah digital kamera, dengan mengscan sebuah gambar, atau membuatnya dengan menggunakan program untuk menggambar atau melukis. Kebanyakan browser mengerti format gambar GIF dan JPEG, browser baru juga mengerti format gambar PNG. Untuk menghindari waktu yang lama ketika gambar tersebut di download melewati jaringan, anda sebaiknya menghindari penggunaan file gambar yang besar.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Secara umum, JPEG paling baik digunakan untuk photo dan gambar lain yang sejenis, segankan GIF dan PNG baik untuk gambar seni yang melibatkan warna yang datar, garis dan tulisan. Ketiga format mendukung opsi untuk di render secara bertahap (progressive rendering) dimana gambar kasarnya diperlihatkan dahulu lalu secara perlahan di haluskan.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;b&gt;&lt;span style="font-size: 18pt; font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Menambahkan link ke halaman lain.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Apa yang membuat Web sangat efektif adalah kemampuan untuk membuat link dari satu halaman ke halaman yang lain, dan mengikutinya hanya dengan sebuah klik. Sebuah klik dapat membawa anda langsung ke seberang dunia!&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Link didefinisikan dengan tag &lt;a&gt;. Mari membuat sebuah link pada file "peter.html" di folder/direktori yang sama dengan file HTML yang sedang anda edit::&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-size: 10pt; font-family: &amp;quot;Courier New&amp;quot;;"&gt;Ini adalah link ke &lt;a href="peter.html"&gt;halamannya Peter&lt;/a&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Teks antara &lt;a&gt; dan &lt;/a&gt; digunakan sebagai keterangan dari link. Adalah hal yang umum bagi keterangan tersebut untuk diberi garis bawah berwarna biru.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Bila file yang anda link adalah direktori asal (parent directory), anda perlu menambahkan "../" sebelumnya, sebagai contoh:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-size: 10pt; font-family: &amp;quot;Courier New&amp;quot;;"&gt;&lt;a href="../mary.html"&gt;halamannya Mary&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Bila file yang dilink adalah sebuah sub direktori, anda perlu memberikan nama dari subdirektori tersebut diikuti sebuah "/" setelahnya, sebagai contoh:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-size: 10pt; font-family: &amp;quot;Courier New&amp;quot;;"&gt;&lt;a href="friends/sue.html"&gt;halamannya Sue&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Penggunaan relative path memungkinkan anda melink sebuah file dengan pergi naik atau turun direktori sesuai kebutuhan, sebagai contoh":&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-size: 10pt; font-family: &amp;quot;Courier New&amp;quot;;"&gt;&lt;a href="../college/friends/john.html"&gt;halamannya John&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Di mana pertama kali akan dicari pada direktori asal, dari sebuah direktori lain bernama "college", dan kemudian sebuah subdirektori dengan nama "friends" untuk sebuah file dengan nama "john.html".&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Untuk melink ke sebuah halaman atau situs Web lain anda perlu memberikan alamat lengkap Web (umumnya dinamakan URL), sebagai contoh untuk melink ke www.w3.org anda perlu menuliskan:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-size: 10pt; font-family: &amp;quot;Courier New&amp;quot;;"&gt;Ini adalah sebuah link menuju&lt;a href="http://www.w3.org/"&gt;W3C&lt;/a&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Anda dapat mengubah sebuah gambar menjadi sebuah link hypertext, sebagai contoh, berikut ini memungkinkan anda untuk mengklik pada logo perusahaan untuk pergi ke halaman utama / depan:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-size: 10pt; font-family: &amp;quot;Courier New&amp;quot;;"&gt;&lt;a href="/"&gt;&lt;img src="logo.gif" alt="home page" /&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Contoh ini menggunakan "/" untuk menghubungi direktori asal, yang mana adalah home page.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;b&gt;&lt;span style="font-size: 18pt; font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Tiga jenis daftar&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;HTML mendukung tiga jenis daftar. Jenis yang pertama adalah daftar dengan bullet (bulletted list), atau sering disebut &lt;i&gt;unordered list&lt;/i&gt;. Yang menggunakan tag &lt;ul&gt; dan &lt;li&gt;, sebagai contoh:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-size: 10pt; font-family: &amp;quot;Courier New&amp;quot;;"&gt;&lt;ul&gt;&lt;br /&gt;&lt;span style=""&gt;  &lt;/span&gt;&lt;li&gt;list item pertama&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=""&gt;  &lt;/span&gt;&lt;li&gt;list item kedua&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=""&gt;  &lt;/span&gt;&lt;li&gt;list item ketiga&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Catatan bahwa anda perlu mengakhiri daftar dengan tag &lt;/ul&gt;, tetapi tag &lt;/li&gt; merupakan opsi dan dapat di hiraukan. Jenis daftar kedua adalah daftar dengan nomor, yang sering juga disebut &lt;i&gt;ordered list&lt;/i&gt;. Hal tersebut menggunakan tag &lt;ol&gt; dan &lt;li&gt;. Sebagai contoh:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-size: 10pt; font-family: &amp;quot;Courier New&amp;quot;;"&gt;&lt;ol&gt;&lt;br /&gt;&lt;span style=""&gt;  &lt;/span&gt;&lt;li&gt;list item pertama&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=""&gt;  &lt;/span&gt;&lt;li&gt;list item kedua&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=""&gt;  &lt;/span&gt;&lt;li&gt;list item ketiga&lt;/li&gt;&lt;br /&gt;&lt;/ol&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Seperti juga bulletted lists, anda perlu mengakhiri daftar dengan tag &lt;/ol&gt;, tetapi tag penutup &lt;/li&gt; merupakan opsi dan dapat di hiraukan.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Yang ketiga dan yang terakhir adalah daftar definisi. Daftar ini memungkinkan anda untuk membuat daftar suatu hal dan penjelasannya. Daftar ini diawali dengan sebuah tag &lt;dl&gt; dan diakhiri dengan &lt;/dl&gt; Tiap hal diawali dengan sebuah tag &lt;dt&gt; dan tiap penjelasannya diawali dengan sebuah tag &lt;dd&gt;. Sebagai contoh:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-size: 10pt; font-family: &amp;quot;Courier New&amp;quot;;"&gt;&lt;dl&gt;&lt;br /&gt;&lt;span style=""&gt;  &lt;/span&gt;&lt;dt&gt;hal pertama&lt;/dt&gt;&lt;br /&gt;&lt;span style=""&gt;  &lt;/span&gt;&lt;dd&gt;penjelasannya&lt;/dd&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=""&gt;  &lt;/span&gt;&lt;dt&gt;hal kedua&lt;/dt&gt;&lt;br /&gt;&lt;span style=""&gt;  &lt;/span&gt;&lt;dd&gt;penjelasannya&lt;/dd&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=""&gt;  &lt;/span&gt;&lt;dt&gt;hal ketiga&lt;/dt&gt;&lt;br /&gt;&lt;span style=""&gt;  &lt;/span&gt;&lt;dd&gt;penjelasannya&lt;/dd&gt;&lt;br /&gt;&lt;/dl&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Tag penutup &lt;/dt&gt; dan &lt;/dd&gt; merupakan opsi dan dapat diabaikan. Perlu dicatat bahwa daftar ini bisa saling disisipkan, satu diantari yang lain. Sebagai contoh:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-size: 10pt; font-family: &amp;quot;Courier New&amp;quot;;"&gt;&lt;ol&gt;&lt;br /&gt;&lt;span style=""&gt;  &lt;/span&gt;&lt;li&gt;list item pertama&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=""&gt;  &lt;/span&gt;&lt;li&gt;&lt;br /&gt;&lt;span style=""&gt;    &lt;/span&gt;list item kedua&lt;br /&gt;&lt;span style=""&gt;    &lt;/span&gt;&lt;ul&gt;&lt;br /&gt;&lt;span style=""&gt;      &lt;/span&gt;&lt;li&gt;list pertama yang disisipkan&lt;/li&gt;&lt;br /&gt;&lt;span style=""&gt;      &lt;/span&gt;&lt;li&gt;list kedua yang disisipkan&lt;/li&gt;&lt;br /&gt;&lt;span style=""&gt;    &lt;/span&gt;&lt;/ul&gt;&lt;br /&gt;&lt;span style=""&gt;  &lt;/span&gt;&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=""&gt;  &lt;/span&gt;&lt;li&gt;list item ketiga&lt;/li&gt;&lt;br /&gt;&lt;/ol&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Anda juga dapat menggunakan paragrapf dan heading dsb. untuk daftar hal yang lebih panjang..&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;b&gt;&lt;span style="font-size: 18pt; font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;HTML  memiliki sebuah head dan body&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Bila anda menggunakan fitur view source dari web browser anda (lihat menu View atau File) anda dapat melihat struktur dari halaman HTML. Dokumen tersebut biasanya dimulai dengan sebuah perrnyataan versi HTML yang digunakan HTML, dan kemudian diawali dengan sebuah tag &lt;html&gt; dikuti dengan tag &lt;head&gt; dan diakhiri dengan &lt;/html&gt;. Tag &lt;html&gt; ... &lt;/html&gt; berfungsi sebagai sebuah kontainer untuk dokumen tersebut. Tag &lt;head&gt; ... &lt;/head&gt; mengandung judul, dan informasi style dan script, sementara &lt;body&gt; ... &lt;/body&gt; mengandung markup dari isi yang terlihat. Berikut adalah sebuah pola yang dapat anda copy dan paste ke text editor untuk menciptakan halaman anda sendiri:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;pre style="text-align: justify;"&gt;&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&lt;br /&gt;&lt;br /&gt;&lt;span style=""&gt;    &lt;/span&gt;"http://www.w3.org/TR/html4/loose.dtd"&gt;&lt;br /&gt;&lt;br /&gt;&lt;html&gt;&lt;br /&gt;&lt;br /&gt;&lt;head&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=""&gt;  &lt;/span&gt;&lt;title&gt; &lt;em&gt;&lt;span style="font-family: &amp;quot;Courier New&amp;quot;;"&gt;ganti dengan judul dokumen anda&lt;/span&gt;&lt;/em&gt; &lt;/title&gt;&lt;br /&gt;&lt;br /&gt;&lt;/head&gt;&lt;br /&gt;&lt;br /&gt;&lt;body&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;em&gt;&lt;span style="font-family: &amp;quot;Courier New&amp;quot;;"&gt;ganti dengan isi dokumen anda&lt;/span&gt;&lt;/em&gt;&lt;/pre&gt;&lt;pre style="text-align: justify;"&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/pre&gt;&lt;pre style="text-align: justify;"&gt;&lt;/body&gt;&lt;/pre&gt;&lt;pre style="text-align: justify;"&gt;&lt;/html&gt;&lt;/pre&gt;  &lt;p class="MsoNormal" style="text-align: justify;"&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/p&gt;  &lt;h2 style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Merapikan markup anda&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h2&gt;  &lt;p style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Sebuah cara yang tepat untuk memperbaiki markup secara otomatis adalah dengan menggunakan &lt;a href="http://www.w3.org/People/Raggett/tidy/"&gt;HTML Tidy&lt;/a&gt; yang juga merapikan markup agar dapat dibaca dengan baik dan lebih mudah di edit. Saya sarankan agar anda menggunakan Tidy pada tiap markup yang anda edit. Tidy sangat efektif untuk membersihkan markup yang dibuat oleh peralatan yang memiliki kebiasaan buruk. Tidy tersedia untuk berbagai macam sistem operasi dari &lt;a href="http://tidy.sourceforge.net/#binaries"&gt;TidyLib Sourceforge site&lt;/a&gt;, dan juga telah di integrasikan dengan berbagai macam peralatan mengedit HTML.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;h2 style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Mendapatkan Informasi Lebih Lanjut&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/h2&gt;  &lt;p style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Bila anda ingin belajar lebih jauh, saya telah menyiapkan beberapa materi penunjangmengenai &lt;a href="http://www.erasparsa.com/w3/MarkUp/Guide/Advanced/"&gt;HTML lanjutan&lt;/a&gt; dan &lt;a href="http://www.erasparsa.com/w3/MarkUp/Guide/Style/"&gt;menambahkan sedikit style&lt;/a&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="text-align: justify;"&gt;&lt;span style="font-family: &amp;quot;Arial Narrow&amp;quot;,&amp;quot;sans-serif&amp;quot;;"&gt;Rekomendasi W3C tentang &lt;a href="http://www.w3.org/TR/REC-html40/"&gt;HTML 4.0&lt;/a&gt; adalah spesifikasi yang sifatnya mutlak untuk HTML. Tetapi, hal tersebut adalah sebuah spesifikasi teknis. Untuk sebuah informasi yang bersifat lebih kurang teknis anda mungkin ingin membeli salah satu dari sekian banyak buku mengenai HTML, sebagai contoh "&lt;a href="http://www.w3.org/People/Raggett/"&gt;Raggett on HTML 4&lt;/a&gt;", yang diterbitkan 1998 oleh Addison Wesley. Sekarang &lt;a href="http://www.w3.org/TR/xhtml1/"&gt;XHTML 1.0&lt;/a&gt; adalah Rekomendasi W3C. Semoga beruntung dan mulailah menulis!&lt;/span&gt;&lt;/p&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3315118028993437919-5821274450757945219?l=pickdelonge.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://pickdelonge.blogspot.com/feeds/5821274450757945219/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3315118028993437919&amp;postID=5821274450757945219' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3315118028993437919/posts/default/5821274450757945219'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3315118028993437919/posts/default/5821274450757945219'/><link rel='alternate' type='text/html' href='http://pickdelonge.blogspot.com/2009/09/mengawali-dengan-html.html' title='Mengawali dengan HTML'/><author><name>pIck's bLog</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://1.bp.blogspot.com/_YwmvUHTMC9M/SLfn2_lI1aI/AAAAAAAAABA/MzUTC50c_tI/S220/Img00015.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3315118028993437919.post-2720859479708412137</id><published>2009-06-25T16:51:00.005+07:00</published><updated>2009-06-25T20:51:02.346+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Materi Kuliah'/><title type='text'>Turbo C++</title><content type='html'>&lt;span style="font-weight: bold;"&gt;Kuis no. 1&lt;/span&gt;&lt;br /&gt;------------------------------------------------------------------------------------------&lt;br /&gt;#include&lt;stdio.h&gt;&lt;br /&gt;main()&lt;br /&gt;{&lt;br /&gt; float b;&lt;br /&gt; char a;&lt;br /&gt;&lt;br /&gt; printf("Masukkan nama sales        : ");scanf("%s",&amp;amp;a);&lt;br /&gt; printf("Masukkan jumlah penjualan  : ");scanf("%f",&amp;amp;b);&lt;br /&gt;&lt;br /&gt; if(b&lt;100000000) b="="100000000)"&gt;100000000)&lt;br /&gt;       printf("\nBonus yang anda dapatkan adalah mengalami promosi kenaikan pangkat");&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Kuis no. 2&lt;/span&gt;&lt;br /&gt;------------------------------------------------------------------------------------------&lt;br /&gt;#include&lt;stdio.h&gt;&lt;br /&gt;main()&lt;br /&gt;{&lt;br /&gt;   int baris,kolom,hasil_kali;&lt;br /&gt;   printf("Bilangan       Kuadrat\n");&lt;br /&gt;   for(baris=1;baris&lt;=10;baris++)     {     for(kolom=1;kolom&lt;=1;kolom++)     {     hasil_kali=baris*baris;         printf("%4d            %4d",baris,hasil_kali);     }     printf("\n");     }     }    &lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Kuis no. 3&lt;/span&gt;&lt;br /&gt;------------------------------------------------------------------------------------------&lt;br /&gt;#include&lt;stdio.h&gt;&lt;br /&gt;main()&lt;br /&gt;{&lt;br /&gt;   int a;&lt;br /&gt;   for(a=1;a&lt;=1;a+=1)&lt;br /&gt;   printf("*");&lt;br /&gt;   printf("\n");&lt;br /&gt;   for(a=1;a&lt;=2;a+=1)&lt;br /&gt;   printf("*");&lt;br /&gt;   printf("\n");&lt;br /&gt;   for(a=1;a&lt;=3;a+=1)&lt;br /&gt;   printf("*");&lt;br /&gt;   printf("\n");&lt;br /&gt;   for(a=1;a&lt;=4;a+=1)&lt;br /&gt;   printf("*");&lt;br /&gt;   printf("\n");&lt;br /&gt;   for(a=1;a&lt;=5;a+=1)&lt;br /&gt;   printf("*");&lt;br /&gt;   printf("\n");&lt;br /&gt;}&lt;/stdio.h&gt;&lt;/stdio.h&gt;&lt;/stdio.h&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3315118028993437919-2720859479708412137?l=pickdelonge.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://pickdelonge.blogspot.com/feeds/2720859479708412137/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3315118028993437919&amp;postID=2720859479708412137' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3315118028993437919/posts/default/2720859479708412137'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3315118028993437919/posts/default/2720859479708412137'/><link rel='alternate' type='text/html' href='http://pickdelonge.blogspot.com/2009/06/turbo-c.html' title='Turbo C++'/><author><name>pIck's bLog</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://1.bp.blogspot.com/_YwmvUHTMC9M/SLfn2_lI1aI/AAAAAAAAABA/MzUTC50c_tI/S220/Img00015.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3315118028993437919.post-2245216218680073970</id><published>2009-06-23T20:53:00.004+07:00</published><updated>2009-06-23T21:21:08.676+07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Materi Kuliah'/><title type='text'>Matematika Diskrit</title><content type='html'>&lt;div style="text-align: justify; font-family: arial;"&gt;KOMBINATORIK&lt;br /&gt;&lt;br /&gt;Hukum Penggandaan&lt;br /&gt;Misalkan suatu percobaan terdiri atas dua operasi atau lebih.  Setiap kemungkinan/cara dalam operasi pertama dapat dilanjutkan dengan operasi kedua, dan setiap operasi kedua dapat dilanjutkan dengan operasi ketiga dan seterusnya.  Maka banyaknya cara yang dapat dibentuk dalam percobaan tersebut dapat diperoleh berdasarkan hasil kali dari masing-masing kemungkinan tiap-tiap operasi.&lt;br /&gt;&lt;br /&gt;Misalkan kita mau pergi dari Jakarta ke Bandung dengan bus umum.  Dari Jakarta ke Bogor ada tiga cara, yaitu : lewat parung, lewat Cibinong, dan lewat tol Jagorawi.  Sedangkan dari Bogor ke Bandung ada dua cara, yaitu : lewat Puncak dan lewat Sukabumi.  Sehingga banyaknya cara untuk pergi dari Jakarta ke Bandung adalah 3 x 2 = 6 cara.&lt;br /&gt;&lt;br /&gt;Teorema :&lt;br /&gt;Jika operasi pertama dapat dilakukan dengan n1 cara dan setiap cara ini dilanjutkan dengan operasi kedua yang dapat dilakukan dengan n2 cara, dan setiap cara sebelumnya dilanjutkan lagi dengan operasi ketiga yang dapat dilakukan dengan n3 cara, dan seterusnya sampai sederetan k buah operasi, maka semua operasi tersebut dapat dikerjakan secara bersama-sama dengan = n1 x n2 x n3 x …. x nk cara.&lt;br /&gt; &lt;br /&gt;Contoh :&lt;br /&gt;Misalkan dalam suatu ujian soalnya terdiri atas 10 soal pilihan ganda.  Setiap soal terdiri atas empat pilihan (A, B, C, D).  Dengan berapa cara ke-10 soal tersebut dapat dijawab ?&lt;br /&gt;&lt;br /&gt;Jawab :  4 x 4 x 4 x …. x 4 = 410 = 1048576 cara&lt;br /&gt;Soal :&lt;br /&gt;Seseorang akan membuat plat nomor yang masing-masing terdiri atas lima digit.  Tiga digit pertama diisi dengan huruf kapital dan dua digit terakhir diisi dengan angka.  Huruf O dan I tidak boleh digunakan karena mirip dengan angka 0 dan 1.  Huruf pertama harus konsonan, dan digit terakhir harus angka genap.  Tentukan berapa banyak plat nomor berbeda yang dapat dibuat ?&lt;br /&gt;&lt;br /&gt;Jawab :  21 x 24 x 24 x 10 x 5 = 604800 buah plat nomor&lt;br /&gt;&lt;br /&gt;Hukum Penjumlahan&lt;br /&gt;Hukum penjumlahan digunakan untuk menghitung banyaknya cara yang diperoleh dalam suatu percobaan yang mengandung lebih dari satu alternatif/pilihan.  Untuk memudahkan pemahaman, kasus ini dapat disetarakan dengan perhitungan anggota gabungan dua buah gugus atau lebih yang saling terpisah, dalam hal ini banyaknya cara yang dapat dilakukan untuk masing-masing alternatif dapat disetarakan dengan jumlah anggota masing-masing gugus.&lt;br /&gt;&lt;br /&gt;Misalkan kita mau pergi dari Bogor ke Jakarta.  Berdasarkan jenis angkutan umum yang digunakan, ada dua kemungkinan yaitu naik bus atau naik kereta api.  Jika naik bus, maka ada tiga cara, yaitu lewat Parung, Cibinong, dan Tol Jagorawi.  Sedangkan jika naik kereta api hanya ada satu cara.  Jadi banyaknya cara pergi dari Bogor ke Jakarta adalah 3 + 1 = 4 cara.&lt;br /&gt;&lt;br /&gt;Teorema :&lt;br /&gt;Jika suatu operasi diselesaikan dengan k alternatif, alternatif pertama dapat dilakukan dengan n1 cara, dan seterusnya sampai alternatif k dengan nk cara, maka operasi tersebut dapat dilakukan dengan              (n1 + n2 + …. + nk) cara&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;PERMUTASI&lt;br /&gt;&lt;br /&gt;Definisi :  Permutasi adalah susunan yang dapat dibentuk dari sekumpulan obyek yang dipilih sebagian atau seluruhnya dengan memperhatikan urutan.&lt;br /&gt;&lt;br /&gt;Teorema 1 :  Jika ada n buah benda yang berbeda maka banyaknya permutasi (susunan berbeda) dari n benda tersebut adalah P(n,n) = n !.&lt;br /&gt;Contoh :  Misalkan dalam suatu kelas yang terdiri atas 6 mahasiswa dan 4 mahasiswi, semua mahasiswa akan disusun berdasarkan hasil ujiannya.  Jika tidak ada dua orang atau lebih yang mendapat nilai yang sama, maka banyaknya urutan yang mungkin adalah&lt;br /&gt;Jawab :  banyaknya ada 10 ! = 10 x 9 x 8 x … x 1 = 3628800&lt;br /&gt;&lt;br /&gt;Teorema 2 :  Jika benda sejenis tidak dibedakan, banyaknya permutasi dari n buah benda dengan n1 benda memiliki jenis pertama, n2 benda memiliki jenis kedua dan seterusnya hingga nk benda memiliki jenis ke-k adalah &lt;br /&gt;Contoh :  Tentukan banyaknya permutasi (susunan huruf yang berbeda) yang dapat dibuat dengan menggunakan huruf-huruf yang terdapat pada kata “ MATEMATIKA “&lt;br /&gt;Jawab :  banyaknya =  =  151200 buah&lt;br /&gt;&lt;br /&gt;Teorema 3 :  Banyaknya permutasi dari n benda yang berbeda jika diambil r benda sekaligus (disebut permutasi tingkat r dari n) adalah&lt;br /&gt;P(n,r) = &lt;br /&gt;Contoh :  Suatu panitia yang terdiri atas 3 mahasiswa (ketua, sekretaris, dan bendahara) akan dipilih dari 8 mahasiswa yang ada.  Maka banyaknya susunan panitia berbeda yang mungkin adalah&lt;br /&gt;Jawab :  P(8,3) =   = 336 buah&lt;br /&gt;SOAL-SOAL&lt;br /&gt;1.    Misalkan dalam suatu kelas yang terdiri atas 6 mahasiswa dan 4 mahasiswi, semua mahasiswa akan disusun berdasarkan hasil ujiannya.  Jika tidak ada dua orang atau lebih yang mendapat nilai yang sama, maka banyaknya urutan yang mungkin jika yang pria diurut sesama pria lalu diikuti oleh yang wanita diurut sesama wanita adalah ?&lt;br /&gt;2.    Misalkan kita memiliki 3 buah buku matematika dengan judul yang berbeda, 4 buah buku computer dengan judul yang sama, dan 5 buah buku fisika dimana 2 diantaranya memiliki judul yang sama.  Tentukan banyaknya susunan berbeda jika semua buku-buku tersebut akan disusun memanjang dalam suatu rak buku ?&lt;br /&gt;3.    Misalkan tersedia 9 buah digit angka yaitu 1 , 2 , 3 , … , 9.  Jika akan dibuat suatu nomor yang terdiri atas 4 digit dengan syarat setiap digit hanya boleh digunakan satu kali, maka berapa banyak nomor berbeda ? dan berapa banyak nomor berbeda dengan nomor genap ?&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;KOMBINASI&lt;br /&gt;&lt;br /&gt;Definisi :  Kombinasi adalah kelompok yang dapat dibentuk dari sekumpulan obyek yang dipilih sebagian atau seluruhnya dengan tidak memperhatikan urutan.&lt;br /&gt;&lt;br /&gt;Teorema 1 :  Banyaknya kombinasi dari n benda yang berbeda jika dipilih sebanyak r buah benda adalah&lt;br /&gt;C (n,r) = &lt;br /&gt;Contoh :  Misalkan sebuah panitia terdiri atas 3 mahasiswa akan dipilih dari 8 mahasiswa yang ada, maka banyaknya panitia berbeda yang dapat dibentuk adalah&lt;br /&gt;Jawab :  C (8,3) =   = 56 buah&lt;br /&gt;&lt;br /&gt;Teorema 2 :  Banyaknya cara membagi n buah benda yang berbeda ke dalam k buah sel, dimana sel pertama berkapasitas n1 benda, sel kedua berkapasitas n2 benda, dan seterusnya sampai sel ke-k berkapasitas nk benda (urutan benda dalam tiap sel tidak diperhatikan) adalah&lt;br /&gt;&lt;br /&gt;Contoh :  Misalkan ada 15 mahasiswa akan pergi bertamasya dengan menggunakan 3 buah mobil.  Mobil pertama berkapasitas 5 orang, mobil kedua berkapasitas 4 orang dan mobil ketiga berkapasitas 6 orang.  Maka banyaknya cara berbeda untuk mengalokasikan 15 mahasiswa ke dalam 3 mobil tersebut adalah&lt;br /&gt;Jawab :    = 630630 cara&lt;br /&gt;&lt;br /&gt;Teorema 3 :  Jika ada n buah benda akan disebar ke k buah tempat, maka ada sebanyak kn cara penyebarannya.&lt;br /&gt;Contoh :  Misalkan ada 3 buah kelereng akan disebar ke 3 buah kotak, maka banyaknya cara penyebaran adalah&lt;br /&gt;Jawab :  banyaknya = 33 = 27 cara&lt;br /&gt;&lt;br /&gt;SOAL-SOAL&lt;br /&gt;1.    Misalkan sebuah panitia yang terdiri atas 3 orang akan dipilih dari 4 pasang suami istri yang ada, maka banyaknya panitia berbeda yang dapat dibentuk jika panitia yang terbentuk harus terdiri atas 2 pria dan 1 wanita adalah ?&lt;br /&gt;2.    Misalkan ada 15 orang terdiri dari 3 orang guru dan 12 orang siswa akan pergi bertamasya dengan menggunakan 3 buah mobil.  Mobil pertama berkapasitas 5 orang, mobil kedua berkapasitas 4 orang dan mobil ketiga berkapasitas 6 orang.  Maka banyaknya cara berbeda untuk mengalokasikan 15 mahasiswa ke dalam 3 mobil tersebut jika setiap mobil ada seorang guru adalah ?&lt;br /&gt;3.    Misalkan ada 3 buah kelereng akan disebar ke 3 buah kotak, maka banyaknya cara penyebaran jika setiap kotak harus berisi paling sedikit sebuah kelereng adalah ?&lt;br /&gt;4.    Misalkan ada 3 buah kelereng akan disebar ke 3 buah kotak, maka banyaknya cara penyebaran jika paling sedikit dua buah kotak berisi kelereng adalah ?&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;R E L A S I&lt;br /&gt;&lt;br /&gt;Definisi :&lt;br /&gt;(1)    Relasi R pada himpunan X disebut relasi keekuivalenan, jika R refleksif, simetris dan transitif&lt;br /&gt;(2)    Relasi R pada himpunan X disebut urutan parsial, jika R refleksif, antisimetris dan transitif&lt;br /&gt;Sifat-sifat relasi :&lt;br /&gt;(a)    Relasi R pada himpunan X disebut refleksif jika untuk setiap x  X maka (x,x)  R&lt;br /&gt;(b)    Relasi R pada himpunan X disebut simetris jika (x,y)  R maka (y,x)  R untuk semua x, y  X&lt;br /&gt;(c)    Relasi R pada himpunan X disebut antisimetris jika (x,y)  R dan    x ≠ y maka (y,x)  R untuk semua x, y  X&lt;br /&gt;(d)    Relasi R pada himpunan X disebut transitif jika (x,y)  R dan     (y,z)  R maka (x,z)  R untuk semua x, y, z  X&lt;br /&gt;&lt;br /&gt;Contoh :&lt;br /&gt;(1)    Misalkan R adalah relasi pada X = { 1 , 2 , 3 , 4 } yang didefinisikan oleh (x,y)  R jika x  y dengan x,y  X&lt;br /&gt;(2)    Relasi R pada X = { a , b , c , d } yang didefinsikan oleh            R = { (a,a) , (b,c) , (c,b) , (d,d) }&lt;br /&gt;(3)    Periksa soal nomor (1) dan (2) apakah R refleksif, simetris, antisimetris, dan transitif ! &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;FUNGSI DAN KOMPOSISI FUNGSI&lt;br /&gt;G R U P&lt;br /&gt;&lt;br /&gt;Definisi :  Suatu himpunan G yang tidak kosong dan suatu operasi biner “o” yang didefinisikan pada G membentuk suatu grup bila dan hanya bila memenuhi sifat-sifat berikut :&lt;br /&gt;(1)    Operasi “o” pada G bersifat assosiatif, yaitu untuk setiap a, b, c  G maka ( a o b ) o c = a o ( b o c )&lt;br /&gt;(2)    G terhadap operasi biner “o” mempunyai elemen identitas, yaitu ada I  G sedemikian hingga  a o I = I o a = a  untuk setiap  a  G&lt;br /&gt;(3)    Setiap elemen G mempunyai invers terhadap operasi biner “o” dalam G, yaitu untuk setiap a  G ada a-1  G sedemikian hingga     a o a-1 = a-1 o a = I, dimana I adalah elemen identitas dari G&lt;br /&gt;Jika himpunan G terhadap operasi biner “o” membentuk suatu grup, maka grup G ini dinyatakan dengan notasi “(G;o)”.  Tidak setiap grup memiliki sifat komutatif terhadap operasi binernya.  Jika grup (G;o) masih memenuhi sifat bahwa :&lt;br /&gt;(4)    Operasi biner “o” pada G bersifat komutatif, yaitu untuk setiap        a, b  G maka a o b = b o a.  Maka grup (G;o) disebut grup abelian (grup komutatif)&lt;br /&gt;Contoh : &lt;br /&gt;(1)    Himpunan bilangan bulat B = { …, -2, -1, 0, 1, 2, … } terhadap operasi biner penjumlahan apakah membentuk suatu grup ?&lt;br /&gt;(2)    H = { 0, 1, 2, 3 } yaitu himpunan semua bilangan terkecil modulo 4.  Operasi penjumlahan modulo 4 adalah operasi biner pada H.  Apakah H membentuk suatu grup ?&lt;br /&gt;(3)    Himpunan bilangan asli A = { 1, 2, 3, 4, … } pada operasi biner perkalian apakah membentuk suatu grup ?&lt;br /&gt;(4)    Himpunan bilangan Riil (terdiri dari bilangan bulat dan bilangan pecahan) pada operasi biner perkalian apakah membentuk suatu grup ?&lt;br /&gt;&lt;br /&gt;SOAL-SOAL GRUP&lt;br /&gt;1.    H = { 0 , 1 , 2 , 3 }, yaitu himpunan semua residu terkecil modulo 4.  Apakah H pada operasi penjumlahan modulo 4 merupakan suatu grup?&lt;br /&gt;2.    G = { 2 , 4 , 8 } adalah himpunan semua residu terkecil modulo 14.  Apakah G pada operasi perkalian modulo 14 merupakan suatu grup?&lt;br /&gt;3.    S = { 1 , - 1 , i , - i }.  Tunjukkan bahwa perkalian himpunan S merupakan suatu grup?  Dengan i = √- 1 atau i2 = - 1&lt;br /&gt;4.    M = { 1 , 2 , 3 , 4 } adalah himpunan semua residu terkecil modulo 5.  Apakah M pada operasi perkalian modulo 5 merupakan suatu grup?&lt;br /&gt;5.    Operasi-operasi biner o dan ∆ berturut-turut pada                  A = { p , q , r , t } didefinisikan seperti pada tabel-tabel berikut :&lt;br /&gt;o    p    q     r     t    ∆    p    q     r     t&lt;br /&gt;p&lt;br /&gt;q&lt;br /&gt;r&lt;br /&gt;t    p    q     r     t&lt;br /&gt;q    q     r     t&lt;br /&gt;r     r     r     t&lt;br /&gt;t     t     t     t    p&lt;br /&gt;q&lt;br /&gt;r&lt;br /&gt;t    p    p     p     p&lt;br /&gt;p    q     q     q&lt;br /&gt;p    q     r     r&lt;br /&gt;p    q     r     t&lt;br /&gt;Tunjukkan :&lt;br /&gt;(a)    Apakah pada A berlaku sifat distributive kanan ∆ terhadap o&lt;br /&gt;(b)    Apakah pada A berlaku sifat distributive kiri ∆ terhadap o&lt;br /&gt;(c)    Apakah pada A berlaku sifat distributive kanan o terhadap ∆&lt;br /&gt;(d)    Apakah pada A berlaku sifat distributive kiri o terhadap ∆&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;SIFAT-SIFAT SEDERHANA DARI GRUP&lt;br /&gt;&lt;br /&gt;1.    Sifat Kanselasi (Penghapusan)&lt;br /&gt;( G ; o ) suatu grup, maka untuk setiap a, b, c,  G, berlaku&lt;br /&gt;(a)    Jika  a o b = a o c  maka  b = c  (Kanselasi kiri)&lt;br /&gt;(b)    Jika  b o a = c o a  maka  b = c  (Kanselasi kanan)&lt;br /&gt;2.    Sifat Penyelesaian Tunggal&lt;br /&gt;( G ; o ) suatu grup dan a, b  G maka persamaan a o x = b dan y o a = b mempunyai penyelesaian tunggal.&lt;br /&gt;3.    Sifat Invers dari Invers&lt;br /&gt;Jika ( G ; o ) suatu grup, maka untuk setiap a  G, invers dari invers a adalah a atau ditulis untuk setiap a  G, maka ( a-1 )-1 = a.&lt;br /&gt;4.    Sifat Invers&lt;br /&gt;( G ; o ) adalah suatu grup, maka untuk setiap a, b  G berlaku                ( a o b )-1 = b-1 o a-1&lt;br /&gt;&lt;br /&gt;Contoh soal&lt;br /&gt;1.    Jika ( G ; o ) suatu grup sedemikian rupa sehingga untuk setiap     a, b  G berlaku ( a o b )2 = a2 o b2 maka buktikan bahwa ( G ; o ) suatu grup abelian (komutatif)&lt;br /&gt;2.    Jika ( G ; o ) suatu grup sedemikian rupa sehingga untuk setiap     a, b  G berlaku ( a o b )-1 = a-1 o b-1 maka buktikan bahwa             ( G ; o ) suatu grup abelian (komutatif)&lt;br /&gt;3.    ( G ; o ) suatu grup berorder genap, buktikan bahwa ada elemen     a  G dengan a  I dan a2 = I.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;TEOREMA GRUP&lt;br /&gt;&lt;br /&gt;1.    Jika himpunan S terhadap operasi biner o mempunyai elemen identitas maka elemen identitas itu tunggal (satu).&lt;br /&gt;2.    Misalkan o adalah suatu operasi biner pada himpunan S.  Jika        x  S mempunyai invers terhadap operasi o maka invers dari x tersebut adalah tunggal (satu).&lt;br /&gt;3.    Misalkan operasi-operasi biner  dan o terdefinisikan pada suatu himpunan S.  Jika untuk setiap x, y, z  S berlaku x  ( y o z ) =    ( x  y ) o ( x  z ), maka pada S berlaku sifat distributif kiri  terhadap o.&lt;br /&gt;Contoh :  Jika a, b, c  S didefinisikan a  b = a2 b tunjukkan berlaku distributif kiri  terhadap penjumlahan.&lt;br /&gt;a  ( b + c ) = a2 ( b + c ) = a2 b + a2 c  .... (1)&lt;br /&gt;( a  b ) + ( a  c ) = a2 b + a2 c  …. (2)&lt;br /&gt;Dari (1) dan (2) diperoleh a  ( b + c ) = ( a  b ) + ( a  c ) atau berlaku distributif kiri  terhadap penjumlahan.&lt;br /&gt;4.    Misalkan operasi-operasi biner  dan o terdefinisikan pada suatu himpunan S.  Jika untuk setiap x, y, z  S berlaku ( y o z )  x =    ( y  x ) o ( z  x ), maka pada S berlaku sifat distributif kanan  terhadap o.&lt;br /&gt;Contoh :  Jika a, b, c  S didefinisikan a  b = a2 b tunjukkan berlaku distributif kanan  terhadap penjumlahan.&lt;br /&gt;( b + c )  a = ( b + c )2 a = (b2 + 2bc + c2 ) a = b2 a + 2abc + c2 a  …. (1)&lt;br /&gt;( b  a ) + ( c  a ) = b2 a + c2 a  ….. (2)&lt;br /&gt;Dari (1) dan (2) diperoleh ( b + c )  a  ( b  a ) + ( c  a ) atau tidak berlaku distributif kanan  terhadap penjumlahan.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;GRUP DARI KLEIN&lt;br /&gt;&lt;br /&gt;Perhatikan persegi panjang ABCD pada gambar berikut : &lt;br /&gt;                      D                  Y                         C&lt;br /&gt;                                            0                             X                    &lt;br /&gt;&lt;br /&gt;                      A                                              B&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;X dan Y adalah sumbu-sumbu simetri persegí panjang ABCD.  Persegi panjang ABCD diadakan transformasi sehingga persegi panjang ABCD tetap pada bingkainya. Transformasi-transformasi itu adalah I yaitu persegi panjang tetap seperti semula karena diputar satu putaran (360 derajat) dengan pusat O, H yaitu diputar setengah putaran (180 derajat) dengan pusat O, Rx yaitu refleksi (dicerminkan) terhadap sumbu X, dan Ry yaitu refleksi (dicerminkan) terhadap sumbu Y.  Perhatikan sekarang   G = { I , H , Rx , Ry }, dan operasi o didefinisikan pada G bahwa Rx o Ry berarti refleksi terhadap sumbu Y dilanjutkan dengan refleksi terhadap sumbu X dan hasilnya sama dengan diputar setengah putaran dengan pusat O, yaitu H, sehingga Rx o Ry = H yang dapat dijelaskan sebagai berikut :&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Operasikanlah setiap pasang elemen-elemen dari G terhadap operasi o, dan lengkapilah tabel berikut :&lt;br /&gt;o    I      H      Rx     Ry&lt;br /&gt;I&lt;br /&gt;H&lt;br /&gt;Rx&lt;br /&gt;Ry    I      H      Rx     Ry&lt;br /&gt;H     ...     ...       ...      &lt;br /&gt;Rx   Ry    ...      H&lt;br /&gt;Ry   ...     ...       ...&lt;br /&gt;Amatilah tabel di atas apa perbedaan yang ada jika dibandingkan dengan grup yang sudah anda kenal.&lt;br /&gt;&lt;br /&gt;Perhatikan himpunan S = { 1 , 2 , 3 , 4 }.  Banyaknya permutasi elemen-elemen himpunan S adalah 4! = 4 x 3 x 2 x 1 = 24.  Setiap permutasi dapat dipandang sebagai suatu fungsi dari S ke S.  Misalnya :&lt;br /&gt;α = &lt;br /&gt;β = &lt;br /&gt;γ = &lt;br /&gt;δ = &lt;br /&gt;Misalkan operasi o didefinisikan operasi dilanjutkan pada himpunan permutasi-permutasi tersebut, misalnya :&lt;br /&gt;β o  γ =  o  =  = δ&lt;br /&gt;γ o δ =   o  =  = β&lt;br /&gt;dan seterusnya lengkapi tabel berikut :&lt;br /&gt;o    α    β     γ     δ&lt;br /&gt;α&lt;br /&gt;β&lt;br /&gt;γ&lt;br /&gt;δ    α    β     γ     δ&lt;br /&gt;β    α     δ    γ&lt;br /&gt;γ                  β&lt;br /&gt;δ&lt;br /&gt;&lt;br /&gt;Notasi lain yang lebih singkat untuk suatu permutasi ditulis dengan notasi sikel sebagai berikut :&lt;br /&gt;θ =   ditulis sebagai sikel ( 1  2  3  4 )&lt;br /&gt;Sikel ( 1  2  3  4 ) dimaksudkan 1 → 2, 2 → 3, 3 → 4, 4 → 1.&lt;br /&gt;μ =   ditulis sebagai sikel ( 1  2 )&lt;br /&gt;Sikel ( 1  2 ) dimaksudkan 1 → 2, 2 → 1, 3 → 3, 4 → 4.  Dihilangkan karena memasangkan ke dirinya sendiri.  Karena permutasi hanya dipandang urutannya, maka penulisan permutasi sebagai sikel dapat bermacam-macam asal urutannya tetap.  Misalnya ( 1  2  3  4 ) =             ( 2  3  4  1 ) = ( 3  4  1  2 ) = ( 4  1  2  3 ) dan ( 1  2 ) = ( 2  1 ).&lt;br /&gt;α =   dapat ditulis sebagai sikel ( 1 ) = ( 2 ) = ( 3 ) = ( 4 )&lt;br /&gt;γ =   dapat ditulis sebagai sikel ( 1  3 ) ( 2  4 )&lt;br /&gt;Sikel ( 1  3 ) ( 2  4 ) dimaksudkan 1 → 3, 3 → 1, 2 → 4, 4 → 2.&lt;br /&gt;β =   dapat ditulis sebagai sikel ( 1  2 ) ( 3  4 )&lt;br /&gt;δ =   dapat ditulis sebagai sikel ( 1  4 ) ( 2  3 )&lt;br /&gt;Operasi o pada permutasi tidak bersifat komutatif, seperti berikut :&lt;br /&gt;( 1  2  3  4 ) o ( 2  3 ) = ( 1  3  4 )&lt;br /&gt;( 2  3 ) o ( 1  2  3  4 ) = ( 1  2  4 )&lt;br /&gt;Jadi ( 1  2  3  4 ) o ( 2  3 ) ≠ ( 2  3 ) o ( 1  2  3  4 )&lt;br /&gt;&lt;br /&gt;GRAF (GRAPH)&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Graf G didefinisikan sebagai pasangan himpunan (V,E) yang dalam hal ini dimaksudkan:&lt;br /&gt;V =    Himpunan berhingga dan tidak kosong dari simpul-simpul (vertices atau node) = { v1 , v2 , .... , vn }&lt;br /&gt;E =    Himpunan sisi (edges atau arcs) yang menghubungkan sepasang simpul = { e1 , e2 , .... , en }&lt;br /&gt;Atau dapat ditulis singkat notasi G = (V,E).&lt;br /&gt;Contoh : Gambar (a) graf sederhana, (b) graf ganda, dan (c) graf semu&lt;br /&gt;(e)    V = { 1 , 2 , 3 , 4 }&lt;br /&gt;       E = { (1,2) , (1,3) , (2,3) , (2,4) , (3,4) }&lt;br /&gt;(f)    V = { 1 , 2 , 3 , 4 }&lt;br /&gt;       E = { (1,2) , (1,3) , (1,3) , (2,3) , (2,4) , (3,4) , (3,4) }&lt;br /&gt;     = { e1 , e2 , e3 , e4 , e5 , e6 , e7 }&lt;br /&gt;(g)    V = { 1 , 2 , 3 , 4 }&lt;br /&gt;       E = { (1,2) , (1,3) , (1,3) , (2,3) , (2,4) , (3,4) , (3,4) , (3,3) }&lt;br /&gt;     = { e1 , e2 , e3 , e4 , e5 , e6 , e7 , e8 }&lt;br /&gt;&lt;br /&gt;Contoh : Graf tak berarah dan graf berarah&lt;br /&gt;Aplikasi graf :&lt;br /&gt;1.    Rangkaian listrik&lt;br /&gt;2.    Isomer senyawa kimia karbon&lt;br /&gt;3.    Basis data&lt;br /&gt;4.    Pengujian program&lt;br /&gt;5.    Teori Otomata&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3315118028993437919-2245216218680073970?l=pickdelonge.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://pickdelonge.blogspot.com/feeds/2245216218680073970/comments/default' title='Poskan Komentar'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3315118028993437919&amp;postID=2245216218680073970' title='0 Komentar'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3315118028993437919/posts/default/2245216218680073970'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3315118028993437919/posts/default/2245216218680073970'/><link rel='alternate' type='text/html' href='http://pickdelonge.blogspot.com/2009/06/matematika-diskrit.html' title='Matematika Diskrit'/><author><name>pIck's bLog</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='24' height='32' src='http://1.bp.blogspot.com/_YwmvUHTMC9M/SLfn2_lI1aI/AAAAAAAAABA/MzUTC50c_tI/S220/Img00015.jpg'/></author><thr:total>0</thr:total></entry></feed>
