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 

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Install Perl

  Salam Sobat Semua ALhamdulillah Sholawat serta salam tetap tercurah kepada sang panutan sayyidina Muhammad S.A.W. untuk kesempatan kali ini saya ingin berbagi tentang Applikasi perl dan Instalasi nya. mungkin kebanyakan orang applikasi perl ini tidak begitu penting apalagi di kalangan designer. tapi lain kata dengan kalangan yang suka melakukan aktifitas hacking,cracking,carding dan programming. mereka akan sangat membutuhkan applikasi ini karena memang ada beberapa tool atau alat yang terbuat dari bahasa perl. dan Insya Allah nanti saya akan berbagi juga dasar dasar perl oke :D heheheh. ok langsung saja.  - Download applikasi instalasi perl di https://adsafelink.com/4vKs7DHTY7 - ekstrak dari winrar nya 1. klik dua kali applikasi instalasi perl yang sudah di download dan setalah muncul jendela seperti di gambar maka klik next 2. Pilih option i accept dan kemudian klik next seperti tampak pada gambar 3. di bagian jendela ini untuk settingannya kita pakai yang standard saja ti...
Posting Komentar
Baca selengkapnya

Belajar HTML bersama part 2(mengenai Tag Heading)

  Alhamdulillah segala puji bagi Rabb semesta alam yang masih di beri kesempatan bisa bertemu lagi di tulisan atau video ini. pada kesempatan kemaren kita sudah mencoba membuat file html. dan sekarang ayo kita mencoba yang lebih dalam mengenai HTML. di dalam file kemaren atau bacaan atau video kemaren ada beberapa isi body yang kita tahu. yaitu <h1> dan <p>. untuk kesempatan kali ini saya mencoba memberitahukan arti h1 itu dulu, dan next bacaan atau video kita lanjutkan yang lain. untuk h1 kalau dalam teori disebut heading yang fungsinya membuat tulisan di dalam body itu berukuran menurut ukuran sesuai sistem. h1 ini terdiri sampai h6. jadi kita nanti kita akan coba h1 sampai h6. sekarang kita coba buka notepad lagi dan tulis atau copy paste tulisan berikut <html> <head> <title>Website Pertama</title> </head> <body> </body> </html> kemudian diantara tag body kita tulis atau copy paste tag h1 kemudian di sav...
Posting Komentar
Baca selengkapnya