Friday, December 18, 2020

WEB Programming dengan HTML

 


Hai SOBAT INTERNET , kali ini kami akan memberi sedikit materi tentang Pemograman menggunakan HTML , untuk kalian yang masih kuliah di Teknik Informatika pasti ada materi tentang HTML . Yuk kenali lebih dekat dengan HTML 

Mari Mengenal lebih dekat dengan HTML 

1. Pengertian web

Web (World Wide Web) merupakan salah satu layanan yang didapat oleh pemakai

komputer yang terhubung ke internet, yang dapat memudahkan pengguna

komputer untuk berinteraksi dengan pengguna internet lainnya dan mencari

informasi yang diperlukan.

2. Web browser

Browser web merupakan software yang digunakan untuk menampilkan informasi

dari server web. Contoh dari web browser : Opera, Mozzila, Netscape Navigator,

Internet Explorer, Lynx, Konqueror.

3. Server Web

Server web adalah komputer yang digunakan untuk menyimpan dokumendokumen

web, komputer ini akan melayani permintaan dokumen web dari

kliennya.Contoh dari web server : IIS, PWS, Apache, Xitami.

4. HTML

HTML adalah salah satu yang memerintahkan bahasa pemrograman web desain

juga biasa disebut script untuk menyusun dokumen-dokumen web.

Dalam pemrograman web, diperlukan suatu file teks yang bernama atau

berekstensi HTML (Hypertext Markup Language). Ada dua cara untuk membuat

sebuah web page:

-  dengan menggunakan editor teks biasa (notepad, editplus)

-  dengan HTML Editor.


Dokumen HTML disusun oleh elemen-elemen seperti : head, body, table, paragraf

dan list. Untuk menandai berbgai elemen dalam suatu dokumen HTML, kita

menggunakan tag.


Tag HTML terdiri atas sebuah kurung sudut kiri (<, lebih kecil), sebuah nama tag,

dan sebuah kurung sudut kanan (>, tanda lebih besar). Tag umumnya

berpasangan, misalkan tag awal <H1> berpasangan dengan tag akhir </H1>. 

Struktur Dokumen HTML :


Elemen yang dibutuhkan untuk membuat suatu dokumen HTML dinyatakan

dengan tag <html>, <head>, dan <body> berikut tag-tag pasangannya. Setiap

dokumen terdiri atas tag head dan body. Elemen head berisi informasi tentang

dokumen tersebut, dan elemen body berisi teks yang sebenarnya yang tersusun

dari link, grafis, paragraf dan elemen lainnya.

Berikut ini adalah pola dasar sebuah dokumen HTML :

    <html>

    <head>

    …. Informasi tentang dokumen HTML.

    </head>

    <body>

    …. Informasi tentang yang akan ditampilkan dalam browser web.

    </body>

    </html>

-  Tag

Adalah teks khusus (markup) yang berupa suatu pasangan yang terdiri 2

bagian yang disebut dengan tag awal dan tag akhir.

Tag awal dinyatakan dalam bentuk <nama tag> dan tag akhir dinyatakan

dalam bentuk </nama tag> sebagai penutup isi dokumen html.

-  Element

Adalah isi dari tag yang berada diantara tag pembuka dan tag penutup.

Elemen tidak hanya berisi text, namun juga bisa tag lain.

-  Atribut

Atribut adalah informasi tambahan yang diberikan kepada tag. Informasi ini

bisa berupa instruksi untuk warna dari text, besar huruf dari text.

Setiap atribut memiliki pasangan nama dan nilai (value), dan ditulis dengan

name=”value”. Value diapit tanda kutip, boleh tanda kutip satu (‘) atau dua

(“).

-  Komentar

Seperti dalam bahasa pemrograman yang lainnya, HTML juga memiliki

komentar yang dapat digunakan untuk menjelaskan bagian-bagian dari isi

web dokumen. Penulisan komentar dalam HTML sebagai berikut:

<!- –

Isi komentar

–>


Contoh pemograman dengan HTML yang simpel

Buka aplikasi editor (notepad++ atau sublime text)

- Ketikkan script berikut :

        <!DOCTYPE html>

        <html>

        <head>

        <title> Dokumen HTML </title>

        </head>

        <BODY bgcolor="skyblue"> 

        ini adalah sebuah dokumen HTML dengan judul

        "Dokumen HTML" dan warna background biru langit.

        </body>

        </html>

-  Simpan dengan nama dokumen.html

-  Buka file yang disimpan menggunakan browser dan lihatlah hasilnya 


Selamat Mencoba :)




#programHTML #programsimpel #pemogramanC++ #HTML #pengertianHTML #IntiHTML #internet #TagpadaHTML #pengertianElemenHTML #belajarpemograman #bahasapemograman

0 comments:

Post a Comment