Media Belajar Bahasa Pemrograman | by APPKEY

HTML/CSSTutorial HTML/CSS 2 : Text Editor HTML Terbaik untuk...

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

-

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 HTML ini 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 20 : Daftar Attribute pada HTML (Lengkap)

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.

Artikel Terkait  Tutorial HTML/CSS 10 : Simbol HTML dan Cara Mudah Membuatnya!

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. Dapatkan terus materi terbaru dari kami hanya dengan terus kunjungi situs Codekey!


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 Python 9 : Cara Membuat Looping 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 Python 7 : Python String Format dan Cara Mudahnya

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

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 SQL 9 : Agregasi SQL, Cara Mengolah data Menggunakan Fungsi Ini

Agregasi data adalah cara runtuh, meringkas, atau mengelompokan data. Agregasi adalah hal yang selalu ada di setiap aplikasi untuk...

Tutorial SQL 8 : Constraint SQL, Bagaimana Fungsi dan Penggunaannya?

Pada artikel sebelumnya Anda telah mempelajari tentang wildcard SQL, pada artikel kali ini kami akan menjelaskan tentang constraint SQL. Jika...

Tutorial PHP 22 : Cara Membuat Redirect PHP dengan Cepat dan Mudah

Jika Anda melakukan browsing di browser kesayangan Anda, mungkin Anda pernah melihat link yang berisikan “php redirect” atau yang...

Tutorial PHP 8 : Memahami Array Multidimensi PHP

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

Tutorial PHP 23 : Cara Membuat Messages Alert PHP

Alert box atau alert messages digunakan di situs web untuk menampilkan pesan peringatan kepada pengguna bahwa mereka telah memasukkan...

Tutorial SQL 1 : Belajar SQL, Pengenalan untuk Pemula

Pernahkah Anda mendengar istilah SQL sebelumnya? Saat terjun ke dunia IT khususnya coding pemrograman komputer, SQL adalah salah satu...

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