Media Belajar Bahasa Pemrograman | by APPKEY

HTML/CSS Tutorial HTML/CSS 2 : Text Editor Terbaik untuk Belajar...

Tutorial HTML/CSS 2 : Text Editor Terbaik untuk Belajar HTML

-

Belajar HTML belum lengkap rasanya jika belum membahas tentang text editor. Keberadaan text editor ini sangatlah penting, di mana ia berperan dalam membuat atau menulis kode-kode HTML. Text editor akan membuat pekerjaan Anda dalam membuat kode akan jauh lebih mudah.

Beberapa teks editor juga menyediakan beberapa fungsionalitas tambahan yang semakin membantu Anda. Artikel ini adalah artikel lanjutan dari materi dasar html untuk belajar html dan css bagi pemula. Artikel ini pula akan membantu Anda dalam memilih dan menggunakan text editor HTML.

Rekomendasi Text Editor HTML untuk Pemula

HTML1

Ada beberapa teks editor yang banyak digunakan saat ini dan cocok digunakan untuk pemula yaitu:

1. Windows Notepad

Aplikasi Notepad adalah aplikasi yang diperuntukkan khusus untuk sistem operasi Windows. Aplikasi ini pun dapat Anda gunakan secara gratis dan bisa digunakan di PC atau laptop Anda. Dengan Notepad, Anda dapat menulis kode-kode HTML yang Anda butuhkan. Kelebihan dari aplikasi ini adalah, memiliki Graphical User Interface (GUI) yang menarik, serta tambahan plugins yang membantu Anda untuk belajar membuat program.

2. TextEdit (Mac)

TextEdit adalah text editor yang ditujukan untuk pengguna Apple. Dengan menggunakan TextEdit, Anda dapat menampilkan dokumen HTML seperti yang Anda lihat pada browser. Anda pun dapat membuat dan mengedit kode HTML dengan menggunakan aplikasi ini.

3. Sublime Text

Sublime text adalah text editor terbaik yang dapat digunakan oleh para pemula di dunia coding maupun programing. Sublime text pun tidak sulit dioperasikan serta didukung juga oleh dokumentasi. Sama seperti Notepad, Sublime Text juga dilengkapi dengan plugin yang dapat membantu Anda dalam belajar membuat kode mupun program.

Artikel Terkait  Tutorial HTML/CSS 18 : Cara Menggunakan CSS Color Picker dengan Mudah

4. Vim

Vim adalah text editor yang sangat berguna untuk Anda. Dengan tampilan yang sederhana namun powerful ini akan mempermudah Anda dalam mengontrolnya. Anda dapat mengubah dokumen, memindahkan, menghapus serta mengubah teks secara otomatis dengan menggunakan editor ini.

5. Atom

Text editor ini dikembangkan oleh GitHub namun telah diakuisisi oleh Microsoft pada tahun 2018. Text editor ini pun open source, dan dapat Anda gunakan secara gratis. Proyek yang Anda buat pun dapat dibagikan secara real-time sehingga lebih efisien dari segi waktu pengerjaan proyek. Anda pun dapat menginstal plugin dan tema untuk membuat proyek Anda menjadi lebih menarik.

Tutorial Menggunakan Text Editor HTML

Pada artikel ini kami menggunakan contoh Notepad dan TextEdit, karena banyak dari Anda pasti sudah memiliki keduanya mengingat Notepad adalah aplikasi bawaan Windows dan TextEdit adalah aplikasi bawaan Mac. Selanjutnya, untuk membuat kode dan dokumen HTML Anda di Notepad maupun TextEdit sangatlah mudah. Hanya dengan tiga langkah berikut ini:

1. Buka Text Editor Anda

Langkah pertama adalah membuka Text Editor Anda. Jika Anda pengguna Windows 7 ke bawah, yang dapat Anda lakukan adalah klik Start > klik All Programs > Accessories > Notepad. Sementara untuk Windows 8 ke atas klik Start > Ketik Notepad pada pencarian > Tekan Enter. Apabila Anda pengguna Mac, Anda hanya perlu mengklik Finder > Application > TextEdit.

2. Tulis dan Simpan File HTML Anda

Selanjutnya, klik New File dengan text editor HTML pilihan Anda dan Anda akan mendapati ruang kosong untuk menulis kode Anda. Berikut adalah contoh kode yang kami gunakan:

<!DOCTYPE html>
<html>
<head>
  <title>Judul Website Anda</title>
</head>
<body>
  <h1>Heading 1</h1>
  <p>Teks Paragraf</p>
</body>
</html>

Setelah itu simpan file di komputer Anda. Simpan file tersebut dengan ekstensi .html. Ingat, harus ekstensi .html karena jika tidak maka website Anda tidak akan bisa dijalankan. Gunakan enkoding UTF-8 sehingga browser dapat mendisplay berbagai karakter tanpa masalah.

3. Pratinjau Laman HTML Anda pada Browser

Terakhir, bukalah file HTML yang Anda simpan di web browser. Anda dapat menggunakan Chrome atau Firefox. Anda juga dapat melakukan hal ini hanya dengan mendrop file Anda ke browser yang Anda gunakan.

Demikianlah penjelasan tentang text editor untuk HTML dan tutorial menggunakan text editor untuk HTML. Jika Anda ingin mencoba hal baru, menambahkan sedikit gaya pada file HTML Anda, Anda dapat menggunakan text editor Atom atau Sublime Text yang sudah dilengkapi dengan berbagai plugin dan dapat digunakan secara gratis.


Jasa Pembuatan Aplikasi, Website dan Internet Marketing | PT APPKEY
PT APPKEY adalah perusahaan IT yang khusus membuat aplikasi Android, iOS dan mengembangkan sistem website. Kami juga memiliki pengetahuan dan wawasan dalam menjalankan pemasaran online sehingga diharapkan dapat membantu menyelesaikan permasalahan Anda.

Jasa Pembuatan Aplikasi

Jasa Pembuatan Website

Jasa Pembuatan Paket Aplikasi

Jasa Pembuatan Internet Marketing

Tutorial

Subscribe Sekarang

Dapatkan beragam informasi menarik tentang bahasa pemrograman langsung melalui email Anda. Subscribe sekarang dan terus belajar bersama kami!

Blog Post Ranking 10

Tutorial Dart 18 : Ayo Mulai, Pelajari Cara Install Flutter

Pada seri tutorial Dart kali ini, Codekey akan menampilkan hal yang sedikit berbeda, yaitu tentang aplikasi-aplikasi yang mendukung pemrograman...

Tutorial Dart 1 : Pengenalan Bahasa Pemrogaman Dart untuk Pemula

Halo pembaca setia Codekey! Belajar pemrograman saat ini menjadi keharusan bagi semua orang yang ingin berkarir sebagai programmer, hal...

Tutorial Python 9 : Cara membuat perulangan (Looping) pada Python

Pada artikel sebelumnya, Codekey telah menjelaskan tentang Operasi Kondisional Python yang di dalamnya menyinggung tentang percabangan dan perulangan. Belajar...

Tutorial Python 8 : Langkah Mudah Membuat Operasi Kondisional pada Python

Pada pembahasan sebelumnya, Codekey telah menjelaskan kepada Anda tentang pengoperasian string pada Python mulai dari menggabungkan hingga memanipulasi string...

Tutorial PHP 8 : Memahami Array Multidimensi di PHP | Kapan dan Bagaimana Menggunakannya?

Pada artikel sebelumnya kami telah membahas tentang array PHP serta membahas sedikit tentang array multidimensi PHP. Pada artikel kali...

Tutorial Swift 2 : Tahap Awal Persiapan dan Mengatur Lingkungan Kerja pada Swift

Setelah Anda mengenal bahasa pemrograman Swift 4, langkah selanjutnya adalah Anda perlu memulai pemrograman Swift 4 dengan cara install...

Tutorial Javascript 8 : Panduan Lengkap Cara Membuat Array di Javascript

Seperti bahasa pemrograman yang berorientasi objek lainnya, dalam JavaScript juga terdapat array. Jika Anda memiliki banyak objek yang ingin...

Tutorial Python 7 : Tutorial Dasar Cara Mengoperasikan String pada Python

Anda ingin belajar Python dan ingin menjadi ahli dalam bahasa pemrograman Python? Mari belajar bersama Codekey! Pada pembahasan kali...

Tutorial Javascript 6 : Cara Membuat Event pada Javascript

Event JavaScript adalah tindakan atau proses khusus yang terjadi dalam program atau situs web yang akan Anda kembangkan. Anda...

Tutorial PHP 9 : Belajar Menggunakan Sort Array Berdasarkan Key dan Value

Array PHP sangat berguna untuk para developer untuk menyimpan data pada variabel. Anda dapat mengelompokkannya dengan membuat kategori tertentu...

Bisnis

Online Service

Peluang Bisnis

Model Bisnis

Entrepreneurship

Uang

Ketrampilan

Outsourcing

Monetize

Pemasaran

SEO

Internet Marketing

Dasar Pemasaran

Strategi Pemasaran

Situs Web Analitik

Iklan

Teknologi

Teknologi Terbaru

AI

Komputer

Jaringan

Paling Sering dibaca
Mungkin Anda Menyukainya