Cara Belajar HTML Mudah dan Simpel

Artikel ini di tulis oleh teman kita Riski Dwi Prasetyo Facebook, bagi kalian yang ingin menjadi penulis tamu di blog ini dapat menghubungi admin blog dengan mengklik menu Kontak yang terdapat di atas menu Bar di blog ini.

HTML merupakan sebuah susunan kode yang di mana membentuk sebuah tampilan pada halaman website (situs) di internet. Dalam setiap situs yang ada di internet kesemuaanya menggunakan HTML dan CSS sebagai dari salah satu tampilan situs, sebagai contoh jika kita hendak membuat tampilan pada blog kita maka kita harus memahami masalah penggunaan HTML dan CSS (Apabila anda ingin membuat tampilan situs secara manual), nah Anda juga bisa membuat tampilan situs dengan bantuan aplikasi lainya (tidak dengan manual menggunakan HTML dan CSS) seperti Adobe Dream Wear.

Nah, mungkin teman-teman tertarik untuk mengetahui dan memahami masalah dasar penggunaan HTML berikut cara penggunaanya.
Cara Belajar HTML Mudah dan Simpel
Ilustrasi HTML

Warning! Kalau Mau Buat HTML di saran kan membuatnya pakai NotePad atau bisa pakai NotePad++

1. Kalian buat dulu Rumus yg di inginkan.Contoh:


Cara Belajar HTML Mudah dan Simpel

2. Kemudian tekan File

Cara Belajar HTML Mudah dan Simpel

3. Kemudian Tekan Save As

Cara Belajar HTML Mudah dan Simpel

4. Langsung Klik,Ganti nama file apa aja langsung ketik tanda .html


Cara Belajar HTML Mudah dan Simpel

5. Lalu Tekan Save(Selesai)

1.Rumus Teks :

<html>
<title>Judul</title>
<head>
<body>
</body>
Belajar HTML
</body>
</html>
Dan Hasilnya Begini :
(Tulisan Belajar HTML bisa di ganti apa aja)

Cara Belajar HTML Mudah dan Simpel

2.Text Rata Kanan

<html>
<title>Judul</title>
<head>
<body>
</body>
<div style="text-align:right;"> Teks rata kanan</div>
</body>
</html>

Hasil nya Begini :

Cara Belajar HTML Mudah dan Simpel

3.Teks Rata Kiri

<html>
<title>Judul</title>
<head>
<body>
</body>
<div style="text-align:justify;"> Teks Rata Kiri</div>
</body>
</html>
Hasil nya Begini :


Cara Belajar HTML Mudah dan Simpel

4.Teks Rata Center(Tengah)


<html>
<title>Judul</title>
<head>
<body>
</body>
<div style="text-align:center;"> Teks Rata Tengah</div>
</body>
</html>
Hasil nya Begini :


Cara Belajar HTML Mudah dan Simpel

5.Teks Ukuran dan Warna

<html>
<title>Judul</title>
<head>
<body>
</body>
<font size="2"color="red">Ukuran dan Warna 1</font>
<br>
<font size="4"color="red">Ukuran dan Warna 2</font>
<br>
<font size="6"color="red">Ukuran dan Warna 3</font>
<br>
</body>
</html>
Hasil nya Begini :

(Info) "Rumus <br> adalah Membuat baris baru dan warna nya bisa di ganti apa aja"

Cara Belajar HTML Mudah dan Simpel

6.Teks Seperti di Stabilo

<html>
<title>Judul</title>
<head>
<body>
</body>
<span style="background:red;color:green">Teks Stabilo</span>
</body>
</html>
Hasil nya Begini :
(Info) "Warna Bisa Di Ganti"

Cara Belajar HTML Mudah dan Simpel


7.Memasukan Gambar

<html>
<title>Judul</title>
<head>
<body>
</body>
<img src="Desert.jpg">
</body>
</html>
Hasil nya Begini :
(Info) Format Gambar Harus Jpg,Jpeg,Png

Cara Belajar HTML Mudah dan Simpel

8.Memasukan Link

-Halaman1

<html>
<title>Judul</title>
<head>
<body>
</body>
Belajar HTML
</body>
</html>

-Halaman2 




<html>
<title>Judul</title>
<head>
<body>
</body>
Agusti Salim.Com
</body>
</html>
-Index


<html>
<title>Judul</title>
<head>
<body>
</body>
<a href="halaman1.html">halaman1</a>
<br>
<a href="halaman2.html">halaman2</a>
</body>
</html>

Hasil nya Begini :





Nah, bagaimana teman-teman apa sudah paham tentang masalah pemahaman dasar HTML dan cara penggunaanya? Jika teman-teman masih kurang paham atau kurang jelas jangan berkecil hati karena teman-teman dapat bertanya langsung kepada saya bisa melalui email atau chat langsung di facebook saya atau langsung komen di bawah. Oke, semoga artikel tentang Cara Belajar HTML Mudah dan Simpel bisa membantu teman-teman semua ya, dan jangan lupa nantikan artikel menarik lainya dari kami hanya di blog ini AgustiSalim.COM tempatnya belajar online.

Postingan terkait: