Text Editor Untuk Coding di Linux

Assalamu'alaikum Warrahmatullahi Wabarakatuh

Apa itu Text Editor?

Text Editor adalah aplikasi atau tools untuk mengedit suatu file yang berisi tulisan.Di linux,Text editor ada yang berupa tampilan grafis (GUI) dan ada yang tampilan Comman (CLI)Pada kesempatan kali ini saya akan memberitahu ke anda apa saja text editor yang ada dilinux

Contoh Text Editor CLI

1.Nano

      Text Editor yang satu ini menurut saya text editor berbasis CLI yang paling sering atau yang paling banyak digunakan.Kenapa?karena text editor ini sudah terinstall langsung di PC atau leptop anda

       Penggunaan:

-nano namafile

Akan muncul isi dari file yang ingin kita buka

2.Vim
      Text editor yang satu ini untuk memakainya harus diinstall terlebih dahulu.cara menginstallnya adalah :
- # apt-get install vim

dan pastikan anda menjadi root

Cara menggunakannya juga sama seperti nano yaitu
- vim namafile

nah itulah macam-macam text editor CLI yang bisa digunakan dilinux,ane recommend yang nano karena sudah ada tanpa menginstallnya terlebih dahulu

Contoh Text Editor GUI

1.Gedit
      Sama dengan nano,gedit ini biasanya dari kebanyakan distro linux yang pernah saya pakai,text editor yang satu ini sudah terinstall default dari awal,selain itu,gedit juga merupakan text editor yang bisa diubah formatnya sesuai keinginan kita,seperti tipe file apa file tersebut,php atau c++ atau html
dengan cara klik pada bagian plain text

nanti akan ada banyak pilihan untuk mengubah tipe file nya,tinggal anda pilih saja anda akan membuat file tipe apa

2.Leafpad
         Text editor ini sebelum anda menggunakannya,anda harus install aplikasi terlebih dahulu dengan menggunakan perintah:
- sudo apt-get install leafpad

leafpad ini berbeda dengan gedit,leadpad tidak bisa mengubah extensi file dengan otomatis,harus dirubah sendiri dengan cara merename file tersebut

untuk aplikasi text edito yang GUI,saya lebih menyarankan untuk menggunakan Gedit,karena untuk seorang web desain,tentunya akan lebih mudah untuk mengerjakan proyek webnya jika aplikasi yang digunakan bisa membaca syntax yang dibuat dengan tepat

Nah itulah beberapa text editor yang bisa digunakan di linux,sekian dari saya
Regards:Fall9100

Wassalamu'alaikum Warrahmatullahi Wabarakatuh

HTML Format

HTML Format merupakan tag untuk mengubah/memberi gaya suatu tulisan, misalnya

Tulisan dengan format BOLD

Tulisan dengan format Italic

Tulisan Dengan Format Strong

Tulisan dengan Format Strike

Tulisan dengan Format Code

Tulisan dengan format emphasized

Tulisan dengan format _Subscript dan ^superscript

Untuk kode penulisan diatas bisa anda coba dengan kode dibawah ini

<p><b> Tulisan dengan format BOLD </b></p>

<p><i> Tulisan dengan format Italic </i></p>

<p><strong> Tulisan Dengan Format Strong </strong></p>

<p><strike> Tulisan dengan Format Strike </strike></p>

<p><code> Tulisan dengan fotmat code </code></p>

<p><em> Tulisan dengan format Emphasized </em></p>

<p> Tulisan dengan format <sub> Subscript </sub> dan <sup> Superscript</sup> </p> 

HTML Paragraf

HTML Paragraf merupakan tag html yang berfungsi untuk membuat paragraf untuk ditampilkan pada browser nantinya. dengan tag ini secara otomatis akan memberikan space kosong pada setiap paragrafnya

Tag paragraf menggunakan tag <p>

Untuk menggunakan Tag Paragraf bisa lihat dicontoh

<p> Paragraf 1 </p>

<p> Paragraf 2 </p>

<p> Paragraf 3 </p>

<p> Paragraf 4 </p>

atau
 

<p> Paragraf 1 

<p> Paragraf 2 

<p> Paragraf 3 

<p> Paragraf 4

Untuk Tag Paragraf tidak wajib menggunakan Tag penutup, jadi istilahnya tag penutup bisa dibilang Sunnah, knapa Sunnag? karena menggunakan tag penutup lebih bagus, agar mendapatkan hasil yang rapi

BREAK LINE

Break Line berguna untuk memulai menulis pada new line (enter) dengan menggunakan tag <br> atau <br/>

Contoh :

Baris Satu <br/>

Baris Dua <br/>

Baris tiga <br/>

mengapa menggunakan tag <br/> ? sebenarnya menggunakan tag <br> pun cukup, tapi disini saya menggunakan tag <br/> karena agar bisa bekerja dengan baik pada format xhtml

HTML Komentar

Bismillah, In the name of Allah

Komentar merupakan bagian dari kode HTML yang berguna untuk menjelaskan bagian pada kode yang anda tulis, agar jika kode tersebut dibaca oleh orang lain, orang tersebut dapat mengerti bagian dari manakah kode tersebut, Komentar ini bersifat opsional, bisa anda pakai namun tidak masalah kalaupun anda tidak memakainya.

dan jika anda menuliskan komentar pada suatu bagian dari kode HTML komentar tersebut tidak akan dapat terbaca atau terlihat pada browser ketika dibuka, jadi tidak perlu khawatir Komentar yang anda berikan pada kode akan mengacaukan kode saat ditampilkan pada Browser

Cara menggunakan HTML Komentar
untuk menggunakan HTML komentar selalu menggunakan

<!-- -->

selalu diawali dengan <!-- dan di akhiri dengan -->

contoh lengkap

<body>

<!-- kode dibawah untuk menampilkan list/daftar -->

<ul>

<li>makan</li>

<li>mandi</li>

<li>belajar Coding</li>

</ul>

</body>

saat kode tersebut ditampilkan di browser, kalimat diantara <!-- dan --> tidak akan muncul di browser anda

Sekian, Terimakasih

HTML Headings

Pengertian HTML Heading

HTML Heading adalah sebuah tag HTML yang fungsinya adalah memperbesar sebuah tulisan, yang biasanya digunakan untuk menulis Judul Artikel atau Dokumen. HTML Heading juga berguna untuk -mengoptimalkan SEO Onepage-

HTML Heading memiliki 6 tingkatan berdasarkan perbesaran tulisan yang akan muncul dari mulai h1, h2, h3, h4, h5, h6. huruf "h" disini merupakan singkatan dari heading. Semakin besar angka di belakang huruf "h" maka semakin kecil ukuran tulisan yang akan muncul

Contoh Penggunaan HTML Heading

<!DOCTYPE html>

<html>

<head>

          <title>Belajar HTML Heading</title>

</head>



<body>

          <h1> Heading 1 </h1>

          <h2> Heading 2 </h2>

          <h3> Heading 3 </h3>

          <h4> Heading 4 </h4>

          <h5> Heading 5 </h5>

          <h6> Heading 6 </h6>

</html>

silahkan anda coba kode tersebut dengan menuliskannya di teks editor masing masing, anda dapat mengeditnya sesuai dengan selera anda

Pengertian Lengkap HTML Element dan Contoh HTML Element

Elemen HTML
Apakah itu HTML Elemen? Anda pasti pernah membuka suatu halaman web/blog, termasuk saat ini anda juga sedang membuka suatu page blog. Dan saat membuka Page pada Web/blog tersebut anda dapat melihat isi dari Page tersebut, mulai dari Judul Page, Paragraf, Gambar, Link Navigasi, Banner, dll. nah itulah yang disebut Elemen

Isi penting/ kerangka dari elemen adalah terdiri dari tiga kerangka penting yaitu

• Tag Pembuka;
• Isi;
• dan Tag Penutup.

sebagai contoh:

dibawah ini merupakan elemen paragraf HTML yang lengkap

<p> Isi dari elemen paragraf </p>

sedangkan pada satu page website/blog bisa terdiri dari ratusan bahkan ribuan elemen didalamnya, sebagai contoh lain:

<html></html>

<body></body>

<h1></h1>

<h2></h2>

<ul></ul>

Nested HTML

Apa itu Nested HTML? Nested HTML adalah elemen html yang berada dalam suatu elemen lain, contoh Nested HTML:

<body>
<h1> HAI HTML </h1>

</body>

Dokumen HTML

Dokumen HTML adalah struktur gabungan gabungan dari banyak elemen yang akan digunakan, contoh Dokumen HTML:

<!DOCTYPE html>

<html>

<head>

 <title> Judul </title>

</head>

<body>

 <p> Isi Paragraf </p>

</body>

</html>

penjelasan fungsi dari elemen yang terdapat pada Dokumen HTML tersebut adalah:

Elemen <HTML>

• Merupakan bagian yang mendefinisikan seluruh bagian pada Dokumen HTML
• Elemen ini akan mendapat banyak elemen Nested HTML lainnya sesuai yang dibutuhkan
• Dibuka dengan <HTML> dan juga ditutup dengan </HTML>

Elemen <head>

• elemen Head adalah elemen yang merupakan header, bisa terdapat title yang akan tampil pada menu bar
• Elemen dibuka dengan <head> dan ditutup dengan </head>

Elemen <Body>

• Elemen Body adalah elemen yang akan menampilkan Isi dari dokumen pada browser
• Elemen body bisa mendapatkan banyak Nested HTML
• elemen ini dibuka dengan <body> dan ditutup dengan </body>

HTML tag bukanlah case sensitive, jadi tidak masalah anda ingin menulis dengan huruf besar maupun huruf kecil, misalnya <html> bisa juga anda tulis dengan huruf besar yaitu <HTML> tidak akan terjadi masalah karena tag HTML bukan merupakan case sensitive. Namun, harus selalu diingat untuk tetap memberi penutupnya agar tidak terjadi error