Tutorial Belajar Pemrograman Web Untuk Pemula Lengkap Dan Mudah

  Tutorial Belajar Pemrograman Web Untuk Pemula Lengkap Dan Mudah

 Belajar pemrograman web itu menyenangkan .Kamu bisa membuat website kamu sendiri atau mengedit template blog kamu.  Selain itu, kamu bisa mengisi waktumu dengan belajar pemrograman agar waktumu menjadi lebih produktif sehingga tidak ada waktu yang terbuang sia-sia.
   Kamu bisa mengerti cara membuat dan cara kerja sebuah website,dan mengaturnya untuk dapat membuat penghasilan dari website kamu. Kamu bisa bekerja di jasa pembuatan website , atau kamu bisa membuat usaha jasa pembuatan website sendiri.
  Untuk Blogger, kamu bisa memahami kode HTML agar dapat mengedit template blog kamu sendiri agar template blog kamu disukai Google atau mengedit format artikel agar tersusun rapi sehingga posting mudah dirayapi Google supaya menambah traffik pengunjung blog anda untuk mendatangkan uang ke kamu.
   Bagaimana? Menyenangkan kan belajar pemrograman website?.Kamu tidak akan menyesal untuk tertarik belajar pemrograman website.Belajar pemrograman itu mudah asalkan kamu punya niat yang kuat,konsisten, dan optimis agar selalu semangat.Kunci sukses untuk belajar pemrograman website adalah belajar,mencoba,dan ,mengulang.Kamu akan cepat paham kalau kamu terus mencoba dan belajar dari pengalaman kamu sendiri memprogram atau bahasa gaul-nya Ngoding (dari kata bahasa ingris Coding yang artinya menulis kode).

   Di blog ini tersedia tutorial-tutorial pemrograman website untuk pemula lengkap dan mudah,langkah-demi langkah, dari dasar samai tingkat lanjut yang akan membantu kamu belajar pemrograman.Jadi,penulis sarankan untuk bookmark blog ini di browser kamu,subsribe blog melalui email, untuk dapat update terbaru dari blog yang menyenangkan ini
dan menjadi Sobat BlogITku (pengunjung setia BlogITku).Selain itu, di blog ini akan tersedia artikel-artikel share info yang bertema internet,komputer,dan teknologi.

   Bagi kamu yang seorang Blogger tidak ada salahnya belajar pemrograman website untuk memperkaya wawasan kamu dan mempermudah kamu dalam kegiatan Ngeblog atau Blogging.Belajar memprogram akan menjadi nilai tambah kamu sebagai Blogger.Seperti penulis sekaligus pemilik  BlogITku ini yang merupakan seorang Blogger dan semoga akan menjadi Programmer.Penulis mengakui bahwa penulis juga masih belajar.Jadi,mari kita belajar bersama-sama,oke .

  Kenapa penulis lebih memilih membuat blog daripada membuat sebuah website sendiri? Karena memang lebih mudah membuat blog daripada membuat website sendiri.Jadi,penulis ingin menghemat waktu yang ada mengingat saya masih bersekolah.Tetapi,jika ada waktu dan izin dari-Nya saya berencana untuk membuat sebuah website sendiri hasil dari memprogram atau ngoding.

   Saya menulis diblog ini untuk merekam pengetahuan saya dan membagikannya untuk orang lain agar dapat bermanfaat,dan untuk mengisi waktu luang dengan menulis.Selain itu,seperti kebanyakan Blogger,saya berharap blog ini dapat menghasilkan uang untuk saya.

  Jadi,putuskan mulai sekarang untuk belajar pemrograman!
Belajar pemrograman itu menyenangkan.Ya! Kamu tidak salah baca, belajar pemrograman itu MENYENANGKAN.

Bagi Sobat CahProgrammer yang ingin belajar pemrograman website, disini saya bagikan Tutorial Pemrograman Website Untuk Pemula Lengkap Dan Mudah , mulai dari yang dasar sampai tingkat lanjut sebagai berikut :

A.Tutorial HTML Lengkap

1.Tutorial HTML Dasar : Mari Berkenalan dengan HTML!

1.1. Apa Itu HTML? Pahami Pengertian HTML,Elemen,Tag,dan Atribut dalam HTML
1.2.Ketahui Struktur Dasar Dokumen HTML!
1.3.Mengenal Macam-Macam Tag HTML Serta Fungsinya
1.4.(Akan diupdate segera)

_{Note :
Artikel ini akan terus diupdate seiring dengan postingan yang akan dipublish tentang tutorial pemrograman website.Jadi,ikuti update dari BlogITku dengan mengisi email kalian dikolom subsribe via email.}

Mengenal Macam-Macam Tag HTML Beserta Fungsinya Dalam HTML

Mengenal Macam-Macam Tag HTML Beserta Fungsinya Dalam HTML  

 

Hai Sobat CahProgrammer! Kamu yang sedang  belajar pemrograman ,kita harus mengerti  Apa Itu HTML?  dan membuat dokumen html yang sesuai dengan Struktur Dasar Dokumen HTML ,dan memahami Cara Kerja Web Browser,dan sekarang, kita harus Mengenal Macam-Macam Tag Beserta Fungsinya Dalam HTML untuk memperdalam wawasan kamu tentang tag pada html.
Untuk mengenal macam-macam tag serta fungsinya dalam HTML, kamu harus memahami berbagai hal sebagai berikut;

1. Mengenal Tag Pada HTML
2. Macam-Macam Tag Serta Fungsinya dalam HTML

Sekarang,mari kita Mengenal Macam-Macam Tag Beserta Fungsinya Dalam HTML dengan penjelasan dibawah berikut:

Mengenal Tag Pada HTML

_{Untuk mengetahui pengertian tag pada html lebih lengkap , kamu bisa membaca artikel sebelumnya yaitu Apa Itu HTML? Pahami Pengertian HTML,Elemen,Tag,dan Atribut dalam HTML}

Untuk membuat sebuah website,kita harus mempelajari HTML.Seperti pada pembahasan sebelumnya, HTML(Hyper-Text Markup Language)  adalah sebuah dokumen yang berisi tag-tag yang menjadi kerangka suatu website.Tetapi,sebelumnya kamu harus mengenal dulu apa itu Tag pada HTML .Tag HTML berisi kode untuk memberi perintah pada browser untuk menampilkan bentuk suatu website dari tag tersebut.Jadi,Pengertian

Tag pada HTML adalah kode untuk memberi perintah pada browser untuk menampilkan bentuk suatu website dari perintah tag tersebut.

Browser akan menerjemahkan kode perintah itu menjadi tampilan yang sesuai dengan tag yang ada.Tag pada HTML terdiri dari elemen html yang diapit oleh tanda < (lebih kecil dari) dan > (lebih besar dari).Biasanya tag pada html memiliki pasangan yang berada dibelakang isi tag html yang memiliki tanda <…/> (ditambahkan karakter garis miring atau / ) sebagai penutup tag
Contoh:

<title><b>Mengenal Macam-Macam Tag Pada HTML Serta Fungsinya Dalam HTML</b></title>

Penjelasannya sebagai berikut :
Tag <title>…</title> merupakan judul dari sebuah dokumen html.Pada artikel ini terdiri dari title berisi Mengenal Macam-Macam Tag HTML Serta Fungsinya Dalam HTML yang sesuai dengan judul artikel
Tag <b>..</b> untuk menebalkan kata (bold)

Tag ada berbagai macam berdasarkan fungsi tag tersebut.Macam-Macam Tag Pada HTML Serta Fungsinya yaitu sebagai berikut :

Macam-Macam Tag Pada HTML Bserta Fungsinya

1.Tag Dasar Pada HTML

  Tag dasar pada html adalah tag-tag yang harus kamu ketahui untuk  membuat dokumen HTML sederhana.Tag-tag pada dokumen HTML sederhana tersebut membentuk struktur dasar dokumen HTML yang menjadi kerangka suatu website.

1.1. Tag html ( <html>…</html> )

       Tag ini merupakan pembuka dan penutup dalam sebuah dokumen HTML.Untuk menuliskan dokumen HTML, kamu harus memberi awalan berupa tag <html> dan diakhiri tag </html>
Contoh :

<html>
<head>
..
Informasi tentang dokumen HTML
<title><b>Mengenal Macam-Macam Tag Pada HTML Serta Fungsinya Dalam HTML</b></title>
..
</head>
<body>
…
Isi Artikel
…
</body>
</html>

1.2.Tag head ( <head>…</head> )

   Tag head berisi informasi tentang dokumen HTML.Tag head hanya berfungsi untuk memberi tahu browser apa isi dari dokumen html dan berisi perintah bagaimana menampilkan halaman website , jadi tag ini tidak ditampilkan di window browser.Contohnya bisa kamu lihat  diatas, head berisi informasi judul.
   Kamu juga bisa menambahkan script pada diantara tag head untuk memberi perintah khusus pada browser,menambahkan tag <meta> untuk mendeskripsikan metadata pada dokumen HTML yang berfungsi membantu google mengindex web/blog kamu, menambahkan CSS(Cascading Style-Sheet) untuk mengatur tampilan,tema,atau template web anda.

1.3.Tag title ( <title>…</title> )

Tag title berada diantara tag head yang berarti memberi informasi kepada browser.Jadi,tag ini berfungsi memberi informasi kepada browser tentang judul dokumen HTML.Biasanya judul akan ditampilkan di title bar atau window caption pada browser.Contohnya seperti  pada contoh 1.1.Tag html diatas,kamu bisa melihat judul Mengenal Macam-Macam Tag Pada HTML Serta Fungsinya Dalam HTML pada title bar browser kamu.
  _{Untuk mengetahui bagian-bagian pada browser,kamu bisa membaca artikel Pengertian,Fungsi,Dan Cara Kerja Web Browser yang juga terdapat informasi tentang bagian-bagian browser.}

1.4.Tag body( <body>…</body> )

  Tag body berisi informasi yang akan ditampilkan dalam browser,misalnya seperti teks,gambar,tabel,form,dan lain sebagainya.Jadi apapun yang dituliskan diantara tag ini akan muncul di window browser anda.Seperti pada artikel ini,saya menuliskan artikel ini diantara tag <body>..</body> jika kamu tidak percaya kamu bisa melakukan Inspect Element melalui browser kamu atau melihat cosupaya melihat kode-kode HTML yang membentuk halaman web pada artikel ini.

1.5.Tag Paragraf ( <p>..</p> )

  Tag Paragraf berfungsi untuk memberi tahu browser bahwa teks tersebut merupakan sebuah paragraf dan memberikan jarak antar teks satu baris.Jika teks yang berada diantara tag ini melebihi lebar window browser, maka secara otomatis akan ditampilkan ke baris berikutnya.

Contoh :

<html>
<head>
..
Informasi tentang dokumen HTML
<title><b>Mengenal Macam-Macam Tag Pada HTML Serta Fungsinya Dalam HTML</b></title>
..
</head>
<body>
<h2>Mengenal Macam-Macam Tag HTML Serta Fungsinya Dalam HTML&nbsp; </h2>
<p>Hai Sobat CahProgrammer! Untuk belajar pemrograman website, kamu harus memahami <a href="http://bagusfaturblog.blogspot.co.id/2017/02/apa-itu-html-pengertian-htmltagelemen.html" target="_blank">pengertian HTML , Tag , Elemen, dan Atribut pada HTML</a> dan <a href="http://bagusfaturblog.blogspot.co.id/2017/02/struktur-dasar-html.html" target="_blank">struktur dasar dokumen HTML</a>,setelah itu,kini&nbsp; saatnya <strong>Mengenal Macam-Macam Tag Serta Fungsinya Dalam HTML.</strong></p>
<p>Untuk membuat dokumen HTML kita harus <strong>Mengenal Macam-Macam Tag Serta Fungsinya Dalam HTML.</strong></p>
<p>Untuk mengenal macam-macam tag serta fungsinya dalam HTML, kamu harus memahami berbagai hal sebagai berikut;</p>
</body>
</html>

Hasilnya :

Mengenal Macam-Macam Tag HTML Serta Fungsinya Dalam HTML 

Hai Sobat CahProgrammer! Untuk belajar pemrograman website, kamu harus memahami pengertian HTML , Tag , Elemen, dan Atribut pada HTML dan struktur dasar dokumen HTML,setelah itu,kini  saatnya Mengenal Macam-Macam Tag Serta Fungsinya Dalam HTML.
Untuk membuat dokumen HTML kita harus Mengenal Macam-Macam Tag Serta Fungsinya Dalam HTML.
Untuk mengenal macam-macam tag serta fungsinya dalam HTML, kamu harus memahami berbagai hal sebagai berikut;

1. Mengenal Tag Pada HTML,dan
2. Macam-Macam Tag Pada HTML Serta Fungsinya

Sekarang,mari kita Mengenal Macam-Macam Tag Serta Fungsinya Dalam HTML dengan penjelasan dibawah berikut:

^{Note:
Artikel ini masih dalam proses penulisan,jadi akan terus diupdate.Nantikan update selanjutnya dengan mengisi email pada kolom Ikuti Update CahProgrammer Blog!}

Pengertian, Fungsi ,dan Cara Kerja Web Browser

 Pengertian, Fungsi ,dan Cara Kerja Web Browser

   Setelah sebelumnya membahas tentang Struktur Dasar Html, kali ini saya akan membahas tentang Pengertian,Tujuan dan Cara Kerja Web Browser.

   Bagi kamu yang sedang belajar pemrograman website, mungkin kamu sebaiknya harus paham apa pengertian, fungsi, dan cara kerja web browser, karena ini akan menambah wawasan kamu dan memudahkan kamu dalam proses belajar pemrograman website.
   Di artikel ini akan membahas pengertian,fungsi, dan cara kerja web browser dengan penjelasan yang simple dan mudah kamu mengerti,sehingga kamu enjoy saat membaca.
  Untuk memahami Pengertian, Fungsi , Dan Cara Kerja Web Browser ada beberapa tahap yaitu ;

1. Memahami Pengertian dan Fungsi Web Browser
2. Memahami Bagian-Bagian Browser,dan
3. Cara Kerja Web Browser.

 Mari Kita pahami Pengertian, Fungsi ,dan Cara Kerja Web Browser sebagai berikut :
 

Ketahui Struktur Dasar Dokumen HTML!

   Ketahui Struktur Dasar Dokumen HTML!

 Hai SobatProgrammer!,Langkah selanjutnya untuk belajar pemrograman website yaitu memahami struktur dasar dokumen HTML.Untuk membuat suatu dokumen HTML kita memerlukan sebuah struktur sederhana yang membentuk sebuah HTML.Struktur tersebut yang disebut Struktur Dasar HTML.
 Untuk mengingatkan,HTML adalah bahasa atau kode yang dimengerti browser yang berisi tag-tag untuk menyusun kerangka dasar sebuah website.Kalian bisa membaca artikel Apa Itu HTML? Pahami Pengertian HTML,Tag,Elemen,Atribut dalam HTML
  Berikut penjelasan Struktur Dasar Dokumen HTML yang mudah dimengerti untuk pemula :

Apa itu HTML? Pahami Pengertian HTML,Tag,Elemen,dan Atribut pada HTML

 

Pada kali ini saya akan membagikan sedikit ilmu yang telah saya pelajari agar dapat bermanfaat bagi orang lain,terutama bagi yang ingin mempelajari pemrograman website.

  Belajar pemrograman website itu mudah asalkan kita punya niat dan ketekunan.Langkah awal yang harus kamu tempuh dalam mempelajari pemrograman website adalah belajar HTML. Apa itu HTML? Mari kita pahami penjelasan dibawah ini.

 Untuk membuat sebuah webite,kita memerlukan kode atau bahasa yang dimengerti browser yang kemudian akan diterjemahkan menjadi
halaman website seperti yang kamu lihat.

 Jadi,sebenarnya halaman website yang biasa kamu lihat merupakan hasil terjemahan kode-kode oleh browser yang kita susun yang kemudian menjadi halaman sebuah website.Nah, kode tersebut merupakan bahasa markup (markah) yang disebut HTML.

 Sekarang mari kita pahami pengertian HTML.Apa itu HTML?

HTML

HTML adalah singkatan dari Hyper Text Mark-up Language.

• Hyper Text adalah teks aktif,yang jika diklik akan menuju halaman lain. 

• Mark-up adalah tag-tag html yang terdiri dari tag pembuka dan tag penutup. 

• Language adalah bahasa yang digunakan HTML.

Menurut Wikipedia.org,

Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

Jadi,HTML adalah bahasa dasar yang berisi tag-tag untuk menyusun kerangka dasar sebuah website.
HTML terdiri dari beberapa tag yang mengapit elemen dan atribut dalam HTML.Apai itu Tag,Elemen,dan Atribut?

Tag adalah perintah yang berfungsi memberi tahu browser untuk memberi tahu bagaimana menampilkan halaman web. Tag terdiri dari elemen dan atribut yang tag pembuka yang disimbolkan dengan " <elemen> " dan diakhiri dengan tag penutup yang disimbolkan dengan "</elemen > ".

Contohnya:

<p>
Ini adalah paragraf <b> yang terdiri dari kata yang ditebalkan</b>,<i> kata yang miring <i> , <u> dan teks yang bergaris bawah<u/>
</p>

Jadi,yang akan ditampilkan browser dari tag tersebut adalah

Ini adalah paragraf yang terdiri dari kata yang ditebalkan, kata yang miring , dan teks yang bergaris bawah. 

Setelah memahami tag,mari kita pahami elemen pada HTML.

Elemen adalah isi dari tag yang berada di tag pembuka dan penutup,termasuk tag itu sendiri (jika ada).

 Seperti contoh diatas, p adalah paragraf,elemen untuk membuat paragraf baru, b adalah bold,elemen untuk membuat text menjadi tebal, dan u merupakan underline,untuk memberi garis bawah pada text.

Selanjutnya adalah Atribut,

 Atribut adalah informasi tambahan pada tag. Informasi ini bisa berupa perintah untuk memberi warna dari text, besar huruf dari text, dll.

 Atribut selalu digunakan pada awal tag. Cara mendefinisikan atribut dengan memberikan informasi name dan value dari suatu elemen, seperti name=”value”.
 Contoh Atribut :
Link HTML atau HTML Links didefinisikan dengan tag <a>. Alamat link inilah yang merupakan atribut.

<a href="http://blogitkuini.blogspot.com/">BlogITku</a>

Hasilnya akan menjadi seperti ini :

Blogitku

Jadi <a> merupakan elemen html, href adalah name atau nama atribut sedang Pemrograman adalah value atau nilai atribut.

Cukup sampai disini saja postingan hari ini.Postingan ini ditulis oleh saya sendiri dengan berbagai referensi yang saya dapat dari google,e-book,pelajaran yang saya terima,serta masukan dari teman saya.Semoga yang saya bagikan bisa bermanfaat bagi orang lain.Nantikan postingan saya yang selanjutnya yang masih membahas mengenai HTML.
Sekian dan Terimakasih.Jika artikel ini bermanfaat silahkan share posting ini ke sosial media kamu.