DV STUDIO45: HTML
Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Wednesday, 30 January 2019

Rekomendasi Chanel Youtube Belajar Programming 2019





Di era yang serba digital seperti sekarang, punya keterampilan bahasa pemrograman merupakan sebuah keuntungan besar untuk membuka peluang di masa depan. Maka dari itu, jangan ragu untuk mulai belajar coding.

Banyak cara untuk belajar bahasa pemrograman. Kamu bisa belajar sendiri dari buku, game, ataupun internet. Nah selain untuk mencari hiburan, YouTube juga merupakan salah satu platform media pembelajaran online terbaik. Kali ini DV STUDIO45 akan memberikan rekomendasi Channel Youtube unuk kalian Belajar Bahasa Pemograman.

1. Web Programming UNPAS



Web Programming unpas berisi Tutorial Web Design dan Web Programming dasar, Tips & Trik Programming dan Wawasan mengenai dunia IT.



2. Sekolah Koding

Belajar programming secara bertahap, belajar kapan saja dan dimana saja! Bisa Melalui Web Sekolah Koding / Bisa Melalui Channel Youtube.

3. Kelas Terbuka


Channel Youtube paling asik belajar teknik pemrograman beserta teknologi terkait. Serta Tips dan Trik Programming


4. Kawan Koding


Kawan Koding adalah media belajar koding dengan video & tulisan belajar kapan saja dan dimana saja! Bisa Melalui Web Kawan Koding / Bisa Melalui Channel Youtube.


5. Ihwan ID





Channel Youtube Ihwan ID berisi tutorial android programming dengan kotlin, juga membahas laravel.


6. Devindo





Merupakan channel untuk belajar mengenai react native, flutter dan teknologi javascript lainnya


Sumber : koding.club

Monday, 23 January 2017

Belajar HTML Dasar #2


Struktur Dasar File Dokumen HTML

berikut adalah Struktur dasar dari HTML

<html>
<head>
<title>Judul HTML</title>   
</head>
<body>
ini hasil nya
</body>
</html>

Mengubah Warna Background dan tulisan yang berada di dalam body

<html>
<head>
<title>Judul HTML</title>
</head>
<body bgcolor="lightblue" text="red">
ini hasil nya
</body>
</html>



Heading

Heading adalah sekumpulan kata yang menjadi judul atau subjudul dalam suatu dokumen html html menyediakan enam tingkatan heading. Heading level 1 biasanya untuk judul utama.

Pada dokumen HTML terdapat 6 ukuran heading mulai dari H1 sampai dengan H6 H1 adalah heading dengan ukuran terbesar dan H6 adalah heading dengan ukuran terkecil 

<html>
<head>
<title>Headings</title>
</head>
<body>
<h1>Heading Level 1</h1>
<h2>Heading Level 2</h2>
<h3>Heading Level 3</h3>
<h4>Heading Level 4</h4>
<h5>Heading Level 5</h5>
<h6>Heading Level 6</h6>
</body>
</html>  

Paragraf


Untuk membuat paragraf digunakan tag <p>. Setelah tag <p> Anda bisa menulis isi paragraf dan paragraf
tersebut harus diakhiri dengan penutup </p>. Anda bisa mengatur posisi paragraf dengan attribut align.

Atribut align diikuti dengan posisi yang diinginkan. left untuk rata kiri, center untuk rata tengah,
right untuk rata kanan dan justify untuk rata kanan kiri.


<html>
<head>
<title>Paragraf</title>
</head>
<body>

<p align="right"> 
PERHATIKAN! Paragraf ini rata kanan : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

<p align="center">
PERHATIKAN! Paragraf ini berada di tengah : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

<p align="left">
PERHATIKAN! Paragraf ini rata kiri : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

<p align="justify">
PERHATIKAN! Paragraf ini rata kanan kiri : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

</body>
</html> 



BLOCKQUOTE

Perintah tag <blockquote> digunakan untuk menulis kutipan teks. Dengan perintah ini browser akan
menampilkan teks menjorok ke dalam.

<html>
<head>
<title>blockquote</title>
</head>
<body>
<h3>Contoh Saja </h3>

<blockquote>

Contoh contoh<br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</blockquote>

</body>
</html> 


PREFORMATTED TEXT

Preformatted Text (PRE) pada dokumen HTML digunakan untuk melakukan preformat terhadap dokumen HTML. Artinya teks yang akan ditampilkan akan sama keadaannya seperti yang tertulis pada kode HTML nya. 

Browser akan menampikan teks tersebut dalam font monospaced, yaitu seperti terlihat
dalam teks yang tampilkan oleh aplikasi berbasis teks (misalnya telnet).



BEGIN ROW

Tag ini digunakan untuk menulis teks pada baris berikutnya. Tag
membuat baris baru tanpa memberi baris kosong di bawahnya.


Ok sekian tungu Belajar HTML Dasar #3

Saturday, 7 January 2017

Belajar HTML Dasar




Apa Itu Html ?

HTML adalah sebuah bahasa yang dipergunakan untuk mendeskripsikan halaman web.
  • HTML adalah singkatan dari Hyper Text Markup Language
  • HTML is not a programming language, it is a markup language
  • Markup language adalah kumpulan dari tag tertentu
  • HTML menggunakan tag untuk menggambarkan web page

HTML markup tags biasa disebut dengan tags
  • HTML tag adalah keyword yang diawali dan diakhiri dengan tanda kurung "<" dan ">"
  • HTML tag biasanya berpasangan
  • Tag pertama adalah start tag, tag kedua adalah end tag
  • Tag tersebut disebut juga opening tags dan closing tags
HTML Documents = Web Pages
  • HTML documents menggambarkan halaman web
  • HTML documents terdiri dari HTML tags dan plain text
  • HTML documents disebut juga web page
HTML document dibaca dengan menggunakan web browser, seperti like Internet Explorer atau Firefox, dan kemudian ditampilkan sebagai web page. Browser tersebut tidak menampilkan HTML tags, tapi tag tersebut diterjemahkan menjadi isi dari page.

HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

Sebelum Lanjut ke materi selanjutnya Anda harus siapkan Aplikasi Text Editor Seperti Contoh

  1.  Notepad++
  2. Sublime Text
  3. dan lain-lain


Selanjutnya klik Belajar HTML Dasar #2

Intermezzo

Travel

Teknologi