Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Coding HTML with chromebook

 Coding HTML with chromebook


Html merupakan kepanjangan dari hypertext markup language yang dimana bahasa ini adalah bahasa yang digunakan ketika kita membuat tampilan website, bagi kalian yang Yang kuliahnya atau lulusan SMK nya tentang pemograman atau yang di SMK biasanya RPL mungkin sudah tidak asing lagi dengan bahasa HTML.
Dalam pembuatan html diperlukan beberapa alat dan beberapa software untuk menunjang pembuatan struktur dari pada bahasa pemrograman HTML, Yang sering kita gunakan dalam membuat program html Biasanya kita menggunakan laptop atau komputer yang dimana didalam sudah diinstal kan software untuk penunjang pembuatan HTML 
Jika kita menggunakan laptop atau komputer biasa dalam coding itu sudah biasa namun kali ini saya akan coba memberikan hal yang berbeda bagaimana kita membuat kodingan HTML atau bahasa HTML dengan menggunakan laptop tipe chromebook.
Jika teman-teman semuanya belum memahami apa itu tipe kelompok bisa lihat atau cari di website ini pengenalan chromebook atau pengenalan fitur chromebook yang di mana laptop tipe chromebook ini hampir sama dengan smartphone atau Android.
Lalu apakah bisa kita mengkoding html dengan laptop tipe chromebook Mari kita coba dan Mari kita ulas sambil kita praktekkan dan ikuti langkah-langkah berikut ini :
Untuk memulai codingan maka kita akan belajar dari dasar html terlebih dahulu mungkin artikel ini akan terhubung dengan artikel yang lainnya yang akan saya bagi dalam pembagian artikel yang berbeda-beda sesuai dengan struktur html dasar agar lebih memahami dan dipahami oleh teman-teman semuanya.

Untuk aplikasi penunjang membuat kodingan HTML maka kita perlu menginstal aplikasi text editor yang bernama Code Pad, untuk teman-teman semuanya yang belum memakai Tersebut silakan untuk di ketikan code pad di Google Chrome, Atau silakan kunjungi terlebih dahulu Chrome Store di Google kemudian ketikkan convert lalu klik install 

Tampilan aplikasi codepad di chromebook
Coding HTML with chromebook

Jika sudah diinstal maka kita akan kita ke tahap berikutnya yaitu memahami konsep dasar HTML 

Silahkan buat file baru dengan nama index.html kemudian silahkan copy paste text di bawah ini

<!DOCTYPE html>
<html>
<head>
<title>Page Title</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>
<p>This is a paragraph.</p>

</body>
</html>

Kemudian buka file tersebut di web browser (google chrome, mozila firefox, safari dan yang lainnya)
jika sudah berhasil tampil silahkan copy paste kembali cding di bawah ini :

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body style="background-color:powderblue;">

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

<p style="background-color:tomato;">This is a paragraph 1</p>
<p style="background-color:purple;">This is a paragraph 2</p>
<p style="background-color:yellow;">This is a paragraph 3</p>
<p style="background-color:blue`;">This is a paragraph 4</p>

<address>
Written by Area Chronebook<br>
Visit us at:<br>
areachromebook.xyz<br>
Bandung<br>
Indonesia
</address>

</body>
</html>

Perintah untuk memberikan warna huruf pada h1-h6

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body style="background-color:powderblue;">

<font color="red"><h1>Heading 1</h1></font>
    <font color="green"><h2>Heading 2</h2></font>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

<p style="background-color:tomato;">This is a paragraph 1</p>
<p style="background-color:purple;">This is a paragraph 2</p>
<p style="background-color:yellow;">This is a paragraph 3</p>
<p style="background-color:blue`;">This is a paragraph 4</p>

<address>
Written by Area Chronebook<br>
Visit us at:<br>
areachromebook.xyz<br>
Bandung<br>
Indonesia
</address>

</body>
</html>

Untuk di pertemuan kali ini Cukup sekian nanti kita akan lanjutkan di series coding with chromebook Terima kasih semoga bermanfaat Sampai ketemu di artikel berikutnya