Skip to main content

Belajar HTML Dasar Untuk Pemula #1

Belajar HTML Dasar Untuk Pemula #1

Belajar HTML Dasar

Apa itu HTML?. Pada kesempatan sebelumnya saya sudah pernah membahas mengenai sejarah, pengertian, contoh html, dll pada artikel sebelunya. 

Baca Juga : Pengertian HTML, Contoh, dan Cara Kerjanya

Nah, jadi pada artikel kali ini kita akan mencoba belajar html dari yang paling dasar agar teman-teman bisa memahaminya dengan baik dan benar serta membahasnya sedikit. Pada judul Belajar HTML Dasar  ini akan dijelaskna tentang pengertian html dan sekilas tentang sejarah html dan perkembangannya

Apa Itu HTML?

HTML (Hyper Text Markup Language) adalah sebuah bahasa formatting yang digunakan untuk membuat sebuah halaman website. Di dalam dunia pemrograman berbasis website(Web Programming), HTML menjadi pondasi dasar pada halaman website. sebuah file HTML di di simpan dengan ekstensi .html (dot html). dan dapat di eksekusi atau diakses menggunakan web browser(Google Chrome, Mozilla Firefox, Opera, Safari dan lain-lain). seperti yang sudah di jelaskan, HTML adalah dasar dari sebuah website. untuk membuat sebuah website tidak cukup hanya menggunakan HTML, kita memerlukan bantuan CSS, JavaScript dan PHP untuk membuat sebuah website yang dinamis. jika halaman website dibuat hanya menggunakan HTML saja maka halaman website tersebut di sebut halaman statis karena tidak memiliki aksi atau fungsifungsi yang dapat mengelola website. tentu developer akan sangat di sibukkan dengan harus mengubah lagi file HTML setiap ingin mengupdate artikel.

HTML memiliki beberapa element yang tersusun dari tag-tag yang memiliki fungsi nya masing-masing. seperti tag heading, paragraf, pembuatan form, tombol, list, membuat hyperlink atau link yang menghubungkan antar halaman website dan banyak lagi lainnya yang akan kita bahas.

Kegunaan HTML

HTML berfungsi sebagai pondasi sebuah halaman website. adapun yang dapat di lakukan dengan HTML adalah sebagai berikut :

  1. Membungkus element-element tertentu sesuai kebutuhan. 
  2. Membuat heading atau format judul.
  3. Membuat Tabel.
  4. Membuat List.
  5. Membuat Paragraf.
  6. Membuat Form.
  7. Membuat Tombol.
  8. Membuat huruf tebal.
  9. Membuat huruf miring.
  10. Menampilkan gambar.
  11. Menampilkan video.

Memilih Text Editor Untuk Belajar HTML

Text Editor merupakan aplikasi yang digunakan untuk menulis syntax atau kode program, disini khususnya untuk penulisan kode program HTML itu sendiri. Text editor sendiri sangatlah banyak yang bisa digunakan untuk penulisan kode HTML, contohnya seperti Notepad yang disediakan oleh sistem operasi windows, Textedit yang disediakan oleh sistem operasi Mac dan Nano yang disediakan oleh sistem operasi linux. Text editor berbeda dengan Word Processor (Microsoft Word, King Soft, WordPerfect). Itu dikarenakan text editor tidak bisa digunakan untuk mengatur format document serta tidak disediakan fitur-fitur yang bisa digunakan untuk desktop publishing.
Browser merupakan aplikasi yang akan kita gunakan untuk menjalankan code program html yang sudah kita tulis. browser ini ialah syarat yang harus anda penuhi jika anda belajar web programing. untuk browser itu sendiri bisa digunakan yang sudah disediakan oleh sistem operasi langsung ataupun bisa juga digunakan aplikasi browser yang lain seperti: Mozilla Firefox, Opera, Chrome dan sebagainya.

Memilih Text Editor Sesuai Dengan Keinginan

berikut beberapa text editor yang kami sarankan untuk digunakan dalam penulisan code program bagi anda yang baru belajar bahasa pemrograman.

Sublime Text Editor

Sublime Text editor adalah text editor yang paling banyak digunakan oleh programer, text editor ini memiliki tampilan yang elegan, yang khas dengan warna kecoklatannya. Text Editor ini tersedia untuk windows, Mac, dan Linux. Untuk anda yang ingin menggunakan sublime bisa di download dari situs resminya langsung, yaitu di https://www.sublimetext.com/

Notepad ++

Text editor ini bisa digunakan untuk windows dan free licence (dalam artian bebas digunakan tanpa mengeluarkan biaya). Text Editor ini memiliki ciri khas tersendiri dan banyak fitur-fitur yang bisa diinstal di text editor ini. untuk anda yang ingin menggunakan text editor notepad++ bida di download pada situs resminya, yaitu https://notepad-plus-plus.org/.

Atom

Text editor ini hampir sama dengan sublime namun text ini agak sedikit lebih berat jika dibandingkan dengan sublime. Text Editor ini bisa digunakan oleh platform Mac, Windows, dan Linux. Untuk anda yang ingin menggunakan text editor ini bisa di download di https://atom.io/

Bracket

Text editor ini memiliki kriteria tersendiri dan hampir sama dengan Atom. Text editor ini bisa digunakan untuk Platform Mac, Windows dan Linux. untuk anda yang ingin bergelut dengan brackest bisa di download di http://brackets.io/

Netbeans

Text editor ini merupakan salah satu favorit programer. namun text editor ini bisa di kategorikan lebih berat dari text editor lain yang disebutkan di atas. kemudahan text editor ini adalah tampilan kode program yang ditulis lebih rapi. untuk anda yang ingin menikmati editor ini bias di download di situs resmi netbeans, yaitu di https://netbeans.org/


Mungkin cukup sampai disini dulu mengenai pembahasan pengrtian HTML Dasar, untuk selanjutnya kita akan belajar mengenai Tag, Element, dan Atribut Html. Semoga sampai disini teman-teman bisa mengikutinya dengan baik, kalo ada yang mau ditanyakan bisa tinggalkan komentar di bawah ini iya teman-teman nanti akan saya jawab satu-satu ko pertanyannya.

sekian dan terimakasih...


Daftar Belajar HTML Dasar

1. Belajar HTML Dasar  #1 - Belajar HTML Dasar Untuk Pemula
2. Belajar HTML Dasar  #2 - Membuat Mengenal Tag, Element, Dan Atribut Pada HTML
3. Belajar HTML Dasar  #3 - Membuat Heading Pada HTML
4. Belajar HTML Dasar  #4 - Membuat Format Text Pada HTML
5. Belajar HTML Dasar  #5 - Membuat Paragraf Pada HTML




Labels:
Location: Indonesia

Comments

Post a Comment

Artikel Populer

Cara Instal Windows 7 lengkap dengan Gambarnya

Assalammualaikum wr.wb Pada kesempatan kali ini kita akan belajar tentang bagaimana cara install ulang windows7. Tapi sebelum itu, Apa sih itu Install Ulang?. Nah, jadi Install ulang windows itu merupakan sebuah usaha untuk memasukan kembali file-file windows kedalam sebuah part/drive tertentu pada sebuah hardisk, sehingga komputer bisa berjalan normal. Instal ulang bisa di lakukan jika laptop/komputer kita mengalami gannguan seperti komputer lelet, dll. Okee tanpa berlama-lama lagi, kita langsung saja ke tutorialnuya Proses Installasi Persiapan alat dan bahan PC/Laptop Flasdisk berisi program windows 7 Proses Installasi Masukan bios dengan menekan tombol F2 atau yang lainnya disetiap komputer/laptop berbeda-beda silahkan coba-coba saja. Setelah itu lalu setting bios untuk booting lewat CD ROOM pada boot device priority Masukan CD/DVD windows 7 dan tunggu sampai muncul press any key to boot from cd or dvd kemudian tekan enter Kemudian akan muncul tampilan starting windows   Tunggu ...
4 comments
Read more »

Analisis Sistem Informasi

Paada artikel kali ini kita akan menbahas mengenai Analisis Sistem Informasi. Apa itu sistem informasi?, ada yang sudah tau?. Mari kita cari tau di sini.  Apa itu Analisis Sistem? Analisis sistem informasi adalah pejabaran dari sebuah sistem informasi kedalam bagian-bagian tertentu dengan magsud untuk mengidentifikasi  dan mengevaluasi sebuah permasalahan, kesempatan, hambatan, dan kebutuhan-kebutuhan yang diharapkan agar bisa di usulkan untuk memperbaikinya. Didalam analisis sistem terdapat langkah-langkah dasar yang perlu dilakukan oles analisis sistem, yaitu: Identify, yaitu proses untuk mengidentifikasi sebuah permasalahan Understand, yaiitu memahami dari sistem yang sudah ada Analyze, yaitu proses untuk menganalisis sistem Report, yaitu membuat sebuah laporan dari hasil analisis Mengidentifikasi Masalah  Masalah mmerupakan sebuah pertanyaan yang harus diselesaikan karena masalah inilah yang menyebabkan sasaran dari sistem tidak dapat di capai. Untuk itu langkah perta...
Post a Comment
Read more »

Pengertian CMS WordPress

Pada Artikel sebelumnnya kita sudah mempelajari apa itu CMS (Content Manajement Sistem) serta dengan contoh-contohnya sekaligus. Nah pada kesempatan kali ini mari kita bahas mengenai salah satu CMS yaitu WordPress. Apakah sudah ada yang tau apa itu WordPres?, bagaimana cara kerjanya?, yuuu kita cari tau bareng-bareng pada artikel kali ini. Daftar Belajar CMS ( Content Manajement System ) Pengertian CMS dan contohnya CMS WordPress Cara membuat CMS dst. Apa itu WordPress? WordPres adalah sebuah CMS (Content Management system) yang dapat membantu kita dalam membuat serta mengelola sebuah website tanpa menggunakan sebuah codingan. Dengan menggunakan wordpresskita bisa menata tampilan, menambah fitur-fitur, dan membuat sebuah konten website dengan mudah. WordPress diluncurkan oleh matt mullenweg dan mike little pada tahun 2004. WordPress merupakan sebuah CMS yang bisa kita gunakan secara gratis atau biasa kita sebut dengan open source. WordPress ada 2 macam, yaitu WordPress.org dan Wordpres...
Post a Comment
Read more »

Efek jQuery bagian 1

  Setelah kemaren kita sudah membahas mengenai apa itu jQuery dan jQuery selektor. Nah sekarang kita akan melanjutkan pembahasan menhenai jQuery yaitu tentang efek-efek yang ada di jQuery part 1. Tapi sebelum lanjut, apa bila ada yang belum paham mengenai apa itu jQuery bisa langsung saja kunjungi artikel saya yang sebelumnya yang membaahas apa itu jQuery. Pembahasan menngenai jQuery Apa itu jQuery Apa itu jQuery Selector Efek jQuery bagian 1 Efek jQuery bagian 2 Efek di jQuery Salah satu dari kemampuan jQuery adalah adanya fungsi-fungsi efek yang sudah siap untuk di pakai. Biasanya untuk membuah efek memudar di javascript, kita harus membuat sebuah kode yang cukup panjang. Tetapi jika kita menggunakan jQuery kita cukup menggunakan fungsi  $ ( selector ). fadein () .  Nah mungkin itu tadi salah satu contoh efek yang ada di jquery, dibawah ini adalah contoh efek-efek yang ada di jQuery yang sudai siap untuk kita pakai. jQuery show() Effect Efek jQuery show() ini sangat ber...
Post a Comment
Read more »