BAHASA HTML (Perintah-perintah sederhana untuk Tampilan Web)

hldindonesia

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>&nbsp;</p>

<p>Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;Paragraf&nbsp;</p>

<p>&nbsp;</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

Home

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?

Di samping PHP, sebenarnya ada beberapa jenis pemrograman lain yang termasuk server side programming yaitu JSP (Java Server Pages), ASP (Active Server Pages), Phyton, dan Perl, serta masih ada lagi beberapa yang lain. Namun mengapa saya rekomendasikan PHP untuk Anda pelajari? Ya… karena PHP memiliki beberapa kelebihan antara lain:
1.  Bahasa pemrograman PHP sangat mudah dipelajari karena mirip dengan bahasa
C/C++
2.  PHP mudah diimplementasikan karena software PHP servernya 100% Free
3.  Kebanyakan server web hosting mensupport PHP
4.  PHP paling banyak digunakan oleh web programmer di seluruh dunia

Harga

Rp 100 ribu
Kirim Langsung ke WhatsApp Anda
Hubungi Kami

koding, belajar koding, lkp koding, bimbel koding, ekstra koding

Modul Koding PHP Dasar

#koding #belajarkoding #php #phpdasar #modulkoding

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.

This blog is kept spam free by WP-SpamFree.