- Pemrograman adalah proses menulis, menguji, dan memperbaiki serta memelihara code yang membangun sebuah program komputer.
- Html ( Hyper Text Markup Language ) adalah sebuah bahasa yang digunakan secara luas untuk menanmpilkan halaman pada web.
- Membuat halaman web.
- Menanmpilkan berbagai informasi didalam sebuah browser internet.
- Membuat link menuju halaman web dengan code tertentu.
- Mozila Firefox
- Google Crome
- Internet Explorer
- Oprera
- dan lain-lainnya.
- Notepad
- Notepad ++
- Dreamweaver
- dan lain-lainnya.
Tag yang digunakan :
- <html> </html>
- <body> </body>
- <head> </head>
- <tittle> </tittle>
- dan sebagainya.
Gambar 1 |
Font adalah tampilan dalam merancang sebuah text.Tag/ perintah yang digunakan :
* <Font face>........ </Font> merupakan untuk menampilkan teks/abjad.
contoh :
<font face = " arial" > HAI NAMA SAYA MUHAMMAD SYAFII CHANIAGO </font>.
* <Font color> ...... </Font> merupakan untuk menampilkan warna pada teks.
contoh :
<font color = " Blue"> HOBBY SAYA TRAVELLING </font>
* <Font size> ....... </Font> merupakan untuk menampilkan ukuran pada teks.
contoh :
<font size = 6> IMPIAN SAYA KE BANDUNG </font>
Dalam ketiga perintah boleh digabung menjadi :
<font face = "arial" color = " red" size = 5 >
Surga Itu Di Telapak Kaki Ibu </font>
* <h1> ...... </h1>
contoh :
<h1> Sahabat Jadi Cinta </h1> sampai dengan <h6> Sahabat Jadi Cinta </h6>
* Line Break <br> merupakan untuk baris baru
contoh :
Manajemen Informatika <br>
* Preformat <pre> digunakan untuk menampilkan teks seperti teks mesintik.
contoh :
<pre> Blog Saya </pre>
* Bold <b> untuk menebalkan teks
contoh :
<b> Mulutnya Macam Mercon </b>
*Italic <i> untuk membuat bentuk teks miring
contoh :
<i> Grup Cabe-cabean </i>
* Underline <u> untuk menambahkan garis bawah pada teks.
contoh :
<u> Biodata </u>
B. Sound
Sound digunakan untuk menambahkan fasilitas suara dan video pada halaman web.
Tag yang digunakan :
<embed> ........ </embed>
<bgsound> ...... </bgsound>
contoh :
<embedsrc = "Minang.mp4">
<bgsound = "Melayu.mp3">
program :
Gambar 2 |
Link adalah penggabungan dari tampilan pertama ke tampilan yang lainnya.
perintah yang digunakan dalam halaman web ini :
<a href> ...... </a>
contoh penulisan :
<a href = " contoh.html"> Next </a>
Gambar 3 |
Gambar 4 |
Gambar 6 |
langkahnya :
* pertama foto yang sudah kita beri nama kita, kita masukkan kedalam suatu folder yang kita simpan Tampilan1.html dan tampilan2.html.
* sesudah itu kita kembali ke notepad lalu anda ganti " img src = kita gantikan dengan nama di foto kita '' .
*setelah kita simpan ke dalam folder yang sama dengan nama " Index.html "
Gambar 6 |
D. Table
Table merupakan cara untuk menanmpilkan informasi dalam bentuk sel yang terdiri dari atas baris dan kolom
Tag yang digunakan sebagai berikut :
<table> ...... </table> digunakan untuk sebagai pembuka dan penutup tabel.
<tr>...... </tr> digunakan untuk membuat baris
<td> ...... </td> digunakan untuk membuat kolom.
<th> digunakan untuk menebalkan teks pada tabel.
contoh :
<body bgcolor = blue>
<table border = 2>
<tr>
<td> baris 1 kolom 1 </td>
<td> baris 2 kolom 2 </td>
<td> baris 3 kolom 3 </td>
</tr>
<td> baris 2 kolom 1 </td>
<td> baris 2 kolom 2 </td>
<td> baris 2 kolom 3 </td>
</tr>
</table>
</body>
Program :
Gambar 7 |
jangan lupa add facebook, twitter dan instagram saya, mana tau bisa kita sharing-sharing :
Facebook : Muhammad Syafii ChaniagoTwitter : MSyafiiChaniagoInstagram : muhammad_syafii_chaniago