Langsung ke konten utama

Belajar HTML bersama part 1 (Membuat file pertama html)


  Salam sobat semua.

Alhamdulillah atas segala nikmat yang telah Allah berikan kepada saya. dan dalam kesempatan kali ini

saya ingin mengajak berbagi dan belajar bersama HTML. 



HTML kepanjagan dari Hyper Text Markup Language, yaitu bahasa pemrograman kerangka website agar bisa dilihat oleh

si pengunjung atau client. html ini juga termasuk bahasa pemrograman yang tidak kalah penting dalam pembuatan website selain dari 

css,javascript,php,jquery,ajax dsb. belajar HTML sangat mudah tidak susah kok kawan.


oke langsung saja kawan. pertama kita siapkan dulu toolsnya, toolsnya itu adalah notepad++ dan applikasi browser. untuk applikasi browser

tergantung selera, bisa pake firefox,chrome opera atau yang lainnya.


1. buka dulu notepad++ nya kawan. kalo belum terinstall silahkan di cek pada share yang kemaren di https://youtu.be/V03czcraCSw atau di https://notemazdopunk.blogspot.com/2021/04/install-notepad.html



2. untuk html ada yang namanya tag. tag ini berupa <>, contoh <html>. dan setiap tag harus ditutup seperti </>,contoh </html>. meski nanti ada beberapa tag

yang tidak harus di tutup.

3. sekarang kita coba membuat file pertama html dulu. langsung saja kawan di notepadnya tulis

<html>


</html>

4. kemudian save pada folder yang ingin disimpan dan kemudian save dengan ekstensi .html seperti contoh filepertama.html



5. untuk tag <html> berfungsi untuk sebagai identitas atau pengenal kepada aplikasi browser bahwa file ini adalah file html. tapi untuk applikasi browser yang terbaru

meski tidak memakai tag <html> sudah bisa mengenal file kalo itu file html. tapi kalo saya pribadi lebih suka pakai tag <html> sih. biar kelihatan keren di codingnya

dan biar kelihatan seperti programer legend hehehehehhe.

6. kemudian tambahin tag <head> di antara tag <html> dan kemudian save


<html>

<head>

</head>

</html>


fungsi tag head ini kalo dulu pas awal awal belajar adalah untuk memberi gambar pada area atas websites. tapi setelah agak maju dan mengerti, fungsi di tag head ini

adalah untuk diisi beberapa informasi website serpeti tag meta,link,script dsb. agar website kita bisa lebih dikenali oleh mesin pencari dimana juga merupakan salah satu

tehnik SEO.

7. setelah itu tambahin tag <title> dan kemudian save

<html>

<head>

<title>Website Pertama</title>

</head>

</html>


tag title ini berfungsi untuk memberi judul pada website kita atau judul pada bar applikasi browser

8. kemudian tambahin dengan tag body dan kemudian di save


<html>

<head>

<title>Website Pertama</title>

</head>

<body>

</body>

</html>

fungsi tag body adalah tempat kita mengisi informasi yang akan kita tampilkan sperti gambar,tulisan dan lain lain. dan sekarang kita coba tampilkan isi informasi

pertama kita


<html>

<head>

<title>Website Pertama</title>

</head>

<body>

<h1>Pertama Belajar HTML</h1>

<p>Selamat belajar html dan mudah mudahan bisa cepat memahami</p>

<p>dan cepat bisa membuat website sederhana sendiri</p>

</body>

</html>


nah sekarang file pertama html kita sudah jadi. untuk kalian yang malas mau mengetik silahkan download contoh filenya di https://userscloud.com/hzh3m46midze

dan sampai disini dulu untuk kesempatan belajar barengnya kawan. nanti kita lanjut lagi di next

share lagi. oke mudah mudahan bisa bermanfaat


Salam sobat semua


#free #share #program #dekstop #windows #html #website #belajar #css #javascript #php #html5 #language #language #webdevelopment #webdeveloper 

Komentar

Postingan populer dari blog ini

Youtube Viewer,Auto Comment,Auto Like

This is about viewer Youtube from link web or redirect web,auto comment,auto like without risk banned maybe. not about earning youtube. Method this bot about IP using auto dial or reset connection on dial up. IP will be change if IP ISP your country dynamic like on my country. or auto dial vpn (virtual private network) support application browser : - Mozilla Firefox 35 under version - chrome all version for other application browser maybe i will update so stay on my channel :D about cookies,auto clear cookies every value auto load new browser Feature : 1. Youtube Viewer using link or using redirect. you can using your web or other web 2. auto comment 3. auto like Get my bot on https://ggldrs.com/bZ5V support tools https://dl.bintray.com/florentbr/generic/SeleniumWrapperSetup-1.0.23.0.exe this bot need activation and every 30 days. you can get activation from me.the activation redeemed for $ 7, but you can try at your home with 2 viewer,then a...

belajar CSS dasar bersama part 13 : mengenal dan membuat overflow scroll css

  di css juga ada yang namanya overflow, properti ini juga kerap kali sering digunakan dalam pembuatan website sederhana ataupun expert. sebelum kita mengenal apa itu overflow saya akan mengucpakan Salam sobat semua Alhamdulillahi robbil 'alamiin atas segala nikmat yang telah di berikan kepada diri ini secara gratis, dan salah satu nikmat tersebut ialah masih bisa menulis dan berbagi dalam tulisan ini dengan kalian. sholawat serta salamku akan tetap terpanjatkan untuk baginda sayyidian Muhammad ibni abdillah S.A.W. beserta kepada keluarga dan para sahabatnya. untuk kali ini kita akan mencoba apa yang namanya overflow. overflow adalah kalau menurut saya suatu kode yang mengatur scroll. apa itu scroll yaitu sesuatu yang bisa di gerak-gerakkan ke atas ke bawah atau ke kiri ke kanan. oke sebelum memulai mencoba mari kita baca bismillah dulu. Bismillahir rohmanir rohiim. sekarang buka file yang kemaren kita sudah buat sebelumnya jangan lupa di duplikat dulu biar data kemaren tetap aman ...