/ Unlabelled / 2. HTML Dasar : Hello world!

Minggu, 05 Januari 2020

2. HTML Dasar : Hello world!

Let's Code! <HTML>


2. HTML Dasar : Hello world!

Disini kita kita akan memulai ngoding yang dasar hanya menampilkan Hello word!
Kita perlu menginstal nooteped dan browser.

Pertama kita membuat folder baru di desktop supaya tidak ter cecer kemana-mana dengan name html

 Dan membuat fopder lagi di dalam folder html dengan nama latihan1, untuk menyimpan file yang nanti kita buat nanti

Lalu kita membuka nootped,
Kita membuat web menggunakan nootped, Sebenernya membuat web itu bisa menggunakan nootped, karena nootped tidak diperuntukanuntuk membuat halaman web, cuman kita harus mengetiknya dengan serba manual

Sebelum kita menulis kode html terlebih dahulu Save As dengan file name latihan1.html, exstendnya harus .html
Dan type filenya diganti All Files,
Dan biasakan jangan memberi file name ada Sepasi walau tidak ada eror tapi akan menambah sesuatu karakter di url website anda %20%

Sebelum kita menuliskan kode html kita coba menulis hello world!
Lalu save dan kita caba lihat di folder html ~> latihan1 kita buka di browser Lalu double klik

Inilah halaman web pertama kalian, Meskipun isinya bukan html meskipun itu text biasa

Supaya web browsernya membacanya html kota harus membuat struktur-struktur dasar html mengasih tahu ke browser ini html, Berikut struktur dari html :

Penjelasan dari struktur HTML

Barisan pertama <!doctype html> untuk berfungsi sebangai mengasih tahukan kepada web browser saya membuat html yang versi ke berapa? Contoh kalau menuliskan <!doctype html> itu menandaka html versi 5

 Kedepannya jika kalaian menemukan karakter <(tulisan)> keseluruhannya itu disebut teks, <html> disebut dengan teks html dan <head> itu disebut dengan teks header, kebanyak teks di dalam html itu berpasangan ada Pembuka dan Penutup apa perbedaannya?, Teks penutup itu ada garis miring(/) Contoh: </html> kalau pembuka <html>

 Pembuka <html> dan penutup </html> itu teks pembungkus dasar html itu didalamnya terdapat dua teks utama, yaitu: <head> </head> dan <body> </body>, Nanti yang kamu tuliskan itu di dalam teks header dan body, Dan tidak boleh menulis diantaranya

Dan nanti yang akan ditampilkan di halaman web itu ada di dalam body yang kamu tuliskan Contoh tadi hello world!
Tampilan nya sama persis kayak tadi tapi browser menganggap ini adalah halaman html meskipun tetap ada yang kurang browsernya tidak tahu hello word itu sebagai apa paragraf?, Atau heading?, Atau link?.

 Kita coba di beri kata-kata lagi di bawahnya hello world! Misalnya : Selamat datang di kuliah pemrograman web 1
Lalu di save kan di situ ada sepasi enternya biar pisah tidak nyatuh, Lalu kita kembali ke browser lalu refresh
Itu tulisannya berada disampingnya karena web browsernya itu tidak tahu, Yang paham artinnya  yang bisa memahami cuman kita sebagaian manusia, Browsernya hanya menganggap itu teks semua, Supaya hello world! itu menjadi paragraf kita harus membungkusnya di dalam <p>hello world!</p>
<p>Selamat datang di kuliah pemrograman web 1</p>

Lalu kita Save dan kita kembali lagi ke browser, Lalu tekan refresh
Sekarang browsernya langsung memperlakukan tulisan tersebut menjadi paragraf, Sekarang browsernya tau bahwa di dalam html yang di buat itu ada 2 buah paragraf.

Sekarang di header (<head>)
Diantara pembuka dan penutup itu ada <title></title> berfungsi sebangai memberi judul sebuah halaman web kamu, Misalnya : Pemrograman web 1

Lalu save dan pergi ke halaman web browser, Lihat Cursornya


~♧Semoga membantu kalian semua :) ♧~

2. HTML Dasar : Hello world! Rating: 4.5 Diposkan Oleh: Anonim

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)