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

belajar CSS dasar bersama part 3 : Cara mengetahui dan menetapkan nilai hex warna pada CSS atau HTML dengan offline beserta kelebihannya

   warna di css merupakan bagian terpenting, karena warna akan mempercantik sebuah tampilan website yang nanti akan kita buat, namun kita harus tahu bagaimana cara membuat atau memberi nilai atau value hex warna di css sehingga tampilan HTML kita akan cantik dan menarik, tapi sebelum kita memulai izinkan saya untuk mengucapkan Salam sobat semua Alhamdulillah atas segala sesuatu nikmat yang telah Allah berikan kepada diri ini, dan salah satu nya nikmat masih di beri kesempatan untuk bisa menulis dan berbagi dengan kalian. dalam kesempatan kali ini sesuai janji saya pada tulisan sebelumnya bahwa kita akan mencoba bagaimana caranya mendapat nilai hex warna pada CSS atau html secara offline. dan untuk kali ini kita akan memakai aplikasi pembantu yaitu adobe photoshop. dan ini sudah saya lakukan bertahun-tahun dalam pembuatan websites ataupun blog. bagi yang belum punya adobe photoshop di perangkatnya silahkan kalian  baca tutorial sebelumnya tentang adobe photshop disini. kalau bagi yang s
Posting Komentar
Baca selengkapnya

Install Notepad ++

Install Notepad ++ Salam semuanya sobat Pada kesempatan kali ini saya ingin menyimpan tata cara instal notepad ++ dan filenya. Agar tidak usah mencari di blog lain hehehehe. Fungsi notepad ++ ini sangatlah banyak dan sering saya gunakan untuk keperluan sehari-hari seperti koding php, html, perl dan lain-lain. Bagi saya tools kecil ini sangat bermanfaat. Dan siapa tahu juga bermanfaat buat kalian semua pembaca. Oke langsung saja download aplikasi notepad ++ nya disini Kemudian ekstrak filenya dan klik file exe installernya dua kali, sehingga akan tampil serperti pada gambar, dan kemudian pilih english saja dan klik ok. Kemudian klik next seperti pada gambar  Kemudian klik i agree Dan kemudian klik next saja kalo ingin letak folder installer atau pemasangannya di defaultkan oleh kita.  Kalau ingin dipindah, tinggal klik browse saja dan kemudian pilih letak foldernya  Kemudian ada beberapa pilihan atau opsi. Ikuti seperti gambar ya hehehehe: D  Dan yang terkahir selesai dan di tahap ini
Posting Komentar
Baca selengkapnya