{"id":1964,"date":"2022-07-20T07:59:35","date_gmt":"2022-07-20T07:59:35","guid":{"rendered":"https:\/\/lions.smktelkom-pwt.sch.id\/?p=1964"},"modified":"2022-07-20T07:59:36","modified_gmt":"2022-07-20T07:59:36","slug":"tutorial-menggunakan-html-versi-basic","status":"publish","type":"post","link":"https:\/\/lions.smktelkom-pwt.sch.id\/index.php\/2022\/07\/20\/tutorial-menggunakan-html-versi-basic\/","title":{"rendered":"Tutorial Menggunakan HTML Versi Basic"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">&lt;!DOCTYPE html&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&lt;html&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&lt;head&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">  &lt;meta charset=&#8221;utf-8&#8243;&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">  &lt;meta name=&#8221;viewport&#8221; content=&#8221;width=device-width&#8221;&gt;  &lt;title&gt;website&lt;\/title&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">  &lt;link href=&#8221;style.css&#8221; rel=&#8221;stylesheet&#8221; type=&#8221;text\/css&#8221; \/&gt;&lt;\/head&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&lt;body&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">  &lt;h4&gt;Hello saya dika&lt;\/h4&gt;  &lt;script src=&#8221;script.js&#8221;&gt;&lt;\/script&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&lt;\/body&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&lt;\/html&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Untuk memulai <em>code<\/em> ini adalah dengan cara mengetik &lt;!DOCTYPE html> dan dilanjutkan untuk memulai <em>code<\/em>-nya yaitu &lt;html> dan untuk menutup atau menyelesaikannya yaitu &lt;\/html> (Note: jika ingin mengakhiri <em>code<\/em> ketikan di depan &#8221; \/ &#8221; contohnya body | &lt;body> &lt;\/body> atau yang lainnya yang masih termasuk di html).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pasti kalian bingung apa sih &lt;meta charset=&#8221;utf-8&#8243;>? Jika iya ini tuh seperti yang aplikasi yaitu <em>version<\/em>, di html sendiri banyak <em>version<\/em> dari terbaru sampai yang terlama.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&lt;title> &lt;\/title> pasti kata <em>title<\/em> gak asing kan, <em>title<\/em>\/judul yaitu judul pada web kalian saat di-<em>search<\/em> sama orang misal &#8220;Shopee&#8221; atau yang lainnya itu kamu sesuaikan dengan <em>website<\/em> yang kamu bikin. Web gak harus untuk <em>marketing<\/em> atau bisnis bisa juga untuk sebuah blog yang bermanfaat bagi para masyarakat. Contohnya: <em>website<\/em> tutorial atau <em>website upload<\/em> hasil karya seperti lions ini.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kebanyakan dari kalian pasti tanya gunanya ini apa, Kak? &lt;link href=&#8221;style.css&#8221; rel=&#8221;stylesheet&#8221; type=&#8221;text\/css&#8221; \/> | gunanya yaitu menyambungkan html ke CSS jadi gunanya CSS memperbagus <em>website<\/em> kalian agar tidak standar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kok bisa ya memperbagus? Ya pasti bisa, soalnya di html sendiri terdiri dari html > CSS > JS. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Berarti <em>web design<\/em> itu gak html doang ya, Kak? Yap benar, html itu seperti kerangka tulang di manusia, sedangkan CSS seperti isi dari manusia dan JS\/JavaScript itu seperti baju kita. Aslinya html dan CSS aja sudah cukup tetapi lebih bagus lagi ada tambahan JS\/Javascript.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kak &lt;head> &lt;\/head> dan &lt;body> &lt;\/body> itu seperti badan kita ya, Kak? Iyap benar, jadi html terdiri dari itu head untuk tulisan atas dan body untuk bawahnya. Kalian juga bisa desain bagus dengan CSS atau JS agar di pandang tidak standar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dan satu lagi &lt;h4> itu adalah bentuk tulisan bisa memperbesar atau memperkecil caranya yaitu sebagai berikut: &lt;h1> paling besar dan jika pengin kecil bisa naikkan jadi &lt;h6> atau &lt;h8> untuk menutup <em>code<\/em> pasti tau dong yaitu di depannya ada &#8221; \/ &#8221; jika &lt;h1> ya kalian di akhir nya &lt;\/h1><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nah, itu saja penjelasan saya makasih sudah membacanya. Kalian mau tanya-tanya lagi bisa contact WhatsApp saja atau Instagram ya, guys. Enjoying program!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Instagram : dikaproject_01 | WhatsApp : 081227848422<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Name : Rasya Dika Pratama ( PPLG \/ RPL 5 )<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&#8221;utf-8&#8243;&gt; &lt;meta name=&#8221;viewport&#8221; content=&#8221;width=device-width&#8221;&gt; &lt;title&gt;website&lt;\/title&gt; &lt;link href=&#8221;style.css&#8221; rel=&#8221;stylesheet&#8221; type=&#8221;text\/css&#8221; \/&gt;&lt;\/head&gt; &lt;body&gt; &lt;h4&gt;Hello saya dika&lt;\/h4&gt; &lt;script src=&#8221;script.js&#8221;&gt;&lt;\/script&gt; &lt;\/body&gt; &lt;\/html&gt; Untuk memulai code ini adalah dengan cara mengetik &lt;!DOCTYPE html> dan dilanjutkan untuk memulai code-nya yaitu &lt;html> dan untuk menutup atau menyelesaikannya yaitu &lt;\/html> (Note: jika ingin mengakhiri code ketikan di depan [&hellip;]<\/p>\n","protected":false},"author":560,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[],"class_list":["post-1964","post","type-post","status-publish","format-standard","category-karya-tulis"],"_links":{"self":[{"href":"https:\/\/lions.smktelkom-pwt.sch.id\/index.php\/wp-json\/wp\/v2\/posts\/1964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lions.smktelkom-pwt.sch.id\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lions.smktelkom-pwt.sch.id\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lions.smktelkom-pwt.sch.id\/index.php\/wp-json\/wp\/v2\/users\/560"}],"replies":[{"embeddable":true,"href":"https:\/\/lions.smktelkom-pwt.sch.id\/index.php\/wp-json\/wp\/v2\/comments?post=1964"}],"version-history":[{"count":3,"href":"https:\/\/lions.smktelkom-pwt.sch.id\/index.php\/wp-json\/wp\/v2\/posts\/1964\/revisions"}],"predecessor-version":[{"id":2468,"href":"https:\/\/lions.smktelkom-pwt.sch.id\/index.php\/wp-json\/wp\/v2\/posts\/1964\/revisions\/2468"}],"wp:attachment":[{"href":"https:\/\/lions.smktelkom-pwt.sch.id\/index.php\/wp-json\/wp\/v2\/media?parent=1964"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lions.smktelkom-pwt.sch.id\/index.php\/wp-json\/wp\/v2\/categories?post=1964"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lions.smktelkom-pwt.sch.id\/index.php\/wp-json\/wp\/v2\/tags?post=1964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}