Jumat, 18 Oktober 2019

Format Text Pada HTML

Format Text Pada HTML
Dalam penulisan HTML sangat sering menggunakan format text didalamnya, baik itu dalam penulisan judul, ataupun isi dari content itu sendiri.
Format text pada HTML antara lain
1. Membuat huruf tebal (bold)
Untuk membuat teks menjadi tebal pada tampilan halaman web, bisa menggunakan tag <b>. 
2. Membuat huruf miring (italic)
Untuk membuat teks miring dengan menggunakan tag <i>
3. Membuat huruf bergaris bawah (underline)
Untuk membuat teks underline bisa menggunakan tag <u>
4. Untuk membuat format teks kecil dengan memggunakan tag <small>
5. Tag <strong>, tag ini hampir sama dengan format bold.
6. Untuk membuat format subcripted teks kita bisa menggunakan tag <sub>
7. Untuk membuat format superscript teks kita bisa menggunakan tag <sup>
8. Untuk membuat format text garis bawah kita menggunakan tag <ins>
9. Untuk membuat format dengan garis tengah menggunakan tag <del>
10. Untuk membuat format text berwarna menggunakan tag <mark>

Mengenal Tag, Elements, Attributes HTML

Mengenal Tag, Elements, Attributes HTML
Tag HTML
Tag merupakan kode yang digunakan untuk memperkenalkan pada web browser untuk apa text yang ditulis didalamnya kepada browser. Baik itu berupa list, paragraph, link dll. Disinilah digunakan tag, dalam penulisan tag, hampir semua menggunakan pembuka dan penutup tag, dimana objek yang dimaksudkan berada diantara pembuka dan penutup tag, berikut penulisan tag yang digunakan dalam HTML.

<tag>Objek yang diisi </tag>

Perbedaan antara tag pembuka dan tag penutup yaitu pada tag pembuka diawali tanda kurung sudut pembuka dan diakhiri dengan tanda kurung sudut penutup (<>). Sedangkan pada tag penutup diawali dengan kurung sudut pembuka, backslash, dan diakhiri dengan penutup kurung sudut penutup (</>).
Jenis tag yang sering digunakan dalam html adalah sebagai berikut
1. <!-...->  digunakan untuk memberi sebuah komentar atau keterangan.
2. <!DOCTYPE html>  digunakan untuk mendefinisikan tipe document HTML5.
3. <a>link</a> mendefinisikan sebuah anchor, digunakan untuk saling menautkan antara satu dokumen HTML ke document HTML yang lain.
4. <b>...<b> membuat teks menjadi tebal.
5. <p>...<p> membuat paragraph
6. <h1>...<h> membuat heading satu
7. <body> mendefinisikan isi document
8. <head> mendefinisikan bagian kepala dokumen
9. <title> mendefinisikan judul halaman
10. <div> mendefinisikan halaman
11. <link> mendefinisikan hubungan antar dokumen.
12. <script>  mendefinisikan client side script
13. <td> mendefinisikan sel didalam sebuah table
14. <tr> membuat baris didalam sebuah table.
15. <ul> mendefinisikan daftar dalam format bullet.
16. <li> mendefinisikan list

Element HTML
Element pada HTML merupakan isi atau objek yang berada pada tag, maksudnya isi yang ada diantara tag pembuka dan tag penutup disebut dengan element, misalkan:
<!DOCTYPE html>
<html>
<head>
       <title></title>
</head>
<body>
<p> contoh web</p>
</body>
</html>

Attribute
Atribut merupakan informasi tambahan yang digunakan didalam tag pembuka, informasi ini berupa intruksi untuk memberikan efek warna, ketebalan, dll. Atribut biasanya memiliki 2 bagian yaitu nama dan nilai, dapat ditulis dengan (nama="value"). Penulisan nilai diapit oleh dua tanda kutip.
Penulisan atribut pada HTML diawali dengan penulisan tag berikan attribute dan element dari tag itu sendiri berikut contoh penulisan attribute pada HTML.
<h1 align="center ">pengenalan atribut HTML</h1>

Memilih Text Editor

Memilih Text Editor
Text Editor merupakan aplikasi yang digunakan untuk menulis syntax atau kode program, disini khususnya untuk penulisan kode program HTML itu sendiri. Text editor sangatlah banyak yang bisa digunakan untuk penulisan kode HTML, contohnya seperti notepad, sublime TeX, visual code, dan lain sebagainya. 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 digunakan untuk menjalankan code program HTML yang sudah dibuat. Browser inilah yang menjadi syarat yang harus dipenuhi jika anda belajar web programming. 

Jenis jenis text editor
1. Sublime Text Editor
Adalah text editor yang paling banyak digunakan oleh programmers, karena memiliki tampilan yang elegant, yang khas dengan warna kecokelatannya. Text editor ini tersedia untuk windows, Mac, dan linux.
2. Notepad ++
Text editor ini bisa digunakan untuk windows dan free license yang artinya bebas digunakan tanpa mengeluarkan biaya. Text editor ini memiliki ciri khas tersendiri dan banyak fitur fitur yang bisa diinstall di text editor ini. 
3. 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.
4. Brackets
Text editor ini memiliki kriteria tersendiri dan hampir sama dengan Atom. 
5. NetBeans
Text editor ini merupakan salah satu favorite programmer, namun text editor ini busa dikategorikan lebih berat dari text editor lain yang disebutkan diatas. Kemudahan text editor ini adalah tampilan kode program yang ditulis lebih rapi.