Showing posts with label HTML. Show all posts

Wednesday 30 January 2019

David Priyadi January 30, 2019 Comment

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

David Priyadi January 23, 2017 Comment

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>

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>

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>

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>

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>

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>

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

David Priyadi January 07, 2017 Comment

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