4
BAB 2 PENGENALAN HTML Deskripsi: Membahas tentang pengertian dan pengenalan dasar HTML' mendeklarasikan scrrpt tag dasar HTML pada editor dan menampllkan hasil pada web browser yang digunakan' Tujuan Pernbelajaran: Setelahmelakukanpembelajaranini'pembacadiharapkanmampu: 1. Memahami Dasar - Dasar H?M' 2. Menuliskan scipt tag dasar HTM' pada editor 3. Menampilkan hasil HTML tersebut pada web browser 2.1. Pengenalan HTML Dalam perancangan sebuah website pada dasarnya adalah kumpulan dari pada hyperlink yang menuju pada sebuah alamat atau situs dengan menggunakan sebuah bahasa HTML(Hgper Tekt Markup Language) (Agung Baitul l-{ikmah dkk' 2015:1)' HApertext Markup Laftguage (HTML) adalah sebuah bahasa untuk menampilkan konten dl web' Dan HTML j:uga merupakan batrasa pemrograman yang bebas artirlya pengembangan'dari bahasa yang dapat dikembangkan bersama secara global (Edy Winarno ST' 2014: 1) Dalam penggunaannya sebuah bahasa H?Ml lidak dapat bekerja sendiriuntukmembuathalamantampilanSeeertimembuatjrorm, menyisipkan garrlbar' tabeL, maupun teks tulisan yang rnenarik pada ueb brotuser., Akan tetapi seliap broluser memiliki perbedaan dalam menampilkan script HTML yang dibuat bisa jadi apa yang ditampilkan di browser yangsatu akan berbeda dengal browser yang lain sesuai dengan dukungan script dari brou'tser yang kita gunakan' untuk itu sebuah bahasaHTMI-memerlukanpenggabunganbeberapaScriptlainnyaSepertl CSS (Casccrding StALe Sheets), Jaua Scipt l]:ranpun script lainnya' 10

BAB 2 PENGENALAN HTML Deskripsi...BAB 5 PENGENALAN CSS Deskripsi: Membahas tentang pengenalan CSS, penggunaan CSS, sintak CSS dan desain halamart web dengan CSS serta menampilkal hasil

  • Upload
    others

  • View
    22

  • Download
    0

Embed Size (px)

Citation preview

Page 1: BAB 2 PENGENALAN HTML Deskripsi...BAB 5 PENGENALAN CSS Deskripsi: Membahas tentang pengenalan CSS, penggunaan CSS, sintak CSS dan desain halamart web dengan CSS serta menampilkal hasil

BAB 2

PENGENALAN HTML

Deskripsi:

Membahas tentang pengertian dan pengenalan dasar HTML'

mendeklarasikan scrrpt tag dasar HTML pada editor dan menampllkan

hasil pada web browser yang digunakan'

Tujuan Pernbelajaran:

Setelahmelakukanpembelajaranini 'pembacadiharapkanmampu:

1. Memahami Dasar - Dasar H?M'

2. Menuliskan scipt tag dasar HTM' pada editor

3. Menampilkan hasil HTML tersebut pada web browser

2.1. Pengenalan HTML

Dalam perancangan sebuah website pada dasarnya adalah

kumpulan dari pada hyperlink yang menuju pada sebuah alamat atau

situs dengan menggunakan sebuah bahasa HTML(Hgper Tekt Markup

Language) (Agung Baitul l-{ikmah dkk' 2015:1)'

HApertext Markup Laftguage (HTML) adalah sebuah bahasa untuk

menampilkan konten dl web' Dan HTML j:uga merupakan batrasa

pemrograman yang bebas artirlya pengembangan'dari bahasa yang dapat

dikembangkan bersama secara global (Edy Winarno ST' 2014: 1)

Dalam penggunaannya sebuah bahasa H?Ml lidak dapat bekerja

s e n d i r i u n t u k m e m b u a t h a l a m a n t a m p i l a n S e e e r t i m e m b u a t j r o r m ,

menyisipkan garrlbar ' tabeL, maupun teks tulisan yang rnenarik pada ueb

brotuser., Akan tetapi seliap broluser memiliki perbedaan dalam

menampilkan script HTML yang dibuat bisa jadi apa yang ditampilkan di

browser yangsatu akan berbeda dengal browser yang lain sesuai dengan

dukungan script dari brou'tser yang kita gunakan' untuk itu sebuah

bahasaHTMI-memerlukanpenggabunganbeberapaScriptlainnyaSepertl

CSS (Casccrding StALe Sheets), Jaua Scipt l]:ranpun script lainnya'

1 0

Page 2: BAB 2 PENGENALAN HTML Deskripsi...BAB 5 PENGENALAN CSS Deskripsi: Membahas tentang pengenalan CSS, penggunaan CSS, sintak CSS dan desain halamart web dengan CSS serta menampilkal hasil

BAB 5

PENGENALAN CSS

Deskripsi:

Membahas tentang pengenalan CSS, penggunaan CSS, sintak CSS dan

desain halamart web dengan CSS serta menampilkal hasil pada web

browser yang digunakan.

Tujuan Pembelajaran:

Setelah melakukan pembelajaran ini, pembaca diharapkan mampu:

1. Membuat CSS Pada halaman web

2. Desain halaman web dengan CSS

3. Menampilkan hasil tersebut pada web browser

5.1. Pengertian CSS

CSS adalai singkatan dari Cascading Style Sheets yaitu

kumpulan kode program yang digunakal untuk mendesain atau

mempercantik tampilan halaman HTML Menjelaskan bagaimana elemen-

elemen HTML ditampilkan di layar' Dengan CSS kita bisa mengr'rbah

desain darl text, warna, gambar dan latar belakang dari (hampir) semua

kode tag HTML sehingga dapat mengontrol tata letak beberapa halaman

web sekaligus. CSS biasanya selalu dikaitkan dengan HTML' karena

keduanya memang sallng melengkapi HTML ditujukan untuk m'6mbuat

struktur, atau konten dari halaman web' Sedangkan CSS digunakan

untuk tampilan dari halaman web tersebut lstilahnya, "HTML for cofttent'

CSS for Presentation" .

5.2. Penggunaan CSS

Daiam penggunaan CSS terdapat beberapa cara untuk menginput kode

CSS ke da lam HTML, Ya i tu :

Page 3: BAB 2 PENGENALAN HTML Deskripsi...BAB 5 PENGENALAN CSS Deskripsi: Membahas tentang pengenalan CSS, penggunaan CSS, sintak CSS dan desain halamart web dengan CSS serta menampilkal hasil

JavaScript adalal'r bahasa yang sama sekali berbeda' ':l:"t:t:JaveL'rurrPL q**----

D---, lan Eich pada- r . - r i r ' l . vAsc r j p l d i t emukan o len D rc r ru (

.{onsep maupuu uss4rrr ' v+'* r (Ja7 RCMA-262

i"f ffi;"-;;;' standar ECMA'"1i 1""'1]']]:::Y"*' ' ' - ^ ' r ' r ECMASCTiPt ada lah

o d a l a h n a m a r e s m l s t u ' u a r 'nama resmi bahasa

adalah nama

rersebut. Daiam mempelal ar\ JcLucLscipt' sebliknVa t::: T::"T:":t:e rseDuL

l 1 L^1am'h web sederhanar ^ - h i

dasar-dasar rlrrvrL, ua!^ --sa membuat -TT lii- ,..-. ^,.,"

ffi;::."J'ffi. i"'g"t^i"-"" tentans css dan PHP juga akan

membantu, walaupun tidak diharuskan'

A. Fungsi Java Script dalam

4.2. Penulisan dal! Pertggunaan Java scriPt

untuk menjalan kan Jauascript menggunakan

seperti notepad, notepad++ atau menggunakan

dreamweaver dan sebuah web browser seperti

MozlILa Firefox untuk menampilkanng a'

A . Pen L l l i san Java Scr iP t

Cara Penulisan Jauosciqt trfirp

aplikasi text editor

aplikasi macromedia

Google Chrome alaw

dengan Penulisan bahasa

dan CSS, Yakni dengan

pemograman web lainnYa seperti PHP

JavaScriPt di dalam HTML meletakkan kode PrograrnmenyisiPkan kode J avascrrPt

r---^c^'inr hisa djletalkcn dibagian manapun craraLrr r t

JavascriPt bisa

:::i;;'::'*""';;ipt>' Ada beberapa posisi penulisan kode

program java script Yartu:

1. Diawal HTML yaitu tag <script> diletakkan didalam tag <head>

Contoh:

I

").<meta http equiv= Clontent-'type conterlt= text/htrnl;charset=U'l'F 8 />

i <tjtle>Belajar Tag Javascript</title>

! a le r t ( Se lsmal Datang l l ) ;

57

Page 4: BAB 2 PENGENALAN HTML Deskripsi...BAB 5 PENGENALAN CSS Deskripsi: Membahas tentang pengenalan CSS, penggunaan CSS, sintak CSS dan desain halamart web dengan CSS serta menampilkal hasil

BIODATA PENULIS

Miftah Farid Adiwisastra,S.T,M.Kom lahir di

Tasikmalaya 10 Juni 1986 tela} menyelesaikan 51

tahun 2012 di Universitas BSI mengambil Jurusal

Teknik Informatika Setelah itu melanjutkan Program

Studi Magister Ilmu Komputer (S2) di STMIK Nusa

Mandiri darl lulus pada tahun 2015. Saat ini menjadi

Dosen Tetap di Universitas Bina Sarana Informatika

Kampus Kota Tasikmalaya sejak 2013 sampai sekarang

Agung Baitul Hikmah, S.Kom,M,Kom lahir di

Tasikmalaya 19 Agustus 1983 telah menyelesaikal S1

tahun 2009 di STMIK Nusa Mandiri , mengambil

Jurusan Sistem Informasi, Setela-h itu melanjutkan

Program Studi Magister llmu Komputer (S2) di STMIK

Nusa Mandiri dan lulus pada tahun 2013. Karya Buku

yang sudah diterbitkan diartaranya buku berjudul

"Cara Cepat Membangun Website dari Nol: Studi Kasus

: Web Dealer Moto/' pada Tahun 2015 dan Saat ini

menjadi Dosen 'fetap di Universitas Bina Sarana

Informatika Kampus Kota Tasikmalaya sejak 2008

sampai sekarang

Ai ilah Warnilah , S.T., M,Kom. Lahir di Taslkmalaya,

18 Juni 1982. Telah menyelesaikan Program 51 tahun

20 12 di Universitas Siliwangi Tasikmalaya, mengambil

jurusan Teknik Informatika Setelah itu melanjutkan

Program Studi Magister Ilmu Komputer (S2) di STMIK

Nusa Mandiri dan lulus pada tahun 2015. Saat ini

menjadi Dosen Tetap di Universitas Bina Sarana

Informatika Kampus Kota Tasikmalaya sejak 2009

sampai sekara ng

104