Hasil Latihan Halaman Web 2

Google Indonesia = www.google.co.id
Yahoo Indonesia = www.yahoo.co.id
Facebook = www.facebook.com

Twitter = www.twitter.com

Membuat Marquee

Change text between marquee tags
Alternate marquee behavior Up marquee direction Down marquee direction &1t;&1t;&1t; Opposite Direction Marquees>>>

Hasil Uji Latihan BAB 1

Isi halaman web ada disini.
Nama : Isnaini Komalasari
Kelas : XII AP 1

Ini Tulisan Judul Paling Besar

Judul ini lebih kecil dari di atas

Ini lebih kecil lagi

Tambah kecil saja

Apa cukup kecil?

Belum, ini yang paling kecil

Belajar Bullet dan Numbering

• Ini bullet berbentuk bulat

• Sedangkan ini berbentuk kotak

3. Ini nomor 3
4. Ini nomor 4
7. Ini nomor 7
8. Ini nomor 8

• Yang ini menggunakan bullet circle
• Tapi yang ini square
• Yang ini tetap circle

Sharing Online Pada Google Drive

Sharing Online Pada Google Drive

Internet sharing adalah kemampuan untuk melakukan sharing/berbagi koneksi internet. Jadi yang disebut sharring online pada google drive adalah melakukan sharring/berbagi dengan koneksi internet pada layanan penyimpanan yang dimili oleh google. Hadirnya sebuah media penyimpanan On-line saat ini memang sangat membantu kita dalam hal penyimpanan file, dimana kita dapat upload file apa saja ke dalam drive on line pada media penyimpanan yang telah disiapkan. Sehingga anda tidak perlu repot-repot membawa media penyimpanan yang bersifat fisik, seperti Hard disk, flash disk maupun CD atau DVD. Simplenya metode dalam penyimpanan file di dalam media penyimpanan On Line membuat kita dimanjakan olehnya. Bagaimana tidak, file yang sudah tersimpan dalam media penyimpanan OnLine tersebut dapat tersimpan dengan aman, dengan catatan anda harus benar-benar menjaga akun yang telah anda buat pada cloud storage itu, jangan sampai password yang telah anda buat tersebut diketahui oleh orang yang tidak bertanggung jawab terhadap file yang anda upload tadi, dan tentunya hal ini mempunyai kelebihan dimana kita dapat mengakses kapanpun kita mau selama terkoneksi dengan jaringan internet. Istilah penyimpanan file secara OnLine ini biasa dikenal dengan sebutan Cloud Storage, Kita mengenal cloud storage adalah merupakan media penyimpanan secara Online, jadi ini tidak ada kaitanya dengan arti sebenarnya yaitu cuaca. Tidak perlu susah untuk mendapatkan free storage atau ruang penyimpanan gratis yang disediakan oleh media penyimpanan OnLine ini, Anda hanya perlu mendaftar menggunakan Email untuk mendapatkanya. Masing-masing layanan menyediakan free storage yang berbeda pada file yang tersimpan di remote database nya, ada yang menyediakan 2 GB dan ada juga yang menyediakan sampai 50 GB, itu tergantung pada kebijakan masing-masing penyedia layanan.

Website Forum

Website Forum dapat diartikan sebagai kumpulan hal yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video, atau gabungan dari semuanya baik yang bersifat statis maupun dinamis yang membentuk rangkaian bangunan yang saling terkait dimana masing-masing di hubungkan dengan jaringan-jaringan halaman (hyperlink). Bersifat statis apabila isi informasi website tetap jarang berubah dan isi informasinya hanya searah.

Adapun beberapa contoh diantaranya :

1. Facebook

 

Facebook Adalah Sebuah Website Yang bertemakan social networking (Pencari Teman di Dunia Maya).

Facebook merupakan situs web jaringan sosial yang diluncurkan pada 4 Februari 2004 dan didirikan oleh Mark Zuckerberg.

Jejaring sosial ini digunakan sebagai komunikasi jarak jauh.

2. Twitter

 

Twitter berfokus pada layaan blogging mikro (microblogging) dan RSS untuk pesebaran informasi. Ia sering disebut-sebut sebagai “SMS-nya internet”

Twitter dibangun oleh Jack Dorsey, Noah Glass, Evan Williams, dan Biz Stone pada 15 Juli 2006.

3. LinkedIn

 

Situs jejaring sosial ini fokus pada relasi profesional. Situs ini dibangun oleh Reid Hoffman, dkk di tahun 2003. Sebagai situs yang bermain di bidang profesionalitas, kita bisa juga mencari relasi atau bahkan pekerjaan pada LinkedIn.

4. Myspace

 

MySpace adalah situs jaringan sosial populer yang menawarkan jaringan antar teman, profil pribadi, blog, grup, foto, musik dan video untuk remaja dan dewasa di seluruh dunia.

5. Google+

 

Google+ bisa dibilang merupakan jejaring sosial paling anyar. Google+ banyak digemari orang karena fitur barunya Circle dan Hangout yang memudahkan orang mengatur komunikasi dan berinteraksi dengan video.

6. deviantART

 

Suatu situs jejaring sosial yang bergelut dalam bidang seni, terutama dalam seni gambar. DeviantArt meluncur pada 7 Agustus 2000  oleh Angelo Sotira,dkk.

7. Cafemom

 

Dikhususkan untuk ibu-ibu atau wanita yang sesaat lagi menjadi ibu. Memang situs ini dibatasi untuk pengguna minimal 16 tahun dan wanita.

Prinsip situs ini adalah bebas pria (ketahun akun cowok akan langsung dihapus). Situs ini menyedian tempat bagi para ibu untuk saling bertanya dan bertukar informasi.

CafeMom dibuat oleh  Andrew Shue dan Michael Sanchez pada tahun 2006.

8. Ning

 

Situs jejaring yang unik, Pengguna dapat membuat “jejaring sosial”-nya sendiri disini. Tampilan, rasa, dan bahkan set fitur setiap jejaring sosial (seperti foto atau likes) dapat diatur sendiri oleh pengguna. Bahkan persyaratan untuk mendaftar jejaring sosial yang dibuat juga bisa diatur.

Ning dibangun bersama oleh  Marc Andreessen dan Gina Bianchini.

9. Badoo

 

Situs jejaring sosial Badoo berfokus pada perkencanan. Situs ini dibangun oleh enterpreneur Andrey Andreev pada tahun 2006.

10. Pinterest

       

Pinterest adalah jejaring sosial yang bertindak seperti papan pengumuman online (online pin board).Di papan pengumuman ini, kita mengepin artikel dan foto menarik yang kita suka dari berbagai belahan web.

Papan pengumuman ini, disebut pinboard, bisa ditemakan dengan kategori tertentu agar mudah ditata dan diperhatikan oleh pengguna lain.

Google Drive, Docs

Google Drive adalah layanan penyimpanan daring milik Google yang diluncurkan pada 24 April 2012.Layanan ini merupakan ekstensi dari Google Docs dan akan mengganti URL docs.google.com dengan drive.google.com setelah diaktifkan. Google Drive memberikan layanan penyimpanan gratis sebesar 5 GB dan dapat ditambahkan dengan pembayaran tertentu.Dengan fitur unggulan yang sama seperti Dropbox, yaitu sinkronisasi data melalui folder khusus di dalam desktop atau lebih dikenal dengan Desktop Sync Clients. GDrive memberikan kapasitas gratis sebesar 5 GB dan tentunya fitur-fitur yang terintegrasi dengan layanan Google lainnya seperti: Gmail, G+ dan Google Search. Fitur yang bisa digaris bawahi dari GDrive adalah API’s untuk para Developer. Hingga kini GDrive telah terhubung dengan puluhan aplikasi pihak ketiga.

Tentang aplikasi Google Drive

Bekerja dengan lebih banyak lagi jenis file bila sobat memasang aplikasi Google Drive dari Toko Web Chrome.Google Drive berfungsi pada sejumlah aplikasi yang terus bertambah yang dapat sobat pasang dari Toko Web Chrome. Dengan aplikasi tersebut, sobat dapat mengedit gambar dan video, mengirim faks dan menandatangani dokumen, mengelola proyek, membuat bagan alur, dan banyak lagi. Berapa pun banyaknya aplikasi Google Drive yang telah sobat pasang, sobat juga dapat mengakses seluruh file Anda dalam satu tempat: Google Drive di web.

Berikut ini hal-hal yang dapat Anda lakukan dengan aplikasi Google Drive:

•     Mengakses dan membuka file di Google Drive
•     Membuat file baru di Google Drive dari jenis file aplikasi tersebut
•     Mengakses file Google Drive dari aplikasi di luar Google Drive
•     Menyimpan file ke Google Drive dari aplikasi di luar Google Drive
•     Berbagi jenis file apa pun, termasuk file yang dibuat dengan aplikasi Google Drive

Galat atau masalah pada aplikasi Google Drive tidak didukung oleh perwakilan dukungan Google. Jika sobat mengalami masalah pada aplikasi yang telah Anda pasang, hubungi perusahaan aplikasi tersebut untuk mendapatkan dukungan.

1. Buka menu setelan dan pilih "Kelola aplikasi".
2. Klik Detail di samping aplikasi yang membutuhkan dukungan.
3. Baca informasi tentang aplikasi tersebut di laman Toko Web Chrome-nya, termasuk informasi kontak dukungan.

Memasang aplikasi Google Drive

Aplikasi Google Drive tersedia di·Toko Web Chrome dan sobat dapat memasangnya untuk digunakan dalam Google Drive di web. Aplikasi kompatibel dengan semua browser yang didukung.

1. Buka·Toko Web Chrome.
2. Telusuri "Aplikasi Drive".
3. Klik tombol + Tambahkan ke Drive yang berwarna biru.
4. Berikan otorisasi pada aplikasi untuk mengakses file di Google Drive Anda. (Pelajari lebih lanjut tentang keamanan aplikasi Google Drive.)
5. Klik Pasang.

Hal-hal yang dapat Anda lakukan dengan aplikasi Google Drive

Membuat file dengan aplikasi Google Drive

Dengan Google Drive, sobat dapat membuat lebih banyak lagi file daripada dengan Google Documents karena beberapa aplikasi memungkinkan Anda membuat jenis file lain di Google Drive. Setelah memasang salah satu aplikasi tersebut, Anda akan melihat jenis file dari aplikasi tersebut tercantum di menu Buat dalam Google Drive di web.

1. Buka drive.google.com.
2. Klik tombol Buat yang berwarna merah di kiri atas.
3. Arahkan mouse ke Lainnya.
4. Pilih aplikasi dari submenu Lainnya.
5. Aplikasi akan terbuka dan Anda dapat mengerjakan file yang telah Anda buat dan simpan. Anda dapat mengaksesnya kapan saja, di mana saja di Drive Saya (Google Drive di web).

Sobat juga dapat menyinkronkan file yang telah Anda buat menggunakan aplikasi Google Drive ke folder Google Drive di komputer Anda. Pilih file yang ingin disinkronkan ke komputer.

Membuka file dengan aplikasi Google Drive

Membuka file dengan aplikasi Google Drive

Setelah sobat memasang aplikasi Google Drive, aplikasi akan tampil dalam menu Buka denganpada Google Drive di web untuk jenis file yang kompatibel dengan aplikasi tersebut. Misalnya, jika aplikasi pengeditan gambar terdaftar untuk membuka file JPEG, Anda dapat membuka file JPEG apa pun di Google Drive dengan aplikasi tersebut.

1. Buka drive.google.com
2. Klik kanan file dalam Google Drive di web
3. Arahkan mouse ke Buka dengan.
4. Pilih nama aplikasi dari submenu Buka dengan.
5. File Anda akan terbuka di aplikasi Google Drive yang Anda pilih.

Membuka atau menyimpan file Google Drive dari aplikasi

Sobat dapat membuka file yang tersimpan dalam Google Drive di web dari dalam aplikasi itu sendiri (tanpa membuka Google Drive di web). Misalnya, Anda membuka sebuah aplikasi dan ingin mengerjakan file yang Anda simpan di Google Drive. Anda dapat membuka file Google Drive tersebut langsung dalam aplikasi tersebut.

Anda juga dapat menyimpan file ke Google Drive yang telah Anda buat atau temukan dalam aplikasi di luar Google Drive itu sendiri. Ada beberapa cara untuk menyimpan file ke Google Drive:

• Saat Anda bekerja di aplikasi Google Drive, file akan disimpan ke Google Drive ketika Anda menyimpan perubahan yang Anda buat pada file tersebut.
• Dalam aplikasi, Anda mungkin melihat opsi "Ekspor ke Google Drive", "Simpan salinan", atau "Kirim ke Drive". Bila Anda memilih opsi tersebut, file akan tersimpan secara otomatis ke Google Drive.

Pengertian Google Docs

Google Docs adalah salah satu aplikasi yang dikembangkan Google untuk kebutuhan file server. Khususnya aplikasi office. Mulai dari pengolah kata (word processor), pengolah lembar kerja (spreadsheet) dan presentasi (presentation). Google Docs bukan hanya menyimpan saja, namun juga bisa digunakan untuk untuk mengolah (menyimpan, membuat, meng-edit) program-program aplikasi perkantoran (seperti Microsoft Office jika di Windows, atau Open Office) secara online. Semuanya dalam satu aplikasi. Tapi perlu memiliki aplikasi office.

Begitu dahsyatnya Google Docs, hingga beberapa kalangan menyebut Google Docs adalah pembunuh aplikasi office (Microsoft Office, Open Office, Neo Office dan sebagainya).

Pengertian UPLOAD dan DOWNLOAD

Pengertian Upload dan Download

UPLOAD

Pengertian Upload

Upload adalah proses transmisi sebuah file dari sebuah sistem komputer ke sistem komputer yang lainnya dengan arah yang berkebalikan dengan download. Dari internet, user yang melakukan proses upload adalah proses dimana user mengirimkan file ke komputer lain yang memintanya. User yang men-share gambar,foto dengan yang user yang lainnya di bulletin board sytem (BBS), mengupload file ke BBS. File Transfer Protocol (FTP) adalah contoh Internet protokol untuk downloading and uploading files.

Arti istilah Upload dianggap berkaitan erat dengan pengertian berikut :

Mengirim file dari komputer Anda ke komputer lain. Kegiatan pengiriman data (berupa file) dari komputer lokal ke komputer lainnya yang terhubung dalam sebuah network.

Secara umum upload dapat diartikan proses transmisi data dari komputer client/pemakai ke internet.

DOWNLOAD

Pengertian Download

Download adalah proses transmisi sebuah file dari sebuah sistem computer ke sistem komputer yang lainnya. Dari internet, user yang melakukan proses download adalah proses dimana seorang user meminta / request sebuah file dari sebuah komputer lain (web site, server atau yang lainnya) dan menerimanya. Dengan kata lain, download adalah transmisi data dari internet ke komputer client/pemakai.

Cara Membuat Email di Gmail

1. Buka/klik link berikut ini → Daftar Gmail
2. Masukkan data lengkap

• Nama Depan dan belakang
  Jika nama lebih dari 2 kata, Anda bisa memasukkan 2 kata sekaligus pada salah satu kolom
• Nama pengguna
  Nama pengguna adalah alamat email anda nantinya. Alamat email ini berfungsi layaknya nomor handphone. Alamat email juga dibutuhkan jika anda ingin masuk ke inbox Email anda. Anda bisa bebeas memilih alamat email selama alamat tersebut masih tersedia/belum digunakan orang lain. Penulisan huruf besar kecil tidak dibedakan.
• Kata sandi
  Kata sandi diperlukan untuk mengamankan akun ada agar tidak sembarang orang bisa mengakses inbox email. Kata sandi ini diperlukan ketika Anda ingin masuk/login ke inbox Email. Berbeda dengan alamat email, penulisan huruf besar dan kecil pada kata sandi dibedakan (ruMah dan rumah di anggap kata yang berbeda). Jadi ingat baik-baik penulisan kata sandi Anda.
• Isi Tanggal lahir
• Pilih Gender
• Masukkan Nomor HP
  Penulisannya menggunakan +62, jadi jika nomor anda 08969xxx maka ditulis menjadi +62896xxx
• Biarkan kosong kolom "Alamat email Anda saat ini"
• Kemudian ketikkan teks pada gambar ke kolom yang telah disediakan
• Centang persetujuan, kemudian klik "Langkah Berikutnya"

3. Sebelumnya, anda bisa mencentang kolom "Buktikan Anda Bukan Robot" pada contoh gambar di atas, sehingga Anda tidak perlu menginputkan kata yang tertulis digambar. Tetapi sebagai gantinya, Google akan mengirimkan SMS yang berisi 6 digit angka ke nomor HP Anda. Jadi pastikan Anda memasukkan nomor HP yang valid





4. Pada langkah berikutnya Anda akan diberikan penawaran untuk membuat akun Google Plus. Lewati langkah ini untuk langsung menuju Gmail



5. Klik Memulai/Lanjutkan ke Gmail



6. Selamat, Anda telah memiliki akun Email dari Gmail. Ingat baik-baik alamat email Anda an password agar bisa masuk/login ke inbox email Anda

Pengertian dan Perintah Tempelate

Template

Apa sebenarnya  template blog / website itu?  jadi merupakan haaman yang berisi desain-desain di blog atau website besertaseluruh komponennya (misalnya: gambar, sylesheet,  javascript, dsb) baik berupa file statis maupun dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web.  Template bisa juga anda artikan sebagai tema blog atau tampilanblog. Bahwa terlihat tatanan gambar atau tampilan serta tulisan di layar monitor anda, itulah yang dinamakan template. ni contoh gambarnya: (di klik biar lebih jelas gambarnya).

Sedangkan Website merupakan situs atau halaman di Internet yang menyediakan informasi pada World Wide Web (www).

Template merupakan salah satu identitas Anda. Anda tidak bisa sembarang memilih template yang mengikuti selera Anda sendiri, apabila web yang Anda tunjukan untuk visitor dengan kalangan tertentu.

Berikut tips dalam memilih template untuk blog / website

• Tujuan atau arah website
• Pilih template yang menarik
• Template yang ringan
• SEO Friendly  

Pengertian Dan Perintah JavaScript

PENGERTIAN JAVA SCRIPT 

JavaScript adalah pemrograman sisi klien yang akan dijalankan oleh browser dari pengunjung, dan program JavaScript biasa ditanamkan didalam halaman web untuk menghasilkan halaman yang dinamis. Untuk mempelajari JavaScript sebaiknya anda menguasai dasar-dasar HTML Script sehingga akan memudahkan anda untuk menyisipkan program JavaScript secara baik dan benar.

Perintah dasar  merupakan perintah yang digunakan sebagai operasi yang paling dasar dalam pemrograman Javascript, yaitu

1. perintah assigment
2. perintah untuk menampilkan output
3. perintah untuk menerima input
4. operator melakukan manipulasi data

Assignment adalah proses memasukkan data ke dalam variabel, baik variabel tunggal atau variabel jamak, atau proses pengisian variabel dengan data.

contoh:

nama = 'Rudianto'

angka = 11

umur = 25

namalengkap = 'Teknik Komputer'

Perintah assignment juga dapat dilakukan sambil mendeklarasikan suatu variabel yang bisa diberi nilai awal atau yang disebut juga dengan proses inisialisasi.

contoh:

var nama = 'Rudianto'

var angka = 9

var umur = 25

Dalam Javascript, setiap variabel dapat digunakan untuk mendefinisikan lebih dari satu jenis data. Artinya suatu variabel bisa berganti isi dengan tipe data yang berbeda.

contoh:

var angka = 'sembilan'

var angka = 9

Dalam satu pernyataan assignment juga bisa diisikan data lebih dari baris, dan setiap pindah baris ditutup dengan menuliskan karakter backslash(\).

contoh:

kalimat = " Selamat datang di program studi Teknik Komputer \

Politeknik NSC Surabaya \

semoga bermanfaat"

Perintah Output

document.write(namavariabel)
document.write("Kalimat"+namavariabel)
alert("Kalimat"+namavariabel)

Contoh:

<html>
<head>
<title>Teknik Komputer</title>
</head>
<body>
 <h1>Contoh menampilkan output dan alert</h1>
 <script type="text/javascript" language="javascript">
  nama = "Rudianto"
  umur = 35
  document.write("Nama : "+nama)
  document.write("<br>")
  document.write("Umur : "+umur)
  alert("Nama anda : "+nama+"\n"+"Umur anda : "+umur)
 </script>
</body>
</html>

Hasil Running

Perintah Input dengan prompt

namavariabel = prompt("Pesan" , nilaidefault)

dimana nilai default adalah nilai awal yang diberikan apabila pengguna tidak mengubahnya.

contoh:

<html>
<head>
<title>Teknik Komputer</title>
</head>
<body>
 <h1>Contoh menerima input</h1>
 <script type="text/javascript" language="javascript">
  nama = prompt("Siapa nama anda ? " , "Teknik Komputer")
  umur = prompt("Berapa umur anda ? ", 25)
  document.write("Nama : "+nama)
  document.write("<br>")
  document.write("Umur : "+umur)

 </script>
</body>
</html>

Hasil running

setelah diisi akan ditampilkan

Pengertian dan Perintah-perintah CSS

Cascading Style Sheets (CSS)

Merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam

Pengertian CSS mengenai perintah – perintah untuk mengatur tampilan, gaya atau style dari suatu website sehingga dengan kita menggunakan css kita bisa mempersingkat pembuatan dan penulisan kode dibandingkan kita mengatur style web menggunakan format yang ada di html.

Contohnya begini, ketika kita ingin membuat sebuah style untuk sebuah judul artikel kita bisa menggunakan tag Font yang ada di HTML

<font size='7' color='#CCCCCC' >

<b>Format Judul menggunakan tag Font</b>

</font>

Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.

Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.

Penulisan

Saat masuk pada bagian CSS, sering dijumpai kode sebagai berikut:

h1 {

    color: #0789de;

   }

Bagian pertama sebelum tanda ‘{}’ dinamakan selector, sedangkan yang diapit oleh ‘{}’ disebut declaration yang terdiri dari dua unsur, yaitu property dan value. Selector dalam pernyataan di atas adalah h1, sedangkan color adalah property, dan #0789de adalah value.

Ada beberapa Cara dalam penulisan CSS :

– Inline Style Sheet

CSS didefinisikan langsung pada tag HTML yang bersangkutan. Cara penulisannya cukup dengan menambahkan atribut style=”…” dalam tag HTML tersebut.  Style hanya akan berlaku pada tag yang bersangkutan, dan tidak akan memengaruhi tag HTML yang lain. 

Contoh penulisan CSS dengan metode Inline Style Sheet :

<html>

<head>

<title>Contoh Bentuk Inline </title>

</head>

<body bgcolor="#FFFFFF">

<p id="cth1">

Ini adalah contoh tag P tanpa diformat menggunakan CSS </p>

<p id="cth2" style="font-size:20pt">

Tag P ini diformat dengan besar font 20 point </p>

<p id="cth3" style="font-size:14pt; color:red">

Tag P ini diformat dengan besar font 14 point, dan menggunakan warna merah </p>

</body>

</html>

-Embedded Style Sheet

CSS didefinisikan terlebih dahulu dalam tag <style> … </style> di atas tag <body>. Pada pendefinisian ini disebutkan atribut-atribut CSS yang akan digunakan untuk tag-tag HTML, yang selanjutnya dapat digunakan oleh tag HTML yang bersangkutan.

Contoh penggunaan CSS dengan metode Embedded Style Sheet :

<html>

<head>

<title>Contoh Bentuk Embedded</title>

</head>

<style>

body {background:#0000FF; color:#FFFF00; margin-left:0.5in}

h1 {font-size:18pt; color:#FF0000}

p {font-size:12pt; font-family:arial; text-indent:0.5in}

</style>

<body>

<h1 id="cth1">Judul ini berukuran 18 dengan warna merah!</h1>

<p id="cth2">Tag p ini di format dengan besar font 12 point dengan tipe font Arial dan mempunyai identasi 0.5 inch </p>

<p id="cth3">Yang perlu diperhatikan juga bahwa body disini telah diformat dengan margin kiri 0.5 inch dan warna background biru</p>

</body>

</html>

Pengertian HTML dan Printah-perintahnya

Pengertian HTML

HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.

Perintah-perintah HTML

1. <H1> Sampai <H6>

fungsi  : untuk membuat (memilih) ukuran teks.
Sintak  : <H1>             </H1>
Contoh
<HTML>
<HEAD><TITLE>Contoh Heading</TITLE></HEAD>
<BODY>
<H1> Teks dengan Heading 1</H1>
<H2> Teks dengan Heading 2</H2>
<H3> Teks dengan Heading 3</H3>
<H4> Teks dengan Heading 4</H4>
<H5> Teks dengan Heading 5</H5>
<H6> Teks dengan Heading 6</H6>
</BODY>
</HTML>

2. <HR>

Perintah ini digunakan untuk
membuat garis horizontal penuh layar
Sintaks            : <HR>
Contoh            :
<HTML>
<HEAD><TITLE>     </TITLE></HEAD>
<BODY>

<HR> Kalimat ini diapit oleh 2 buah garis<HR>
</BODY>
</HTML>

3. <I>

Perintah ini digunakan untuk membuat teks miring.
Sintaks            : <I>    </I>
Contoh
<HTML>
<HEAD><TITLE>     </TITLE></HEAD>
<BODY>

<I> Selamat Datang Ke Websiteku</I>
</BODY>
</HTML>

4. <B>

Perintah ini digunakan untuk membuat teks tebal.
Sintaks            : <B>   </B>
Contoh
<HTML>
<HEAD><TITLE>     </TITLE></HEAD>
<BODY>
<B> Selamat Datang Ke Websiteku</B>
</BODY>
</HTML>

5. <U>

Perintah ini digunakan untuk membuat teks bergaris bawah.
Sintaks            : <U>   </U>
<HTML>
<HEAD><TITLE>     </TITLE></HEAD>
<BODY>
<U> Selamat Datang Ke Websiteku</U>
<U><B> Selamat Datang Ke Websiteku</U></B>
</BODY>
</HTML>

6. <CENTER>

Perintah ini untuk membuat teks ke tengah layar.
Sintaks            : <CENTER>  </CENTER>
Contoh            :
<HTML>
<HEAD><TITLE>     </TITLE></HEAD>
<BODY>
<H1><CENTER> Selamat Datang Ke Websiteku</CENTER></H1>
</BODY>
</HTML>

7. ALIGN

Digunakan untuk membuat teks rata kiri, tengah, kanan atau rata kanan dan kiri.
Sintaks            :
<P ALIGN=right>      → Rata Kanan
<P ALIGN=left>        → Rata Kiri
<P ALIGN=center>   → Rata Tengah
<P ALIGN=justify>   → Rata Kanan dan Kiri
atau
<H ALIGN=right>
<H ALIGN=left>
<H ALIGN=center>
<H ALIGN=justify>
Contoh pemakaian :
<H2 ALIGN=center>SELAMAT DATANG </H2>

\
8. <BR> (Line Break)

Perintah ini digunakan untuk memasukan fungsi Enter. Sebagai contoh, jika perintah <BR> diberikan di akhir baris, maka kalimat berikutnya akan
dicetak pada baris berikutnya.

9. <!–

Perintah untuk membuat KOMENTAR. Semua teks atau perintah yang diapit perintah ini tidak akan dijalankan. Ini hanya komentar untuk program.
Sintaks            : <!–    –>
Contoh            : <!—Ini adalah contoh komentar –>

10. <SMALL>

Perintah untuk membuat teks berukuran kecil.

11. <BIG>

Perintah untuk membuat teks berukuran besar

12. <P> (Paragraph)

Perintah ini digunakan untuk memisahkan paragraph yang satu dengan paragraph yang lain.
Sintaks            : <P>   </P>

13. <DD>

Perintah ini digunakan untuk membuat teks atau sebuah paragraph agak masuk ke dalam.
Sintaks            : <DD>

14. BASEFONT

Perintah ini digunakan untuk mengubah ukuran font.
Contoh            :
<HTML>
<HEAD><TITLE>     </TITLE></HEAD>
<BODY>

15. <BASEFONT SIZE=6>

Teks dengan ukuran 6 pt<BR>
<B>Teks dengan ukuran 6 pt dan tebal</B>

<BASEFONT SIZE=10>
<BR>
Teks dengan ukuran 10 pt

</BODY>
</HTML>

16. FONT

Juga untuk mengubah ukuran font, tetapi angka yang terdapat dalam SIZE yang merupkan ukuran font harus diberi tanda kutip.
FACE
Untuk mengubah jenis font
Contoh :
<HTML>
<HEAD><TITLE>     </TITLE>
</HEAD>
<BODY>

<FONT SIZE =”6” FACE=”Times New Roman”>
Teks dengan jenis font Times New Roman.
<FONT SIZE =”6” FACE=”Arial”>
Teks dengan jenis font Arial.

</BODY>
</HTML>

17. <SUP>

Perintah ini digunakan untuk membuat cetak naik suatu teks.
Contoh :
<HTML>
<HEAD><TITLE>     </TITLE>
</HEAD>
<BODY>

Kami adalah yang pertama : 1<SUP>st</SUP> in the world.

</BODY>
</HTML>

18. <SUB>

Perintah ini digunakan untuk membuat cetak turun suatu teks.
Contoh :
<HTML>
<HEAD><TITLE>     </TITLE></HEAD>
<BODY>

H<SUB>2</SUB>O (disebut air(

</BODY>
</HTML>

19. <UL>

Perintah <UL> (Unordered List) adalah perintah untuk membuat daftar (list).

20. <LI>

Perintah <LI> (List Item) adalah perintah untuk membuat daftar (list)

CATATAN : Perintah <LI> harus berada dalam perintah OL, UL, DIR, MENU.

Contoh            :
<HTML>
<HEAD><TITLE>     </TITLE>
</HEAD>
<BODY>

<UL>
<LI>
<H2>JAWA TIMUR</H2>
<UL>
<LI>SURABAYA</LI>
<LI>MALANG</LI>
<LI>GRESIK</LI>
</UL>
</LI>
<BR>
<LI>
<H2>JAWA BARAT</H2>
<UL>
<LI>BANDUNG</LI>
<LI>SUKABUMI</LI>
<LI>BOGOR</LI>
</UL>
</LI>
</BODY>
</HTML>