BAHASA HTML
(Perintah-perintah sederhana untuk Tampilan Web)
Pertama
buat Folder di C --> AppServ --> www
Untuk saat ini disamakan saja nama foldernya “belajar” (caranya klik kanan new folder)
Copy dan paste index.html di pendukung materi 2
Kedua
Buka browser kemudian ketik “localhost” di kolom url, lalu enter
Kemudian tambahkan belajar (tanpa spasi) misal “localhost/belajar”
Atau
Anda juga bisa mengganti local host dengan IP Komputer, dengan ini Web Local Anda bisa dilihat dengan komputer lain.
Cara melihat IP Anda dengan cara buka
Control Panel,
View Network and status task,
Wifi atau Etehernet,
Klik Detail.
IP Anda adalah Nomor disebelah Ipv4 Address
Misal IP Address komputer adalah 192.168.1.64
Maka ketik 192.168.1.64/belajar
Isi HTML Basic
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="" />
<meta name="author" content="Ahmad Hasan">
<title>Belajar HTML</title>
</head>
<body>
<a href="https://html-cleaner.com/">Ke HTML Cleaner</a>
isi contentnya disini
</body>
</html>
Untuk Kode HTML banyak sekali maka silahkan dicoba di
https://html-cleaner.com/
Dengan cara itu Kita nggak perlu hapalin kode2 HTML nya …
Contoh :
Tampil di Website
tengah tebal
tengah tebal besar
Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf
judul tabel judul tabel judul tabel
isi tabel isi tabel isi tabel
Tulisan dalam bentuk HTML
<p style="text-align: center;"><strong>tengah tebal</strong></p>
<h3 style="text-align: center;"><strong>tengah tebal besar</strong></h3>
<p> </p>
<p>Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf Paragraf </p>
<p> </p>
<table border="2" cellspacing="10" cellpadding="10">
<tbody>
<tr>
<td>judul tabel</td>
<td>judul tabel</td>
<td>judul tabel</td>
</tr>
<tr>
<td>isi tabel</td>
<td>isi tabel</td>
<td>isi tabel</td>
</tr>
</tbody>
</table>
Buatlah web local sederhana, untuk Promo Produk yang Anda jual
Ketik di https://html-cleaner.com/ untuk kontennya,
lalu copy html code nya dan gantilah “isi contennya disini” dengan code yang baru.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="" />
<meta name="author" content="Ahmad Hasan">
<title>Belajar HTML</title>
</head>
<body>
<a href="https://html-cleaner.com/">Ke HTML Cleaner</a>
isi contentnya disini
</body>
</html>
Pembuatan Tabel di HTML
<!DOCTYPE html>
<html>
<head>
<title>Struktur Table</title>
</head>
<body>
<table border="1" width="300">
<caption>DAFTAR NAMA MAHASISWA</caption>
<thead>
<tr>
<td>No</td>
<td>Nama</td>
<td>Jenis Kelamin</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Nama A</td>
<td>Laki-Laki</td>
</tr>
<tr>
<td>2</td>
<td>Nama B</td>
<td>Perempuan</td>
</tr>
</tbody>
</table>
</body>
</html>
<table> membuka tabel
</table> menutup tabel
<tr> menambah baris
<td> menambah kolom
PlayList Video Tutorial Materi
https://youtube.com/playlist?list=PLNYE6uj1u6t-oxopv9GDgjtE8HUI3v6jE
Daftar Pustaka
http://blog.rosihanari.net
https://www.w3schools.com
https://www.000webhost.com
http://rosihanari.net
https://templated.co
https://themewagon.com
https://www.onphpid.com
Modul Koding PHP Dasar Bisa digunakan untuk Sekolah Bimbel atau LKP - Harga 100 rb Word Kirim by WA
Isi Modul Koding PHP Dasar
- Instalasi,
- Bahasa HTML,
- Operator Artimatika
- Post dan Get,
- Kontrol IF,
- Statement For (looping)
- Statement While,
- Static Web,
- Fungsi,
- Database SQL
- Insert Data,
- Menampilkan data,
- Update Data
- Hapus data,
- Keamanan web,
- Dinamis Web
- Upload ke Hosting
Kenapa PHP?
Harga
Kirim Langsung ke WhatsApp Anda
koding, belajar koding, lkp koding, bimbel koding, ekstra koding
Modul Koding PHP Dasar
#koding #belajarkoding #php #phpdasar #modulkoding
Tidak ada komentar:
Posting Komentar