Cara membuat HTML

I. Dengan cara menggunakan NOTEPADE
contoh :


Hallo apa kabar?

Mudah-mudahan kabarnya Baik.



keterangan:
# Pembuka/Awal setiap membuat suatu dokumen HTML.
# Penutup/Akhir dari suatu dokumen HTML.
# Tag Penutup untuk Judul Halaman/dokumen HTML.
# Tag Awal dari Apa yang akan diketikan/diisi pada Dokumen HTML.
# Tag Penutup dari sisan dokumen HTML.
#
Tag untuk memisahkan satu baris menjadi dua baris

Kode-kode TAG HTML dan Contohnya:



Menentukan warna atau gambar latar belakang dokumen, warna text, jenis huruf, warna Link, warna Link yang telah dikunjungi serta link yang aktif.
BGCOLOR = Warna latar belakang
BACKGROUND = Gambar latar belakang
FONT SIZE = Ukuran Huruf
FONT COLOR = Warna Huruf
LINK = Warna untuk Text Link
VLINK = Warna untuk Text Link yang telah dikunjungi
• Contoh:

• Contoh2:



Membagi Suatu baris menjadi Dua baris (tanpa jarak antara kedua baris), diletakan di depan kata/huruf yang mau dipindahkan ke baris berikutnya.

Membuat Teks atau Grafis yang diapit Tag Center berada ditengah-tengah browser (Align Center)
• Contoh:
Selamat Datang
• Contoh2:


Menutup Kode Tag Center.

Merubah Jenis Huruf, Ukuran Huruf dan Warna Huruf.
• Contoh:
Selamat Datang di Anak Irian's Home Page!
Hasilnya:
Selamat Datang di Anak Irian's Home Page

Penutup untuk Tag Huruf.

Menentukan Ukura Header/Topic dari pada Dokumen
• Contoh:

Ini H1

Hasilnya: Ini H1
• Contoh:

Ini H2

Hasilnya: Ini H2
• Contoh:

Ini H3

Hasilnya: Ini H3
• Contoh:

Ini H4

Hasilnya: Ini H4

---

Membuat Garis Horizontal pada dokumen HTML anda.
• Contoh:

---

Hasilnya:
________________________________________

Perintah yang selalu diletakan pada bagian awal dokumen HTML yang menyatakan bahwa dokumen ditulis dalam kode HTML.

Perintah yang selalu diletakan di Akhir suatu dokumen HTML.

Membuat Teks pada dokumen yang diapit oleh Tag dan menjadi miring (Italic)
• Contoh:
Computer merupakan Ilmu Praktisi dan bukan Teori belaka.
Hasilnya: Computer merupakan Ilmu Praktisi dan bukan Teori belaka.

Menutup Tag Miring (Italic)

Memasukan Gambar Grafis, GrafisMap, serta Animasi kedalam dokumen HTML anda.
• Contoh:

• Contoh:

• Contoh:

Contoh pertama merupakan cara memasukan gambar, contoh kedua merupakan contoh cara menggunakan gambar sebagai link dan contoh yang ketiga merupakan contoh untuk memasukan gambar animasi (AVI) kedalam dokumen HTML.

Menentukan Awal dan Akhir sebuah Paragraf.
• Contoh:

Ini merupakan Awal serta akhir dari Paragraf pertama

Menentukan Judul untuk tiap dokumen HTML yang anda buat. Judul ini akan nampak pada Titlebar browser anda.
• Contoh:

Pembelajaran matematika tingkat SMA

Pembelajaran Matematika di SMA, hingga dewasa ini pun, dipandang selalu memberikan tingkat kesulitan yang tinggi pada siswa. Pada kebanyakan siswa, mata pelajaran ini dipandang sebagai mata pelajaran yang sulit, bahkan menakutkan bagi mereka. Keadaan ini akan mempengaruhi tingkat keberhasilan belajar siswa,

Kesulitan tersebut diatas, pada umumnya disebabkan oleh paling tidak dua kondisi : 1) Materi Pelajaran. Pada umumnya materi yang harus dipelajari dalam Matematika SMA, khususnya kelas XI bersifat abstrak, pada beberapa pokok bahasan, bahkan “terlalu jauh” dengan kehidupan siswa SMA pada umumnya. 2) Proses pembelajaran. Pembelajaran yang konvensional (menerangkan dan mengerjakan latihan soal) tidak memberikan daya tarik bagi siswa. Di dukung dengan materi pelajaran yang sulit, pembelajaran ini sering terjebak pada kondisi membosankan dan tidak memberi peluang siswa untuk belajar dengan perasaan nyaman.

Proposal ini bertujuan untuk merancang suatu pembelajaran yang mengurang kendala tersebut diatas. Pembelajaran yang dirancang dapat menarik minat siswa, sekaligus memberikan suatu perasaan nyaman dalam mempelajarinya. Pada pelaksanaannya, pembelajaran ini mengembangkan kreativitas siswa dan memfasilitai perbedaan kemampuan belajar tiap tiap siswa.

Penggunaan multi media dalam Tehnologi Informasi, memberikan banyak fasilitas untuk membuat pembelajaran menjadi menarik dan memancing rasa keingin-tahuan siswa. Fasilitas grafik yang disediakan dalam IT memberikan kemungkinan penggunaan materi pelajaran yang tidak bersifat linier. Penggunaan audio yang tepat dapat membantu siswa dalam belajar.

Peta konsep (Mapping Mind) sebagai sebuah bentuk yang integrative dari kombinasi antara keluasan dan kedalaman materi pembelajaran, memberikan kemungkinan untuk menggambarkan juga hubungan antara masing masing sub dalam suatu materi pokok pembelajaran. Peta konsep ini dapat dibuat dirancang secara grafis, sehingga secara audio- visual memberikan cara pandang berbeda terhadap suatu proses pembelajaran.

Dengan bantuan aplikasi komputer tertentu (misal Powerpoint) Peta konsep ini dapat diintegrasikan dan disajikan sehingga proses pembelajaran dapat terangkai dan keterkaitan satu pertemuan dengan pertemuan sebelumnya dapat dipelihara.

Diharapkan dengan menciptakan kondisi pembelajaran di kelas yang menarik, tingkat keberhasilan siswa dalam belajar menjadi lebih tinggi.