7/26/2019 Pertemuan 2 Desain Web

1/11

Reni Dwi Susanti, M.Pd

Desain Web

7/26/2019 Pertemuan 2 Desain Web

2/11

INTERNET

Inter-Network

adalah sebutan untuk sekumpulan

jaringan komputer yang menghubungkansitus akademik, pemerintahan, komersial,organisasi, maupun perorangan di seluruhdunia.

7/26/2019 Pertemuan 2 Desain Web

3/11

INTERNETWWW (World Wide Web) Protocol, Domain, Pathname

Elektronik Mail/e-mail

Aplikasi yang memungkinkan para pengguna internet untuk salingberkirim pesan

ile !rans"er

#pload, Do$nload

%emote &ogin 'ostpot

% (nternet %elay hart)

hart

7/26/2019 Pertemuan 2 Desain Web

4/11

INTERNET

*ro$ser Editor

7/26/2019 Pertemuan 2 Desain Web

5/11

HTML (Hypertext MarkupLanuae!

Hypertext Markup Language (HML!merupkan standard bahasa yang di

gunakan untuk menampilkan do"umentweb.

!ag Element

++ dan +. Pembuka, sidan Penutup

7/26/2019 Pertemuan 2 Desain Web

6/11

ELEMENT Menyatakan pada bro$ser bah$a

dokumen $eb yang digunakan adalahhtmlhtml /html

HML

Merupakan kepala dari dokumen html

head /headH#$%

Merupakan 0udul dari dokumen html

yang ditampilkan pada 0udul 0endelabro$sertitle /titleIL# Element ini untuk menampilkan isi

dokumen htmlbody /body&'%

7/26/2019 Pertemuan 2 Desain Web

7/11

T"# D"S"R HTML "ormat tertentu dalam suatu paragra" dan

bisa 0uga dikatakan sebagai 0udul darisuatu paragra"h1-h2

'eading

#ntuk membuat paragra"3 Posisi paragra"(center, le"t, right)p/p align4+333 Paragra"

Menuliskan kutipan (teks men0orok ke

depan)block5uote*lock5uote

menampilkan teks sama seperti yangAnda ketikkan dalam dokumen html

pre

Pre"ormatted!eks

7/26/2019 Pertemuan 2 Desain Web

8/11

T"# D"S"R HTML

!ag ini digunakan untuk menulis teks pada baris berikutnya br

*egin%o$

#ntuk mengatur huru"("ont si6e) 1-7#kuranont

Mengatur 0enis huru""ace "ont

"ace4+333.

8enisont

Mengatur $arna pada huru" colour"ont colour4+333.

Warna

ont

7/26/2019 Pertemuan 2 Desain Web

9/11

T"# D"S"R HTMLStyle Kegunaan

... #ntuk menebalkan teks ... #ntuk membuat teks miring

... #ntuk menggaris ba$ahi teks

... #ntuk membuat coretan pada teks

... #ntuk membuat coretan pada teks

... #ntuk membuat teks men0adi berkedip

... #ntuk membuat teks men0adi seperti mesin

ketik

... #ntuk membesarkan teks

... #ntuk mengecilkan teks

... #ntuk membuat teks subscript

... #ntuk membuat teks superscript

7/26/2019 Pertemuan 2 Desain Web

10/11

T"# D"S"R HTML #ntuk menampilkan da"tar item dengan

nomor urutol di urutkan dan liyang di urutkan(listnya)

9rdered &ist

#ntuk menampilkan da"tar item denganbulat penuh, bulat kosong dan kotak ol di urutkan dan li yang diurutkan(listnya)

#ndordered&ist

Sty$e %eunaan&$i type'dis)* )ntuk membuat da*tar dengan list lingkaran

penuh&$i

type's+uare*

)ntuk membuat da*tar dengan list kotak

&$i type')ir)$e* )ntuk membuat da*tar dengan list lingkaran

7/26/2019 Pertemuan 2 Desain Web

11/11