Cara Membuat Judul Untuk Tampilan Web Dalam HTML (step by step) #1

Assalamualaikum Teman Teman ,Bagaimana Kabar Kalian Hari Ini?

Semoga sehat selalu ya ,owh iya di awal tahun ini semoga apa yang kalian harapkan bisa tercapai dan terkabul ya(^_^)………

Owh iya mimin juga minta doa yang baik-baik dari kalian semua ya,semoga mimin bisa tambah semangat untuk buat materi materi yang bermanfaat bagi kalian semua.

Oke dalam pembahasan kali ini mimin akan membahas sebuah materi tentang html,yakni bagaimana cara membuat sebuah tampilan penyertaan judul dengan html,

Oh iya sebelum itu teman teman harus menginstall code editor terlebih dahulu ya,yaitu sublime text

Soalnya nanti kita akan membuat programnya disitu ,jadi kita membutuhkan software nya ya teman teman,silahkan di download dulu oleh teman teman ,link nya saya sertakan dibawah ini ya…

https://www.sublimetext.com/3 silahkan teman teman download terlebih dahulu ya,jika sudah maka inilah tampilan awalnya…

Nah disini lah kita akan membuat berbagai macam project html kita nanti…..

,baiklah jika semuanya sudah dipersiapkan maka kita langsung saja klik menu (file terletak pada pojok kiri atas => kemudian klik New file,maka kita siap untuk menuliskan programnya…

Owh iya sebelum kalian mulai menulis ,alangkah baiknya kalian melakukan save terlebih dahulu agar kita mudah nantinya untuk menemukan file yang kita buat dan jangan lupa untuk menaruhnya di sebuah folder baru,simpan semua file html disana….

Coba teman teman lihat ,ini contohnya saya sudah menaruh file file html yang akan ita buat didalam sebuah folder agar nanti file filenya terstruktur dan kita bisa dengan mudah menemukannya nanti,

Owh iya kalian jangan lupa untuk meng save nya terlebih dahulu… dan ketika menulis judulnya kalian harus menulisnya dengan eksistensi bertipe html misalnya

buatjudul.html

karena eksistensi ini menandakan bahwa kita menuliskan sebuah file html.

Nah setelah kita sudah tau hal hal yang di atas mari kita mulai saja penulisan kodenya

Pertama tama kita tulis dulu

<!DOCTYPE html>

<html>

<head>

                <title></title>

</head>

<body>

 

</body>

</html>

 Tolong perhatikan Gambar dan codenya ya ,

Bagian <html> merupakan bagian awal dalam pebuatan file dan kalian bisa lihat di baris paling bawah ada text yang bertuliskan </html>

Perbedaan teks ini terletak pada bagian slash saja, teks ini bisa disebut sebuah elemen karena teks ini berpasangan <html>…..</html>

Bisa kita lihat dalam baris lain terdapat elemen <head>….</head>

<body>…</body>…

Didalam elemen head ini lah kita akan menuliskan sebuah judul nantinya, head artinya bagian atas / kepala dalam sebuah sebuah web

Dan body adalah sebuah bagian tengah atau bagian badan yang nanti kita akan ini dengan berbagai tampilan tampilan yang disertai variasi variasi menarik

Dan coba teman teman lihat ada elemen yang bertuliskan <title>….</title> di dalam tag <head>….</head>  nah kita akan menuliskan sebuah judul di dalam tag title tersebut ….

Perhatikan gambar berikut….

Perhatikan didalam elemen title ada teks yang bertuliskan β€œINI ADALAH WEB PERTAMA YANG SAYA BUAT”

Artinya didalam tag head ,atau dibagain atas/kepala berisi sebuah judul atau title yang bertuliskan β€œINI ADALAH WEB PERTAMA YANG SAYA BUAT”

Nah Daripada kalian bingung langsung saja lihat gambar  ini…

 Kita klik kanan pada bar,kemudian pilih menu open in browser maka nanti akan muncul tampilan sebagai berikut!

Perhatikan gambar yang sudah saya cantumkan tanda hitam di atas,sudah ada judul nya kan ? nah itulah contoh pembuatan judulnya,sudah jadi ? apa kalian sudah paham? Silahkan tanyaakan dikolom komentar yang belum kalian pahami……

Baiklah segitu saja yang bisa saya sampaikan hari ini ,oh iya tutorial ini akan saya buat step by step ya agar kalian lebih enak melihatnya dan ga terlalu panjang juga ,buat yang males baca wkkwkw, oke baiklah sampai jumpa .terimakasih

Jika ada kelasahan dalam penyampaiannya mohon dimaafkann ya ,salam admin!

Author: Mr_Shiroo

Leave a Reply

Your email address will not be published. Required fields are marked *