{"id":87,"date":"2018-03-05T13:45:49","date_gmt":"2018-03-05T13:45:49","guid":{"rendered":"https:\/\/people.utm.my\/emilysff\/?p=87"},"modified":"2018-12-31T07:32:13","modified_gmt":"2018-12-31T07:32:13","slug":"html-basic","status":"publish","type":"post","link":"https:\/\/people.utm.my\/emilysff\/2018\/03\/05\/html-basic\/","title":{"rendered":"HTML Basic"},"content":{"rendered":"<h2>HTML Headings<\/h2>\n<p>HTML headings are defined with the\u00a0<code class=\"w3-codespan\">&lt;h1&gt;<\/code>\u00a0to\u00a0<code class=\"w3-codespan\">&lt;h6&gt;<\/code>\u00a0tags.<\/p>\n<p><code class=\"w3-codespan\">&lt;h1&gt;<\/code>\u00a0defines the most important heading.\u00a0<code class=\"w3-codespan\">&lt;h6&gt;<\/code>\u00a0defines the least important heading:<\/p>\n<p><em>Example :<\/em><\/p>\n<blockquote><p>&lt;html&gt;<br \/>\n&lt;body&gt;<\/p>\n<p>&lt;p&gt;This is a my name paragraph.&lt;\/p&gt;<br \/>\n&lt;p&gt;This is another my self paragraph.&lt;\/p&gt;<\/p>\n<p>&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/p><\/blockquote>\n<p><em>Output:<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-91\" src=\"https:\/\/people.utm.my\/emilysff\/wp-content\/uploads\/sites\/1028\/2018\/12\/Capture-15-300x154.jpg\" alt=\"\" width=\"300\" height=\"154\" srcset=\"https:\/\/people.utm.my\/emilysff\/wp-content\/uploads\/sites\/1028\/2018\/12\/Capture-15-300x154.jpg 300w, https:\/\/people.utm.my\/emilysff\/wp-content\/uploads\/sites\/1028\/2018\/12\/Capture-15.jpg 425w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2>HTML Links<\/h2>\n<p>HTML links are defined with the\u00a0<code class=\"w3-codespan\">&lt;a&gt;<\/code>\u00a0tag:<\/p>\n<p>The link&#8217;s destination is specified in the\u00a0<code class=\"w3-codespan\">href<\/code>\u00a0attribute.<\/p>\n<p>Attributes are used to provide additional information about HTML elements.<\/p>\n<p>You will learn more about attributes in a later chapter.<\/p>\n<p><em>Example:<\/em><\/p>\n<blockquote><p>&lt;html&gt;<br \/>\n&lt;body&gt;<\/p>\n<p>&lt;h2&gt;HTML Links&lt;\/h2&gt;<br \/>\n&lt;p&gt;HTML links are defined with the a tag:&lt;\/p&gt;<\/p>\n<p>&lt;a href=&#8221;https:\/\/www.utm.my&#8221;&gt;This is a link&lt;\/a&gt;<\/p>\n<p>&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/p><\/blockquote>\n<p><em>Output:<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-90\" src=\"https:\/\/people.utm.my\/emilysff\/wp-content\/uploads\/sites\/1028\/2018\/12\/Capture-14-300x142.jpg\" alt=\"\" width=\"300\" height=\"142\" srcset=\"https:\/\/people.utm.my\/emilysff\/wp-content\/uploads\/sites\/1028\/2018\/12\/Capture-14-300x142.jpg 300w, https:\/\/people.utm.my\/emilysff\/wp-content\/uploads\/sites\/1028\/2018\/12\/Capture-14.jpg 452w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>HTML Buttons<\/h2>\n<p>HTML buttons are defined with the\u00a0<code class=\"w3-codespan\">&lt;button&gt;<\/code>\u00a0tag:<\/p>\n<p><em>Example:<\/em><\/p>\n<blockquote><p>&lt;html&gt;<br \/>\n&lt;body&gt;<\/p>\n<p>&lt;h2&gt;HTML Buttons&lt;\/h2&gt;<br \/>\n&lt;p&gt;HTML buttons are defined with the button tag:&lt;\/p&gt;<\/p>\n<p>&lt;button&gt;Me is Emylia&lt;\/button&gt;<\/p>\n<p>&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/p><\/blockquote>\n<p><em>Output:<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-89\" src=\"https:\/\/people.utm.my\/emilysff\/wp-content\/uploads\/sites\/1028\/2018\/12\/Capture-13-300x188.jpg\" alt=\"\" width=\"300\" height=\"188\" srcset=\"https:\/\/people.utm.my\/emilysff\/wp-content\/uploads\/sites\/1028\/2018\/12\/Capture-13-300x188.jpg 300w, https:\/\/people.utm.my\/emilysff\/wp-content\/uploads\/sites\/1028\/2018\/12\/Capture-13.jpg 443w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>HTML Lists<\/h2>\n<p>HTML lists are defined with the\u00a0<code class=\"w3-codespan\">&lt;ul&gt;<\/code>\u00a0(unordered\/bullet list) or the\u00a0<code class=\"w3-codespan\">&lt;ol&gt;<\/code>\u00a0(ordered\/numbered list) tag, followed by\u00a0<code class=\"w3-codespan\">&lt;li&gt;<\/code>\u00a0tags (list items):<\/p>\n<p><em>Example:<\/em><\/p>\n<blockquote><p>&lt;html&gt;<br \/>\n&lt;body&gt;<\/p>\n<p>&lt;h2&gt;An Unordered HTML List&lt;\/h2&gt;<\/p>\n<p>&lt;ul&gt;<br \/>\n&lt;li&gt;Emy&lt;\/li&gt;<br \/>\n&lt;li&gt;Emily&lt;\/li&gt;<br \/>\n&lt;li&gt;Emylia&lt;\/li&gt;<br \/>\n&lt;\/ul&gt;<\/p>\n<p>&lt;h2&gt;An Ordered HTML List&lt;\/h2&gt;<\/p>\n<p>&lt;ol&gt;<br \/>\n&lt;li&gt;Emy&lt;\/li&gt;<br \/>\n&lt;li&gt;Emily&lt;\/li&gt;<br \/>\n&lt;li&gt;Emylia&lt;\/li&gt;<br \/>\n&lt;\/ol&gt;<\/p>\n<p>&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/p><\/blockquote>\n<p><em>Output:<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-88\" src=\"https:\/\/people.utm.my\/emilysff\/wp-content\/uploads\/sites\/1028\/2018\/12\/Capture-12-300x229.jpg\" alt=\"\" width=\"300\" height=\"229\" srcset=\"https:\/\/people.utm.my\/emilysff\/wp-content\/uploads\/sites\/1028\/2018\/12\/Capture-12-300x229.jpg 300w, https:\/\/people.utm.my\/emilysff\/wp-content\/uploads\/sites\/1028\/2018\/12\/Capture-12.jpg 434w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML Headings HTML headings are defined with the\u00a0&lt;h1&gt;\u00a0to\u00a0&lt;h6&gt;\u00a0tags. &lt;h1&gt;\u00a0defines the most important heading.\u00a0&lt;h6&gt;\u00a0defines the least important heading: Example : &lt;html&gt; &lt;body&gt; &lt;p&gt;This is a my name paragraph.&lt;\/p&gt; &lt;p&gt;This is another my self paragraph.&lt;\/p&gt; &lt;\/body&gt; &lt;\/html&gt; Output: HTML Links HTML links are defined with the\u00a0&lt;a&gt;\u00a0tag: The link&#8217;s destination is specified in the\u00a0href\u00a0attribute. Attributes are used to [&hellip;]<\/p>\n","protected":false},"author":14432,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[4],"tags":[17,16],"class_list":["post-87","post","type-post","status-publish","format-standard","hentry","category-it","tag-html","tag-itknowledge"],"_links":{"self":[{"href":"https:\/\/people.utm.my\/emilysff\/wp-json\/wp\/v2\/posts\/87","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/people.utm.my\/emilysff\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/people.utm.my\/emilysff\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/people.utm.my\/emilysff\/wp-json\/wp\/v2\/users\/14432"}],"replies":[{"embeddable":true,"href":"https:\/\/people.utm.my\/emilysff\/wp-json\/wp\/v2\/comments?post=87"}],"version-history":[{"count":0,"href":"https:\/\/people.utm.my\/emilysff\/wp-json\/wp\/v2\/posts\/87\/revisions"}],"wp:attachment":[{"href":"https:\/\/people.utm.my\/emilysff\/wp-json\/wp\/v2\/media?parent=87"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/people.utm.my\/emilysff\/wp-json\/wp\/v2\/categories?post=87"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/people.utm.my\/emilysff\/wp-json\/wp\/v2\/tags?post=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}