1.    PERTEMUAN PERTAMA(I)
·         HTML

1.      Pengantar
HTML atau dengan singkatan Hyper Text Markup Language adalah bahasa pemograman yang digunakan dalam web sebagai bahasa untuk pertukaran dokumen web. HTML mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.HTML tidak membedakan penulisan huruf besar atau kecil pada penulisan elemen maupun tag.
2.      Struktur HTML terdiri dari tag pembuka dan tag penutup. Contoh struktur dokumen HTML sebagai berikut:






<HTML>
  <head>
    <title>pertemuan 1</title>
  </head>
 <body>

Heloo                isi dari pada web

 </body>
</HTML> 

3.      TAG HTML
Tag HTML dapat digunakan untuk memformat:
-Teks                            - Form
-Link                            -video
-Gambar                      -Tabel
-Frame

4.      Perintah dasar HTML
·                Format Teks
                                a.              Header <hn>: digunakan untuk menulis judul dan sub judul dengan huruf-huruf yang berukuran tertentu. Ada pun tingkatan header adalah 1 sampai 6.dimana <h1> header yang paling besar dan <h6> adalah header paling kecil.
                                b.              Paragraf<p>: digunakan untuk menandai sekumpulan teks sebagai suatu paragraf.adapun atribut yang dapat ditambahkan pada paragraf adalah Atribut Align. Align Right(perataan kanan),Center(perataan tengah),Left(perataan kiri),dan Justify(perataan kiri-kanan)
                                 c.              Bold<b>: digunakan untuk membuat tulisan tebal
                                d.              Italic<i>: digunakan untuk membuat tulisan miring
                                 e.              Underline<u>: digunakan untuk membuat tulisan bergaris bawah
                                 f.              <marquee>: digunakan untuk membuat teks berjalan.
                                g.              Subscript<sub>: digunakan untuk membuat tulisan turun setengah spasi
                                h.              Superscript<sup>: digunakan untuk membuat tulisan naik setengah spasi.
                                  i.              <pre>: digunakan untuk membuat isi sesuai dengan yang dituliskan
                                  j.              Font<font>: digunakan untuk mengatur ukuran teks

·           Format Table<table>
                                a.              Baris tabel<tr></tr> yaitu barisnpada tabel
                                b.              Tabel data<td></td>: tempat menyimpan data dalam tabel
                           c.              Tabel header<th></th>: judul tabel yang diletakkan dibagian paling atas atau paling kiri dari tabel
                                d.              Border: digunakan untuk menentukan tegal garis batas tepi tabel (nilai 1/dst)
                                 e.              Cellspacing: digunakan untuk menentukan jumlah spasi diantara tiap sel (nilai 1/dst)
                             f.              Celpadding: digunakan untuk  menentukan jumlah spasi antara data dalam suatu sel (nilai: 1/dst)
                                g.              Width: digunakan untuk mengatur lebar tabel (nilai pixel/persen %)
                                h.              Align: perataan tabel secara horizontal(left,center,right)
                                  i.              Valign: perataan tabel secara vertikal(middle,bottom,baseline)]
                                  j.              Bgcolor: warna latar dari tabel
                                k.              Rowspan: menggabungkan beberapa  baris tabel
                                  l.              Colspan: menggabungkan beberapa kolom tabel

·           Format form
a.   Text Isinya dapat dilihat/persis seperti yang diterbitkan

   


b.             Password Karakter yang diterbitkan tidak terlihat
               
  . . . . .

c.              <input type=hidden name=pin value=1221>
Objek tidak terlihat di web browser
d.             Combobox   <select>
            <option></option>
           <option></option>
                    </select>
e.              <text area rows=10 clos 40>
</text area>
f.              <input type=radio name=jenis kelamin>laki-laki
<input type=radio name=jenis kelamin>perempuan
g.             Checkbox
<input type=checkbox>olahraga
<input type=checkbox>membaca

·         Dalam HTML ukuran tulisan ada 6 pilihan  yaitu dengan menggunakan kode <h> </h>
<HTML>
  <head>
    <title>prakt 1</title>
  </head>
 <body bgcolor="green">   fungsi ini berguna untuk mewarnai backgroud didalam tag <body>
<h1>ILMU KOMPUTER</H1>

<h2>ILMU KOMPUTER</H2>
<h3>ILMU KOMPUTER</H3>
<h4>ILMU KOMPUTER</H4>
<h5>ILMU KOMPUTER</H5>
<h6>ILMU KOMPUTER</H6>
<hr>  
<marquee>ZIPPO SAMOSIR</marquee>
 </body>
</HTML>

<h>Semakin besar hn nya maka semakin kecil huruf yang akan ditampilkan... 


Untuk penulisan kode diatas menggunakan notepad. dan penyimpanannya dengan
·         File > saveAS
·         File Name : contoh , pertemuan1.html (jangan lupa memberikan tititk “.” Antara nama file dan HTML.
·         File type : pilih All Files
·         Save
Dari kode diatas dapat kita lihat hasilnya pada gambar dibawah ini: