Klik windows,lalu tuliskan pada kolom search "Notepad".
silahkan dicoba code di bawah ini.
Untuk Code HTML
Cara Menyimpannya
1. klik save as,
2. berikan file name nya : index.html
3. lalu pilih save as type : All Files
4. simpan file di suatu folder baru dengan nama folder : contoh
#PERHATIKAN
Pada nama file harus diberi akhiran titik html,contoh : ( index.html ) atau (webku.html )
Jika ingin mengedit kembali tolong jangan dikeluarkan dari notepad.
Cara Menampilkannya
1. Buka browser seperti (chrome,mozila,atau yang lain)
2. seret file yang tadi di simpan dengan format HTML ke browser.
3 maka akan terlihat hasilnya.
Cara membuat background color
Tambahkan code ini ke body
Setelah itu simpan dengan klik file lalu save atau ( ctrl+s )
reload/ refresh browser anda dan lihat hasilnya.
Cara Membuat DIV Pada Website
Code Keseluruhan
Lalu simpan (ctrl+S), dan reload/ refresh browser anda dan lihat hasilnya.
Cara Menampilkan Foto
1. pilih foto yang akan ingin di taruh.
2. masukan ke dalam folder yang tadi kita buat. (folder contoh)
3 ingat nama foto tersebut contoh nama foto nya (selfie.jpg)
seperti ini code nya.
disini saya akan memperbanyak tulisan di paragraph
Code Keseluruhan
perkecil ukuran browser anda,akan terlihat responsive.
silahkan dicoba code di bawah ini.
Untuk Code HTML
<!DOCTYPE html>
<html>
<head>
<title>HTML Tutorial</title>
</head>
<body>
<h1>Ini adalah heading</h1>
<p>Ini adalah paragraph.</p>
</body>
</html>
<html>
<head>
<title>HTML Tutorial</title>
</head>
<body>
<h1>Ini adalah heading</h1>
<p>Ini adalah paragraph.</p>
</body>
</html>
Cara Menyimpannya
1. klik save as,
2. berikan file name nya : index.html
3. lalu pilih save as type : All Files
4. simpan file di suatu folder baru dengan nama folder : contoh
#PERHATIKAN
Pada nama file harus diberi akhiran titik html,contoh : ( index.html ) atau (webku.html )
Jika ingin mengedit kembali tolong jangan dikeluarkan dari notepad.
Cara Menampilkannya
1. Buka browser seperti (chrome,mozila,atau yang lain)
2. seret file yang tadi di simpan dengan format HTML ke browser.
3 maka akan terlihat hasilnya.
Cara membuat background color
Tambahkan code ini ke body
<body bgcolor="#CCCCCC">
Jadi hasilnya code keseluruhannya seperti ini.
<!DOCTYPE html>
<html>
<head>
<title>HTML Tutorial</title>
</head>
<body bgcolor="#CCCCCC">
<h1>Ini adalah heading</h1>
<p>Ini adalah paragraph.</p>
</body>
</html>
<html>
<head>
<title>HTML Tutorial</title>
</head>
<body bgcolor="#CCCCCC">
<h1>Ini adalah heading</h1>
<p>Ini adalah paragraph.</p>
</body>
</html>
Setelah itu simpan dengan klik file lalu save atau ( ctrl+s )
reload/ refresh browser anda dan lihat hasilnya.
Cara Membuat DIV Pada Website
<div style= "background-color: white; border: 0; padding: 10px; text-align: left; ">
</div>
</div>
Code Keseluruhan
<!DOCTYPE html>
<html>
<head>
<title>HTML Tutorial</title>
</head>
<body bgcolor="#CCCCCC">
<div style= "background-color: white; border: 0; padding: 10px; text-align: left; ">
<h1>Ini adalah heading</h1>
<p>Ini adalah paragraph.</p>
</div >
</body>
</html>
<html>
<head>
<title>HTML Tutorial</title>
</head>
<body bgcolor="#CCCCCC">
<div style= "background-color: white; border: 0; padding: 10px; text-align: left; ">
<h1>Ini adalah heading</h1>
<p>Ini adalah paragraph.</p>
</div >
</body>
</html>
Lalu simpan (ctrl+S), dan reload/ refresh browser anda dan lihat hasilnya.
Cara Menampilkan Foto
1. pilih foto yang akan ingin di taruh.
2. masukan ke dalam folder yang tadi kita buat. (folder contoh)
3 ingat nama foto tersebut contoh nama foto nya (selfie.jpg)
seperti ini code nya.
<img src="selfie.jpg" />
disini saya akan memperbanyak tulisan di paragraph
Code Keseluruhan
<!DOCTYPE html>
<html>
<head>
<title>HTML Tutorial</title>
</head>
<body bgcolor="#CCCCCC">
<div style= "background-color: white; border: 0; padding: 10px; text-align: left; ">
<h1>Situs Web</h1>
<p>
Situs web (bahasa Inggris: website) adalah suatu halaman web yang saling berhubungan yang umumnya berada padapeladen yang sama berisikan kumpulan informasi yang disediakan secara perorangan, kelompok, atau organisasi.[1]Sebuah situs web biasanya ditempatkan setidaknya pada sebuah server web yang dapat diakses melalui jaringan sepertiInternet, ataupun jaringan wilayah lokal (LAN) melalui alamat Internet yang dikenali sebagai URL. Gabungan atas semua situs yang dapat diakses publik di Internet disebut pula sebagaiWorld Wide Web atau lebih dikenal dengan singkatan WWW. Meskipun setidaknya halaman beranda situs Internet umumnya dapat diakses publik secara bebas, pada praktiknya tidak semua situs memberikan kebebasan bagi publik untuk mengaksesnya, beberapa situs web mewajibkan pengunjung untuk melakukan pendaftaran sebagai anggota, atau bahkan meminta pembayaran untuk dapat menjadi aggota untuk dapat mengakses isi yang terdapat dalam situs web tersebut, misalnya situs-situs yang menampilkan pornografi, situs-situs berita, layanan surel (e-mail), dan lain-lain. Pembatasan-pembatasan ini umumnya dilakukan karena alasan keamanan, menghormati privasi, atau karena tujuan komersial tertentu. Sebuah halaman web merupakan berkas yang ditulis sebagai berkas teks biasa (plain text) yang diatur dan dikombinasikan sedemikian rupa dengan instruksi-instruksi berbasis HTML atau XHTML, kadang-kadang pula disisipi dengan sekelumitbahasa skrip. Berkas tersebut kemudian diterjemahkan oleh peramban web dan ditampilkan seperti layaknya sebuah halaman pada monitor komputer. Halaman-halaman web tersebut diakses oleh pengguna melalui protokol komunikasi jaringan yang disebut sebagai HTTP, sebagai tambahan untuk meningkatkan aspek keamanan dan aspek privasi yang lebih baik, situs web dapat pula mengimplementasikan mekanisme pengaksesan melalui protokol HTTPS.
</p>
</div >
<img src="selfie.jpg" width="100%" height="auto" />
</body>
</html>
simpan (ctrl+S), dan reload/ refresh browser anda dan lihat hasilnya.
<html>
<head>
<title>HTML Tutorial</title>
</head>
<body bgcolor="#CCCCCC">
<div style= "background-color: white; border: 0; padding: 10px; text-align: left; ">
<h1>Situs Web</h1>
<p>
Situs web (bahasa Inggris: website) adalah suatu halaman web yang saling berhubungan yang umumnya berada padapeladen yang sama berisikan kumpulan informasi yang disediakan secara perorangan, kelompok, atau organisasi.[1]Sebuah situs web biasanya ditempatkan setidaknya pada sebuah server web yang dapat diakses melalui jaringan sepertiInternet, ataupun jaringan wilayah lokal (LAN) melalui alamat Internet yang dikenali sebagai URL. Gabungan atas semua situs yang dapat diakses publik di Internet disebut pula sebagaiWorld Wide Web atau lebih dikenal dengan singkatan WWW. Meskipun setidaknya halaman beranda situs Internet umumnya dapat diakses publik secara bebas, pada praktiknya tidak semua situs memberikan kebebasan bagi publik untuk mengaksesnya, beberapa situs web mewajibkan pengunjung untuk melakukan pendaftaran sebagai anggota, atau bahkan meminta pembayaran untuk dapat menjadi aggota untuk dapat mengakses isi yang terdapat dalam situs web tersebut, misalnya situs-situs yang menampilkan pornografi, situs-situs berita, layanan surel (e-mail), dan lain-lain. Pembatasan-pembatasan ini umumnya dilakukan karena alasan keamanan, menghormati privasi, atau karena tujuan komersial tertentu. Sebuah halaman web merupakan berkas yang ditulis sebagai berkas teks biasa (plain text) yang diatur dan dikombinasikan sedemikian rupa dengan instruksi-instruksi berbasis HTML atau XHTML, kadang-kadang pula disisipi dengan sekelumitbahasa skrip. Berkas tersebut kemudian diterjemahkan oleh peramban web dan ditampilkan seperti layaknya sebuah halaman pada monitor komputer. Halaman-halaman web tersebut diakses oleh pengguna melalui protokol komunikasi jaringan yang disebut sebagai HTTP, sebagai tambahan untuk meningkatkan aspek keamanan dan aspek privasi yang lebih baik, situs web dapat pula mengimplementasikan mekanisme pengaksesan melalui protokol HTTPS.
</p>
</div >
<img src="selfie.jpg" width="100%" height="auto" />
</body>
</html>
perkecil ukuran browser anda,akan terlihat responsive.
