HTML DASAR

ASSALAMU'ALAIKUM WR. WB.

A.PENGERTIAN

HTML (hyper text markup language) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi

B.LATAR BELAKANG

Html adalah dasar  dari sebuah tampilan sebuah tampilan web jika tidak ada html maka tampilan sebuah web akan tiada uniknya jadi latar belakang saya agar mengubah web menjadi lebih bagus

C.MAKSUD DAN TUJUAN

agar user baru mengetahui beberapa kode html dasar dalam dari banyaknya kode html

D.ALAT DAN BAHAN

1 bauh pc/laptop
koneksi internet

E.WAKTU YANG DI BUTUHKAN

karna saya merangkainya dari awal jadi saya membutuhkan waktu yang lama karena saya sambil membuka referensinya dan saya sambil berfikir waktu yang saya butuhkan kurang lebih 1 jam

F.JENIS JENIS HTML

1. HTML Basic
2. HTML Elements
3. HTML Attributes
4. HTML Headings
5. HTML Paragraphs
6. HTML Styles
7. HTML Formatting
8. HTML Quotations
9. HTML Computercode
10. HTML Comments
11. HTML Colors
12. HTML CSS
13. HTML Links
14. HTML Images
15. HTML Tables
16. HTML Lists
17. HTML Blocks
18. HTML Clasess
19. HTML Layout
20. HTML Responsive
21. HTML Iframes
22. HTML JavaScript
23. HTML Head
24. HTML Entities
25. HTML Symbols
26. HTML Charset
27. HTML URL Encode
28. HTML XHTML

G.PENGULASAN MATERI

Disini saya akan memberikan tutorial sedikit karena kalo semua di jadikan dalam satu post mungkin membutuhkan waktu yang sangat lama dan jika tidak membutuhkan waktu yang lama mungkin akan terasa pusing banget karena dasarnya itu belajar itu harus sedikit sedikit jangan langsung banyak ibarat kata kalo orang makan sudah kenyang ya sudah jangan di tambahin lagi ntar malah over kenyang

HTML Basic

• Langkah awal adalah anda harus masuk ke dalam sublime text sebenernya sih menggunakan app lain boleh saja tapi saran saya gunakan sublime text ajah

• Langkah awal kita membuat html di mulai dari sekarang  biasanya di html Basic cuman memasukan kode seperti di bawah ini

• Nah dari gambar di atas ada kode memasukan gambar nah untuk memasukan gambar jika tidak ingin ribet saran saya  gambarnya di taro dalam 1 folder dengan html nya jika sudah di simpan coba masuk ke file manager lalu open with browser maka akan tampil seperti  di bawah ini

• Nah itu adalah contoh dari HTML Basic 

HTML Elements

• Pada html elements hanya menambahkan beberapa kode seperti  <p></p> yang berarti paragraf awal <p> berarti hanya paragraf saja jika kurang jelas perhatikan gambar di bawah ini yang sudah saya block

•  Jika sudah  di simpan kita coba masuk ke browser dan alhasil seperti di bawah ini yang sudah saya block adalah hasilnya

 HTML Attributes

• Nah pada html attributes setau saya hanya menambahkan sebuah tulisan tetapi jika kursor di arahkan ke tulisan tersebut akan muncul tulisan lain yang bisa di lihat jika kursor di arahkan ke situ gambar di bawah ini adalah beberapa script yang di tambahkan 

• Nah untuk scip yang saya block yang paling akhir itu biasanya untuk penutup dari title about
• Nah jika sudah di tambahkan simpan lalu buka browser maka hasilnya akan seperti gambar di bawah ini yang sudahh saya block

 HTML Headings

• Nah pada  html  headings setahu saya hanya mengasih jarak anatara <h1> dengan <h2> atau <p> dengan <p> yang lain atau  yang lainnya
• Nah untuk cara penambahan scripnya seperti gambar di bawah ini

• Nah jika di buka di browser hasilnya akan seperti gambar di bawah ini

• Akan menjadi berjauhan jaraknya  

HTML Paragraphs

•  Nah pada tahap saya akan  menambahkan sebuah paragraf  yang tidak satu baris tapi jika di  buka di browser akan menjadi satu baris dan yang satu baris akan menjadi beberapa baris

• Gambar di atas adalah penambahan scripnya dan hasilnya akan seperti di bawah ini yang saya block

HTML Styles

• Html styles biasanya penambahan scripnya banyak macam nya nah di bawah ini saya hanya menambahkan 4 scrip saja atau mungkin hanya 4 saja saya kurang tau karena menurut buku yang saya baca hanya ada 4
• Yang pertama adalah saya akan menambahkan sebuah warna di background dan mengganti warna di tulisannya

• Nah jika sudah memasukan scripnya coba kita buka di browser maka hasilnya akan seperti di bawah ini

• Nah selanjutnya saya akan mencoba menambahkan align text, size font, font family ( align text untuk mengatur dimana letak tulisan (tepi kiri tengah atau tepi kanan) : size font untuk mengatur seberapa  besar tulisan yang akan kita buat :  font family jenis / gaya tuisan tersebut )

• Alhasil jika kita buka di browser maka hasilnya seperti di bawah ini

H.HASIL YANG DI DAPAT
saya dapat mempraktikan beberapa kode dasar salam html

I.REFERRENSI

http://www.w3schools.com/

J.KESIMPULAN

saat merangkai html saran saya perhatikan baik baik setiap kata katanya karena jika saat penulisan sampai salah 1 huruf saja maka hasilnya akan tidak akan sesuai yang di harapkan
DEMIKIAN SEDIKIT YANG DAPAT SAYA BAGI SEMOGA BERMANFAAT BAIK BAGI SAYA MAUPUN BAGI PARA PEMBACA BLOG SAYA JIKA ADA KATA YANG SALAH SAYA MEMOHON MAAF YANG SEBESAR BESARNYA

WASSALAMU'ALAIKUM WR. WB.