Hyperlink dengan CSS Contoh code program HTML hyperlink dengan CSS, untuk code HTMLnya seperti berikut :

Slides:



Advertisements
Presentasi serupa
Pertemuan 2.  Dreamweaver adl salah satu program pembuatan website yang mempunyai banyak sekali menu-menu dan tool-tool yang dapat dipergunakan untuk.
Advertisements

Cascade Style Sheet (CSS) Dahlan Abdullah /
Cascading Style Sheets (CSS)
Reza Sulistyawan, S.Kom Pemrograman Web 1 1 text yang ditampilkan Sebagai contoh lihat script berikut : Belajar HTML Nyookk..! Hasilnya Membuat text berjalan.
( Cascading Style Sheet) Bagian 1
Pertemuan 9 Cascading Style Sheet (css)
Minggu …8… Page 1 MINGGU Ke delapan Web Teknologi 2 Pokok Bahasan: CSS and Themes Tujuan Instruksional Khusus: Mahasiswa akan dapat menjelaskan dan mengaplikasikan.
A. A. Bajuadji, S.Kom, M.Eng |
Dasar CSS A’ud Solehuddin::Februari2012. Materi Mengenal CSS Mengenal CSS Mencoba CSS Mencoba CSS Penggunaan atribut ID dalam tag Penggunaan atribut ID.
Tim FT Elektro UHAMKA CSS (Cascading Style Sheet)
CSS (Cascading Style Sheet)
Modul -4 : CSS 1 Mempelajari dasar-dasar CSS : Inheritance, class, positioning dan watermarking Cascading Style Sheet (CSS) Modul-4 :
Pemprograman & Perancangan WEB Pertemuan 6  CSS (Cascading Style Sheet)
CSS.
HTML - CSS Cascading Style Sheet.
Pengembangan Evangs Mailoa Cascading Style Sheet (CSS) dan HTML Form WEB.
CSS (Cascading Style Sheet)
Cascading Style Sheet Oleh : Edy Mulyanto
HTML-LINK-LIST.
Latihan CSS.
Pemrograman Berbasis Web CSS
PERTEMUAN 6. .classshadow { font-family: color:#333333; text-shadow: 1px 2px 3px blue; } kita juga bisa menambah value lagi misal : text-shadow: 1px 2px.
LINK.
CSS (Cascading Style Sheet)
CSS Eksternal & Style Elemen
Pertemuan 2 : HTML.
PENGENALAN CSS CSS = Cascading Style Sheet Fungsi : mendefenisikan style untuk suatu teks dengan jenis huruf, ukuran, warna tertentu.
Cascading Style Sheet (CSS) dan HTML Form
Cascading Style Sheet (CSS)
Pemrograman Berbasis Web CSS
Cascading Style Sheet (CSS)
PERTEMUAN CSS Pengenalan CSS.
(Cascading Style Sheet)
HTML CSS.
CSS (Cascading Style Sheet)
Cascading Style Sheets (CSS)
Pengenalan CSS Apasih CSS itu ?.
Perancangan & Pemrograman Web
Cascading Style Sheet (CSS)
KOMPUTER APLIKASI IT XHTML & CSS MODUL 02
Layout/Struktur Web dengan Div, dan Span
FORMAT LINK HTML Rizki Ramdani, S.T.
Pertemuan 2 JAVA 2 KA.
(Cascading Stylesheet)
CSS Pertemuan 12 Matakuliah : L0182 / Web & Animation Design
Cascading Style Sheet (CSS)
INTERNET Internet adalah suatu jaringan global yang terbentuk dari jaringan-jaringan lokal dan regional, memungkinkan komunikasi data antar komputer-komputer.
Rekayasa Perangkat Lunak
Area Kerja Dreamweaver
Cascade Style Sheet (CSS)
CSS.
Peng. Komp & TI 2C Peng. Komp & TI 2C Peng. Komp & TI 2C
Link pada HTML Dyah Ayu Irawati, ST., M.Cs.
( Cascading style sheets)
Praktikum Pengambangan Web
Pemrograman Web HTML (5) Form CSS Andy Haryoko, ST
Assalamu’alaikum Warohmatullah Wabarokatuh Selamat Pagi 
LAB ict Terpadu universitas budi luhur, lab Januari 2017
Pemrograman Web I --CSS--
Cascading Style Sheet (CSS)
Urutan Prioritas Selector CSS (Cascading)
Implementasi CSS Ada 4 cara memasang kode CSS ke dalam halaman situs, yaitu: Inline CSS Embedded (memasang kode ke dalam bagian External.
Class and ID Selector.
List dan Image pada HTML
Cascading Style Sheet.
PENGENALAN CSS CSS = Cascading Style Sheet Fungsi : mendefenisikan style untuk suatu teks dengan jenis huruf, ukuran, warna tertentu.
CSS (Cascading Style Sheet)
CSS (Cascading Style Sheet)
List dan Image pada HTML
INTERNET Internet adalah suatu jaringan global yang terbentuk dari jaringan-jaringan lokal dan regional, memungkinkan komunikasi data antar komputer-komputer.
Transcript presentasi:

Hyperlink dengan CSS Contoh code program HTML hyperlink dengan CSS, untuk code HTMLnya seperti berikut :

Dan untuk CSS nya seperti berikut :

Output pada browser :

Penjelasan : a : link = link awal dengan warna orange dan untuk garis bawah teks masih ada. a : visited = jika cursor dan di klik akan berwarna biru a : hover = jika cursor disorot ke link yang kita sorot maka akan berwarna merah dan garis bawah pada teks akan hilang, sebab terdapat selector text-decoration dan value none. a : active = jika link tersebut diklik dan halaman web berada pada link tersebut.

Memperindah dan Mempercantik Table.

Dan Syntax CSS dibawah ini :

Seperti biasa kita gunakan External Style Sheet, sebab dalam proses editing jika ada error code akan lebih mudah untuk mencari error code-nya dan kalian tidak perlu membaca satu persatu code di HTML-nya. Output pada browser :