Rumus HTML Lengkap. Kode-kode dasar HTML. 1 of 5 01/04/ :07

Ukuran: px
Mulai penontonan dengan halaman:

Download "Rumus HTML Lengkap. Kode-kode dasar HTML. 1 of 5 01/04/ :07"

Transkripsi

1 1 of 5 01/04/ :07 Rumus HTML Lengkap Kode-kode dasar HTML Mengenai Saya Fatur Rahman Membuat Center,gunakan kode : <p align="center"></p> hasilnya seperti: ITU SAJA Lihat profil lengkapku Aku hanya ingin di mengerti oleh semua orang Membuat Posisi kekanan gunakan kode : <p align="right"></p> hasilnya seperti : Membuat Posisi kekiri gunakan kode: <p align="left"></p> hasilnya seperti : Membuat Huruf Tebal gunakan kode: <b></b> hasilnya seperti : Membuat Huruf Garis Bawah gunakan kode : <u></u> hasilnya seperti : Membuat Huruf bercetak Miring gunakan kode : <i></i> hasilnya seperti : Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode : <b><i><u></u></i></b> hasilnya seperti : Membuat Huruf tebal strong gunakan kode : <srong></strong> hasilnya seperti : Membuat Huruf Hidden gunakan kode : <span style="visibility: hidden"></span> hasilnya seperti : Namanya juga hidden..ya..ga keliatan.. Membuat Huruf Besar semua (uppercase) gunakan kode : <span style="text-transform: uppercase"></span> hasilnya seperti : BELAJAR Membuat Huruf Small caps gunakan kode: <span style="font-variant: small-caps"></span> BELAJAR Membuat Huruf Subscribe / kecil di bawah gunakan kode: <p>4<sub>2</sub></p> 4 2 Membuat Huruf Superscribe / pangkat gunakan kode: <p>4<sup>2</sup></p> 4 2 Membuat Huruf bergaris atas gunakan kode: <span style="text-decoration: overline"></span> mengganti huruf Membuat Huruf bergaris tengah gunakan kode: <strike></strike> Menentukan jenis huruf gunakan kode:

2 2 of 5 01/04/ :07 <p><font-family="arial" ></font></p> Menentukan ukuran huruf gunakan kode: <p><font-size="3" ></font></p> Menentukan warna huruf gunakan kode: <p style="color: green; ></p> Membuat bullet dot bolong gunakan kode: <ul type="circle"> Membuat bullet dot kotak gunakan kode: <ul type="square"> Membuat bullet dot bulat gunakan kode: <ul> Mengatur posisi bullet gunakan kode: <ul> Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode: <p><font style="color: red; font-family: courier new; font-size: 15px;" ></font></p>

3 3 of 5 01/04/ :07 Membuat tabel border solid gunakan kode: <table border="1" width="200"> <td style="border-style: solid"></td> hasilnya seperti : Membuat tabel border dot gunakan kode: <table border="1" width="200" style="border-style: dotted"> <td border="2" style="border-style: dotted"></td> Membuat tabel border dashed gunakan kode: <table border="1" width="200" style="border-style: dashed"> <td style="border-style: dashed"></td> Membuat tabel border groove gunakan kode: <table border="1" width="200" style="border-style: groove"> <td></td> Membuat tabel border Ridge gunakan kode: <table border="1" width="200" style="border-style: ridge"> <td></td> Membuat tabel border Insert gunakan kode: <table border="1" width="200" style="border-style: inset"> <td></td> Membuat tabel border Outset gunakan kode: <table border="1" width="200" style="border-style: outset"> <td></td> Membuat Tabel Biasa gunakan kode :

4 4 of 5 01/04/ :07 <table border="1"width="200"><td></td> hasilnya seperti: Membuat Tabel berwarna gunakan kode : <table border="1"width="200"bgcolor="green"><td></td></tabel> hasilnya seperti : Membuat Tabel berwarna tak berbingkai gunakan kode : <table border="0"width="200"bgcolor="blue"><td></td></tabel> hasilnya seperti: 8 komentar: agumg slamet 3 Maret trimakasih infonya handi wijaya 21 Agustus kok gada marquee behavior -- Erick Fauzy 25 September Gan Itu Tanda Kutip Di Pake Atau Enggak.?? an *_``This is Me``_* 12 November tanda kutip selalu dipake. menurut ilmu yang saya dapat Muhammad Farrell 17 November hehee boleh nih tuker tuker info ke blog saya farrellpunyablog.blogspot.com Ahmad Satrio 11 Februari GK LENGKAPPP!!!!!!!! blojensi 1 Maret info bermanfaat Danoe Bojes 13 Maret Ok juga.kunjungi website saya ya tv online.movie online. Tambahkan komentar

5 5 of 5 01/04/ :07 Beri komentar sebagai: Publikasikan Beranda Langganan: Entri (Atom) Template Ethereal. Diberdayakan oleh Blogger.

CSS Cascading Style Sheet

CSS Cascading Style Sheet CSS Cascading Style Sheet Pengenalan CSS CSS adalah singkatan dari Cascading Style Sheets CSS (Cascading Style Sheet) digunakan untuk melengkapi file HTML, dan tugas utamanya adalah menetapkan aturan tampilan/style

Lebih terperinci

XHTML dan Dasar-dasar CSS XHTML

XHTML dan Dasar-dasar CSS XHTML XHTML dan Dasar-dasar CSS Pemrograman Web Rosa Ariani Sukamto Email: rosa_if_itb_01@yahoo.com Blog: http://udinrosa.wordpress.com Website: http://www.gangsir.com XHTML Extensible Hypertext Markup Language

Lebih terperinci

TUGAS BOXES. 1. Percobaan 1

TUGAS BOXES. 1. Percobaan 1 TUGAS BOXES 1. Percobaan 1 Analisa : Pada percobaan 1, style pada elemen div ditetapkan width dan heightnya 400px dan 300px dengan background color pink, dan pada elemen p, width dan height ditetapkan

Lebih terperinci

MODUL 1 STYLE SHEET UNTUK TAMPILAN DASAR

MODUL 1 STYLE SHEET UNTUK TAMPILAN DASAR MODUL 1 STYLE SHEET UNTUK TAMPILAN DASAR PENDAHULUAN Setelah semua yang Anda ketahui tentang dasar pembuatan halaman Web dalam perkuliahan sebelumnya, kini tiba saatnya untuk membuat halaman web Anda tampil

Lebih terperinci

CSS (Cascade Style Sheet)

CSS (Cascade Style Sheet) CSS (Cascade Style Sheet) CSS merupakan bahasa (script) yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup / markup language. Jika kita berbicara dalam konteks web, bisa

Lebih terperinci

CSS dan Tata Letak Pemrograman Internet (TKE ) Program Studi Teknik Elektro, Unsoed

CSS dan Tata Letak Pemrograman Internet (TKE ) Program Studi Teknik Elektro, Unsoed CSS dan Tata Letak Pemrograman Internet (TKE 074082) Program Studi Teknik Elektro, Unsoed Iwan Setiawan Tahun Ajaran 2011/2012 a, a:visited { text-decoration:none; } a:hover { text-decoration:underline;

Lebih terperinci

Author : Minarni, S.Kom.,MM

Author : Minarni, S.Kom.,MM S Cascading Style Sheets Author : Minarni, S.Kom.,MM Universitas Darwan Ali Sampit Kalimantan Tengah Internet Multimedia Keuntungan Menggunakan CSS Mempermudah dan mempersingkat pembuatan dan pemeliharaan

Lebih terperinci

APLIKASI WEB DAY 3. (Cascading Style Sheets)

APLIKASI WEB DAY 3. (Cascading Style Sheets) APLIKASI WEB DAY 3 (Cascading Style Sheets) VII. Pengenalan Style Sheet Style Sheets merupakan feature yang sangat penting dalam membuat Dynamic HTML. Meskipun bukan merupakan suatu keharusan dalam membuat

Lebih terperinci

CSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM

CSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM CSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM CSS Cascading Style Sheet Bahasa yang digunakan untuk mengatur tampilan dan format dari dokumen markup (HTML) CSS didesain untuk memisahkan antara dokumen yang mendeskripsikan

Lebih terperinci

DASAR-DASAR CSS DASAR-DASAR CSS By: Rohi Abdulloh A. PENGENALAN

DASAR-DASAR CSS DASAR-DASAR CSS By: Rohi Abdulloh A. PENGENALAN DASAR-DASAR CSS DASAR-DASAR CSS 2015 A. PENGENALAN CSS merupakan kependekan dari Cascading Style Sheet yaitu suatu skrip yang digunakan untuk mempercantik tampilan HTML atau mengatur bagaimana elemen HTML

Lebih terperinci

CSS BOXES. Langkah Kerja. Percobaan

CSS BOXES. Langkah Kerja. Percobaan Tugas : Percobaan Praktikum 8 Materi : CSS Boxes Nama : Dwi Setiya Ningsih NRP : 2103157025 Langkah Kerja CSS BOXES Berikut ini langkah kerja yang perlu anda lakukan selama menyelesaikan semua percobaan

Lebih terperinci

{CSS} Cascading Style Sheet

{CSS} Cascading Style Sheet {CSS} Cascading Style Sheet mekanisme sederhana yang mengatur gaya / style (cth: warna, ukuran, posisi, dll) pada halaman web. http://www.w3.org/style/css sebelum CSS sebelum CSS sebelum CSS sebelum

Lebih terperinci

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) Cascading Style Sheets (CSS) - Konsep dasar CSS - CSS properties Definisi Cascading Style Sheets (CSS) Cascading Style Sheets (CSS) adalah suatu teknologi yang digunakan untuk memperindah halaman website

Lebih terperinci

Metode Penulisan Dasar CSS

Metode Penulisan Dasar CSS Metode Penulisan Dasar CSS Pada pembahasan kali ini, kita akan menelusuri pemograman CSS lebih dalam lagi. Ada beberapa penulisan dasar dalam CSS yang wajib kita ketahui. Beberapa penulisan itu terdiri

Lebih terperinci

Cara Value keterangan

Cara Value keterangan Pertemuan 11 Pengaturan property CSS Style Sheet adalah rangkaian suatu perintah yang disebut juga dengan statement. Setiap statement mempunyai 2 (dua) buah komponen utama yaitu, selector dan deklarator.

Lebih terperinci

HTML (HyperText Markup Language)

HTML (HyperText Markup Language) HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah

Lebih terperinci

Cascading Style Sheet

Cascading Style Sheet Cascading Style Sheet Manfaat: Memperindah tampilan halaman website. Mempermudah mengubah secara keseluruhan warna dan tampilan. Memformat ulang situs Anda secara cepat. Menghemat kode dan waktu dalam

Lebih terperinci

Syntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.

Syntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web. Syntax HTML Pada tulisan Saya kali ini, Saya memberikannya beserta contoh kode dan gambar, ada beberapa yang Saya tidak beri kode dan gambar, kode, dan gambar sekalipun karena beberapa alasan : Kurangnya

Lebih terperinci

Keuntungan Memisahkan presentation sebuah dokumen dari content document itu sendiri Mempermudah dan mempersingkat pembuatan dan pemeliharaan dokumen w

Keuntungan Memisahkan presentation sebuah dokumen dari content document itu sendiri Mempermudah dan mempersingkat pembuatan dan pemeliharaan dokumen w Tentang CSS Adalah standart pembuatan dan pemakaian style untuk dokumen terstruktur, CSS digunakan untuk mempersingkat penulisan tag HTML seperti font, color, text dan table menjadi lebih ringkas sehingga

Lebih terperinci

Percobaan 1 : Mengatur Width Dan Height Hasil :

Percobaan 1 : Mengatur Width Dan Height Hasil : Percobaan 1 : Mengatur Width Dan Height Analisa : Terlihat di atas kalau width dan height dari tag dan berbeda sesuai value yang telah diinputkan yang bias dibedakan dengan background-color

Lebih terperinci

MODUL PRATIKUM 04A PEMROGRAMAN BERBASIS WEB (CCP119)

MODUL PRATIKUM 04A PEMROGRAMAN BERBASIS WEB (CCP119) MODUL PRATIKUM 04A PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 04A Cascading Style Sheets

Lebih terperinci

MODUL 3 STYLE SHEET RINGKASAN

MODUL 3 STYLE SHEET RINGKASAN MODUL 3 STYLE SHEET RINGKASAN Setelah semua yang Anda ketahui tentang dasar pembuatan halaman web, kini tiba saatnya untuk membuat halaman web Anda tampil lebih meyakinkan. Untuk keperluan tersebut, Anda

Lebih terperinci

NAMA : KELAS : TANGGAL PRAKTIKUM : A. TUJUAN 1. Siswa dapat mengenal, memahami serta dapat melakukan pengaturan-pengaturan border dengan CSS.

NAMA : KELAS : TANGGAL PRAKTIKUM : A. TUJUAN 1. Siswa dapat mengenal, memahami serta dapat melakukan pengaturan-pengaturan border dengan CSS. PRAKTIKUM : Borders NAMA : KELAS : TANGGAL PRAKTIKUM : A. TUJUAN 1. Siswa dapat mengenal, memahami serta dapat melakukan pengaturan-pengaturan border dengan CSS. B. DASAR TEORI Border jika diartikan adalah

Lebih terperinci

Daftar isi. West PoinT edu

Daftar isi. West PoinT edu Daftar isi 1.font-weight...2 2.Font-style...2 3.Font-family...2 4.font-size...2 5.color...3 6.text-align...3 7.vertical-align...3 8.text-decoration...4 9.text-transform...4 10.text-shadow...4 11.word-spacing...5

Lebih terperinci

Memodifikasi Tampilan Gambar (Image) dengan CSS

Memodifikasi Tampilan Gambar (Image) dengan CSS Memodifikasi Tampilan Gambar (Image) dengan CSS Sebuah file gambar (image) yang disisipkan pada dokumen HTML akan tampil tanpa dekorasi apapun pada saat dilihat di browser. Kita dapat memberi garis pembatas

Lebih terperinci

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) Cascading Style Sheets (CSS) - Konsep dasar CSS - CSS properties Definisi adalah suatu teknologi yang digunakan untuk memperindah halaman website (situs), dengan CSS kita dapat dengan mudah mengubah keseluruhan

Lebih terperinci

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) Pertemuan ke 4 Cascading Style Sheets (CSS) - Konsep dasar CSS - CSS properties Definisi adalah suatu teknologi yang digunakan untuk memperindah halaman website (situs), dengan CSS kita dapat dengan mudah

Lebih terperinci

Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat )

Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat ) MEMBUAT WEBSITE DENGAN HTML Dibuat oleh : Dea Arri Rajasa, SE., S.Kom HTML (Hyper Text Markup Language) STRUKTUR HTML Judul Website ditulis disini Kode kode HTML

Lebih terperinci

HTML (Hypertext Markup Language)

HTML (Hypertext Markup Language) 1 HTML (Hypertext Markup Language) HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen (web page) dan aplikasi yang berjalan di halaman web. Dokumen HTML

Lebih terperinci

C. Ms Powerpoint D. Notepad E. Ms Acces

C. Ms Powerpoint D. Notepad E. Ms Acces 1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali:

Lebih terperinci

CSS. Cascading Style Sheet. Spesifikasi lengkap di :

CSS. Cascading Style Sheet. Spesifikasi lengkap di : CSS Cascading Style Sheet Spesifikasi lengkap di : http://www.w3..org/tr/css2 Mengubah Text Mengubah Warna Mengubah Posisi Mengubah Ukuran Bagaimana cara menempatkan CSS? Ada 3 cara yaitu : Inline ( pada

Lebih terperinci

CSS. Auriza Akbar 1 Juni 2012

CSS. Auriza Akbar 1 Juni 2012 CSS Auriza Akbar auriza.akbar@gmail.com 1 Juni 2012 Apa itu CSS? CSS = Cascading Style Sheets Mekanisme sederhana untuk menambahkan style (seperti font, warna, spasi) ke dalam dokumen web http://www.w3.org/style/css/

Lebih terperinci

Komunikasi Multimedia

Komunikasi Multimedia Komunikasi Multimedia Modul ke: Fakultas Ilmu Komunikasi Teknik Lanjutan Corporate Website: HTML Editing dengan Macromedia Dreamweaver MX Anindita, S.Pd, M.Ikom Program Studi Public Relations www.mercubuana.ac.id

Lebih terperinci

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web HTML DASAR BAGIAN 1 Oleh: Heribertus Heri Istiyanto Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web Materi: 1. HTML Dasar 2. Desain Layout di Photoshop 3.

Lebih terperinci

BAB III CASCADING STYLE SHEET

BAB III CASCADING STYLE SHEET BAB III CASCADING STYLE SHEET A. KOMPETENSI DASAR Memahami jenis dan struktur dasar dokumen CSS dan CSS3. Mampu memanfaatkan CSS untuk memformat dokumen HTML. Mampu memanfaatkan pendekatan CSS untuk menghasilkan

Lebih terperinci

BAB 6 CSS 6.1. CSS SYNTAX. Syntax CSS memiliki dua bagian utama yaitu, selector dan deklasi.

BAB 6 CSS 6.1. CSS SYNTAX. Syntax CSS memiliki dua bagian utama yaitu, selector dan deklasi. BAB 6 CSS 6.1. CSS SYNTAX Syntax CSS memiliki dua bagian utama yaitu, selector dan deklasi. Selector berupa tag HTML dan pendeklarasian Class dan Id. Selector berfungsi untuk menentukan bagian mana pada

Lebih terperinci

TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah

TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah www.ilmuwebsite.com Bagian 7. Membuat Data Pagination Menggunakan

Lebih terperinci

BAB I PERKENALAN HTML

BAB I PERKENALAN HTML BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan

Lebih terperinci

Pemrograman Web PRAKTIKUM 3 CSS. TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml

Pemrograman Web PRAKTIKUM 3 CSS. TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml PRAKTIKUM 3 CSS TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml MATERI Sintaks CSS, cara memakai CSS, jenis-jenis selektor, satuan ukuran, satuan warna, properti

Lebih terperinci

MODUL III CASCADING STYLE SHEET

MODUL III CASCADING STYLE SHEET MODUL III CASCADING STYLE SHEET A. TUJUAN Memahami struktur dasar dokumen HTML. Mampu membuat dokumen HTML yang baik dan benar. Mampu memanfaatkan elemen-elemen dasar untuk menampilkan informasi. B. PETUNJUK

Lebih terperinci

SMH2D3 Web Programming. 4 BAB IV WEB DESIGN CSS3. H a l IDENTITAS. Kajian Web Design menggunakan HTML5 dan CSS3

SMH2D3 Web Programming. 4 BAB IV WEB DESIGN CSS3. H a l IDENTITAS. Kajian Web Design menggunakan HTML5 dan CSS3 4 BAB IV WEB DESIGN CSS3 41 IDENTITAS Kajian Web Design menggunakan HTML5 dan CSS3 Topik Penggunaan CSS3 untuk Design dan Layout Web Kompetensi Utama 1 Mengetahui penggunaan script HTML5 dan CSS3 2 Penggunaan

Lebih terperinci

1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.

1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah. A SOAL PILIHAN GANDA 1 Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah A ikan Badut (Clownfish) B ikan Badut (Clownfish) C

Lebih terperinci

Modul Pelatihan Komputer Ms. Word 2007

Modul Pelatihan Komputer Ms. Word 2007 2013 Bidang Diklat Badan Kepegawaian Daerah Kabupaten Sidoarjo Modul Pelatihan Komputer Ms. Word 2007 Disusun oleh Unit Training of Competency 2 cm 2 cm Modul Pelatihan Microsoft Word 2007 Oleh Unit Training

Lebih terperinci

LATIHAN 1. Paragraf dan line break 2. Background color dan heading

LATIHAN 1. Paragraf dan line break 2. Background color dan heading LATIHAN Dalam modul ini Anda akan berlatih untuk menggunakan berbagai tag dasar untuk pemrograman web menggunakan HTML. Ketikkan setiap kelompok tag dalam sebuah file, simpan dalam folder Anda sendiri

Lebih terperinci

BAB IV CASCADING STYLE SHEET (CSS)

BAB IV CASCADING STYLE SHEET (CSS) BAB IV CASCADING STYLE SHEET (CSS) A. KOMPETENSI DASAR Memahami jenis dan struktur dasar dokumen CSS dan CSS3. Mampu memanfaatkan CSS untuk memformat dokumen HTML. Mampu memanfaatkan pendekatan CSS untuk

Lebih terperinci

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web MODUL TIK KELAS XI SEMESTER I TAHUN AJARAN 2008-2009 2009 SMA KOLESE DE BRITTO YOGYAKARTA Modul dapat di download di: Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman

Lebih terperinci

Pemrograman Web Sisi Client Pertemuan 3 PI

Pemrograman Web Sisi Client Pertemuan 3 PI Pemrograman Web Sisi Client Pertemuan 3 PI Oleh : Hasanuddin, S.T. Program Studi Teknik Informatika Fakultas Teknologi Industri Universitas Ahmad Dahlan Yogyakarta Topik Pendahuluan HTML CSS JavaScript

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-5 (CSS) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan CSS? Contoh sederhana Selector Mekanisme mengaplikasikan

Lebih terperinci

Penulis :

Penulis : Daftar Isi Dasar-Dasar HTML Cara Membuka Notepad dan Structure Dasar HTML 1 Heading dan Cara Menyimpan dengan Ekstensi HTML 4 Basic HTML Code 6 Style 11 Formating 18 Dasar Dasar HTML Cara Membuka Notepad

Lebih terperinci

CSS. inheritance (pewarisan)

CSS. inheritance (pewarisan) {CSS} lanjut CSS inheritance (pewarisan) sebuah elemen mewarisi beberapa nilai dari properti yang dimiliki oleh elemen parent-nya http://www.w3.org/tr/css21/cascade.html#inheritance http://www.slideshare.net/diniscorreia/htmlcss-3-introduction-to-css

Lebih terperinci

HOT POTATOES. 1. Untuk memulai Hot Potatoes, klik menu Start > Program > Hot Potatoes 6 > Hot Potatoes 6 sehingga akan dimunculkan : keluar

HOT POTATOES. 1. Untuk memulai Hot Potatoes, klik menu Start > Program > Hot Potatoes 6 > Hot Potatoes 6 sehingga akan dimunculkan : keluar HOT POTATOES 1. Untuk memulai Hot Potatoes, klik menu Start > Program > Hot Potatoes 6 > Hot Potatoes 6 sehingga akan dimunculkan : keluar Melengkapi kalimat Pilihan Berganda Menjodohkan TTS Menyusun kalimat

Lebih terperinci

MODUL 1 DASAR-DASAR HTML

MODUL 1 DASAR-DASAR HTML MODUL 1 DASAR-DASAR HTML RINGKASAN Dalam praktikum kali ini, Anda akan mempelajari penggunaan dari beberapa tag dasar yang hampir akan selalu digunakan dalam setiap praktikum Anda nantinya. Perhatikan

Lebih terperinci

Nilainya berupa nama font yang diinginkan dan. Memasukkan nilai dari beberapa font sekaligus dengan pemisah tanda koma (,):

Nilainya berupa nama font yang diinginkan dan. Memasukkan nilai dari beberapa font sekaligus dengan pemisah tanda koma (,): A. Font 1. Font-Family Nilainya berupa nama font yang diinginkan dan generic font Memasukkan nilai dari beberapa font sekaligus dengan pemisah tanda koma (,): Nilai Nama font Generic font Contoh Font-family:verdana

Lebih terperinci

BAB V FORMAT FONT DAN KOLOM KORAN

BAB V FORMAT FONT DAN KOLOM KORAN A. Membuat Kolom Koran BAB V FORMAT FONT DAN KOLOM KORAN Kolom koran adalah suatu naskah yang diketik berdasarkan kolom yang diatur sesuai dengan kebutuhan, kolom koran dapat dibagi menjadi dua kolo atau

Lebih terperinci

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah dilakukannya analisa dan perancangan sistem pada bab sebelumnya, lalu langkah selanjutnya adalah implementasi dan pengujian sistem dimana didalam

Lebih terperinci

DI DALAM BLOG. Sebelumnya, untuk masuk ke dalam blog, Anda harus mengisi dan password terlebih dahulu. Gambar 3.1 Log in pada blogger

DI DALAM BLOG. Sebelumnya, untuk masuk ke dalam blog, Anda harus mengisi  dan password terlebih dahulu. Gambar 3.1 Log in pada blogger YUUK.. BEREKSPLORASI DI DALAM BLOG Sekarang pasti Anda sudah tidak sabar ingin memposting tulisan yang sudah lama Anda pendam dalam folder. Sabar dulu, sebelum Anda memposting tulisan, ada baiknya mengenal

Lebih terperinci

4. Berikut ini termasuk tag tag yang biasanya diletakkan di dalam kelompok tag Body, kecuali. a. bgcolor c. link b. font d. meta

4. Berikut ini termasuk tag tag yang biasanya diletakkan di dalam kelompok tag Body, kecuali. a. bgcolor c. link b. font d. meta LATIHAN SOAL HTML DASAR 1 1. Singkatan HTML adalah. a. Hyper Text Markup Language b. Hygher Text Markup Language c. Hyper Terminal Markup Language d. Hyper Text Make Language 2. Dibawah ini merupakan tag

Lebih terperinci

1. Pengenalan HTML. 2. Tag Dasar HTML

1. Pengenalan HTML. 2. Tag Dasar HTML 1. Pengenalan HTML 1.1. Sejarah Singkat HTML HTML dibuat oleh Tim Bernels-Lee seorang ahli Fisika ketika masih bekerja untuk CERN (organisasi Eropa untuk riset nuklir) dan dipopulerkan pertama kali oleh

Lebih terperinci

PROPERTIES. Pemrograman Web Teknik Informatika Fakultas Teknologi Industri

PROPERTIES. Pemrograman Web Teknik Informatika Fakultas Teknologi Industri PROPERTIES 12 Font Syntax: font: Properti Font Possible Values: [ ]? [ / ]? Contoh: P { font: italic bold 12pt/14pt

Lebih terperinci

DAFTAR ISI DAFTAR ISI... 1 KATA PENGATAR... 2 BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Tujuannya...

DAFTAR ISI DAFTAR ISI... 1 KATA PENGATAR... 2 BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Tujuannya... DAFTAR ISI COVER DAFTAR ISI... 1 KATA PENGATAR... 2 BAB I PENDAHULUAN... 3 1.1 Latar Belakang... 3 1.2 Rumusan Masalah... 3 1.3 Tujuannya... 3 BAB II PEMBAHASAN... 4 2.1 Pengertian CSS... 4 2.2 Format

Lebih terperinci

Contoh Syntax: Contoh di atas menunjukkan. S e l e c t o r : h 1. P r o p e r t y : c o l o r. V a l u e : r e d. (red).

Contoh Syntax: Contoh di atas menunjukkan. S e l e c t o r : h 1. P r o p e r t y : c o l o r. V a l u e : r e d. (red). Apa Itu CSS? PENGENALAN CSS CSS adalah singkatan dari Cascading Style Sheets. Kalau baca di kamus, cascading itu artinya air terjun. Tapi dalam hal ini, yang di maksud adalah, aliran dari suatu kode ke

Lebih terperinci

MACROMEDIA FLASH. 1.1 Mengenal interface Macromedia Flash 8. Panel. Timeline Stage. Properties. Animasi Sederhana dengan Macromedia Flash 1

MACROMEDIA FLASH. 1.1 Mengenal interface Macromedia Flash 8. Panel. Timeline Stage. Properties. Animasi Sederhana dengan Macromedia Flash 1 MACROMEDIA FLASH Macromedia flash/adobe Flash adalah perangkat lunak aplikasi untuk pembuatan animasi yang digunakan untuk halaman web. Macromedia flash mampu melengkapi website dengan beberapa macam animasi

Lebih terperinci

CSS? Contoh sederhana Selector Mekanisme mengaplikasikan CSS Elemen-elemen CSS

CSS? Contoh sederhana Selector Mekanisme mengaplikasikan CSS Elemen-elemen CSS PERTEMUAN 4 CSS? Contoh sederhana Selector Mekanisme mengaplikasikan CSS Elemen-elemen CSS Singkatan dari Cascading Style Sheet Merupakan suatu cara untuk memformat atau membuat layout halaman web menjadi

Lebih terperinci

MODUL BELAJAR MUATAN LOKAL (MULOK) PROGRAM KEAHLIAN TEKNIK KOMPUTER JARINGAN SMK N 2 BAWANG DESAIN WEB SITE

MODUL BELAJAR MUATAN LOKAL (MULOK) PROGRAM KEAHLIAN TEKNIK KOMPUTER JARINGAN SMK N 2 BAWANG DESAIN WEB SITE MODUL BELAJAR MUATAN LOKAL (MULOK) PROGRAM KEAHLIAN TEKNIK KOMPUTER JARINGAN SMK N 2 BAWANG DESAIN WEB SITE Dengan pokok materi pelajaran : 1. Pemrograman web dasar 2. Desain Grafis (Paint dan Photoshop)

Lebih terperinci

Membangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE

Membangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE Membangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE Langkah-langkah membuat web statis 1. Pastikan bahwa server localhost sudah berjalan. Untuk Windows biasanya menggunakan Xampp for

Lebih terperinci

TUTORIAL MEMBUAT WEBSITE BAGI PEMULA

TUTORIAL MEMBUAT WEBSITE BAGI PEMULA TUTORIAL MEMBUAT WEBSITE BAGI PEMULA Pengenalan halaman frontpage Pastikan dalam komputer Anda telah terinstall program frontpage. Klik start dan cari program frontpage 1 Keterangan : A. Membuka halaman

Lebih terperinci

TUTORIAL PENGETIKAN SKRIPSI

TUTORIAL PENGETIKAN SKRIPSI TUTORIAL PENGETIKAN SKRIPSI Skripsi merupakan karya tulis mahasiswa yang dipersyaratkan sebagai salah satu bentuk pemenuhan tugas akhir untuk mendapatkan gelar Sarjana S1. Skripsi ditulis sebagai hasil

Lebih terperinci

KONSEP DASAR HTML. HTML ( HyperText Mark up Language )

KONSEP DASAR HTML. HTML ( HyperText Mark up Language ) KONSEP DASAR HTML HTML ( HyperText Mark up Language ) hypertext adalah kata yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskahnaskah lainnya markup menunjukkan bahwa pada file HTML berisi

Lebih terperinci

ULANGAN UMUM SEKOLAH SMA ISLAM AL-IZHAR PONDOK LABU TAHUN PELAJARAN 2012/2013

ULANGAN UMUM SEKOLAH SMA ISLAM AL-IZHAR PONDOK LABU TAHUN PELAJARAN 2012/2013 1. Istilah umum yang digunakan untuk mencakup bagaimana isi web konten ditampilkan, yang dikirimkan ke pengguna akhir melalui internet untuk di publish adalah. A. Website D. Web Designer B. Web Design.

Lebih terperinci

PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE

PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE Oleh: Asyti Febliza I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain,

Lebih terperinci

BELAJAR HTML DASAR CARA MEMBUAT TABEL

BELAJAR HTML DASAR CARA MEMBUAT TABEL BELAJAR HTML DASAR CARA MEMBUAT TABEL Sandira Kurniawan sandira@raharja.info Abstrak Hypertext Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan

Lebih terperinci

CSS Cascading Style Sheet

CSS Cascading Style Sheet CSS Cascading Style Sheet Pemrograman Web 1 Genap 2011-2012 CSS Lanjut CSS Dimension Berfungsi untuk mengatur panjang dan lebar dari sebuah elemen HTML. contoh: height:100px; width:200px; Nilai/ value:

Lebih terperinci

LAPORAN RESMI. Boxes

LAPORAN RESMI. Boxes LAPORAN RESMI Boxes Dosen Pembimbing : Dwi Susanto,ST, MT Oleh Hamidah Nur Hidayati 4103131038 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA NEGERI

Lebih terperinci

Area kerja. Gambar 1. Tampilan awal MS FrontPage

Area kerja. Gambar 1. Tampilan awal MS FrontPage Microsoft FrontPage I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain, dan mengedit halaman World Wide Web seperti menambahkan text, images,

Lebih terperinci

1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file jawaban : b

1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file jawaban : b 1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file 2. Perintah untuk mengosongkan kolom pada HTML adalah a. tr b. br c. td d. &nbsp e. &nsp jawaban :

Lebih terperinci

Teks dan Background SERIF SANS-SERIF MONOSPACE

Teks dan Background SERIF SANS-SERIF MONOSPACE Tujuan Teks dan Background Mahasiswa dapat memahami pengaturan teks melalui CSS Mahasiswa dapat memahami berbagai jenis ukuran teks Mahasiswa dapat memahami pengaturan background melalui CSS Dasar Teori

Lebih terperinci

[ MODUL 4 ] PEMROGRAMAN WEB [ CSS ] Modul Ini Disusun Untuk Membantu Proses Pembelajaran Bagi Mahasiswa DOSEN : CEPI RAHMAT HIDAYAT, S.

[ MODUL 4 ] PEMROGRAMAN WEB [ CSS ] Modul Ini Disusun Untuk Membantu Proses Pembelajaran Bagi Mahasiswa DOSEN : CEPI RAHMAT HIDAYAT, S. [ MODUL 4 ] PEMROGRAMAN WEB [ CSS ] Modul Ini Disusun Untuk Membantu Proses Pembelajaran Bagi Mahasiswa DOSEN : CEPI RAHMAT HIDAYAT, S.KOM STMIK TASIKMALAYA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

Lebih terperinci

TUGAS UJIAN MID SEMESTER MATA KULIAH INTERNET DAN DESAIN WEB

TUGAS UJIAN MID SEMESTER MATA KULIAH INTERNET DAN DESAIN WEB TUGAS UJIAN MID SEMESTER MATA KULIAH INTERNET DAN DESAIN WEB NAMA NIM KELAS : Satria Adi Prasetya : A410090156 : 7D Jawaban : a. Kode penyusunan Untuk index.html : mathematics Surgeons

Lebih terperinci

Tata Cara Penyusunan Makalah & Karya Tulis. Oleh : Rahmat Rijalun

Tata Cara Penyusunan Makalah & Karya Tulis. Oleh : Rahmat Rijalun 1 of 6 9/23/2013 5:16 PM Beranda vexillum-blog Sekedar Blog Sederhana Beranda Daftar Isi Tukeran Link Translate Gadgets powered by Google EndSR - Find me on Bloggers.com Cari Blog Ini Home» Study» Tata

Lebih terperinci

Modul ke: Aplikasi Komputer. Microsoft Word 2010 Bagian 1. Fakultas FASILKOM. Nurhaida, ST. MT. Program Studi MKCU

Modul ke: Aplikasi Komputer. Microsoft Word 2010 Bagian 1. Fakultas FASILKOM. Nurhaida, ST. MT. Program Studi MKCU Modul ke: 04 Ida Fakultas FASILKOM Aplikasi Komputer Microsoft Word 2010 Bagian 1 Nurhaida, ST. MT. Program Studi MKCU Word 2010 Fitur-fitur terbaru yang diberikan Word 2010 Autocorrect MailMerge Auto

Lebih terperinci

Edisi UNIVERSITAS NEGERI SEMARANG. Badan Pengembangan Teknologi Informasi dan Komunikasi. Modul Pelatihan H T M L

Edisi UNIVERSITAS NEGERI SEMARANG. Badan Pengembangan Teknologi Informasi dan Komunikasi. Modul Pelatihan H T M L Edisi 1 UNIVERSITAS NEGERI SEMARANG Badan Pengembangan Teknologi Informasi dan Komunikasi Modul Pelatihan H T M L U N I V E R S I T A S N E G E R I S E M A R A N G Modul Pelatihan HTML Akhmad Munawar http://about.me/akhmad.munawar

Lebih terperinci

HTML Dasar. PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya

HTML Dasar. PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya HTML Dasar Tujuan: Siswa dapat membuat desain situs menggunakan pemrograman web PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya

Lebih terperinci

Jakarta Raya Aeromodelling Club - Club's RULES. Written by Administrator Wednesday, 14 September :00

Jakarta Raya Aeromodelling Club - Club's RULES. Written by Administrator Wednesday, 14 September :00 peraturan LAPANGAN DIRGANTARA III-JAKARTA AEROMODELING CLUB LANUD HALIM PERDANAKUSUMA

Lebih terperinci

Secara garis besar, terdapat 3 cara menginput kode CSS, yaitu metode Inline Style, Internal Style Sheets, dan External Style Sheets.

Secara garis besar, terdapat 3 cara menginput kode CSS, yaitu metode Inline Style, Internal Style Sheets, dan External Style Sheets. Sebagaimana telah dipelajari pada saat pembahasan tentang HTML (pada artikel tutorial belajar HTML), HTML pada dasarnya adalah kumpulan dari tag-tag yang disusun sehingga memiliki bagian-bagian tertentu,

Lebih terperinci

Bu k u Ma n u a l Web Si t e SK PD Pem er i n t a h K a b u pa t en Ma l a n g

Bu k u Ma n u a l Web Si t e SK PD Pem er i n t a h K a b u pa t en Ma l a n g Bu k u Ma n u a l Web Si t e SK PD 2016 Pem er i n t a h K a b u pa t en Ma l a n g Situs web Satuan Kerja Perangkat Daerah Pemerintah Kabupaten Malang didesain untuk bisa dirubah atau diupdate secara

Lebih terperinci

MODUL I PENGENALAN HTML. a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2.

MODUL I PENGENALAN HTML. a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2. MODUL I PENGENALAN HTML A. MAKSUD DAN TUJUAN 1. Maksud a. Mengenalkan kepada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML b. Mengenalkan kode-kode HTML 2. Tujuan a. Mahasiswa dapat membuat

Lebih terperinci

Artikel HTML Dasar. World Wide Web ( WWW ) yang biasa disebut web merupakan suatu kumpulan

Artikel HTML Dasar. World Wide Web ( WWW ) yang biasa disebut web merupakan suatu kumpulan Universitas Muhammadiyah Sukabumi Artikel HTML Dasar Oleh : Baden Badru Jaman Artikel HTML Dasar Artikel HTML PENGERTIAN WEB & HTML World Wide Web ( WWW ) yang biasa disebut web merupakan suatu kumpulan

Lebih terperinci

KOMPUTER APLIKASI IT (Information Technology)

KOMPUTER APLIKASI IT (Information Technology) KOMPUTER APLIKASI IT (Information Technology) 2 SKS Semester 1 S1 Sistem Informasi Nizar Rabbi Radliya nizar.radliya@yahoo.com Pertemuan 5 Universitas Komputer Indonesia 2014 Tabel pada HTML Tabel pada

Lebih terperinci

Tutorial Penyusunan Skripsi

Tutorial Penyusunan Skripsi Tutorial Penyusunan Skripsi A. Bagian Awal Bagian awal mencakup halaman sampul depan, halaman judul, halaman pengesahan, prakata, daftar isi, daftar tabel, daftar gambar, daftar lampiran, arti lambang

Lebih terperinci

Nama : Dwi Untari. Nim : A TUGAS SEMESTERAN 1. HOME 2. MATERI

Nama : Dwi Untari. Nim : A TUGAS SEMESTERAN 1. HOME 2. MATERI Nama : Dwi Untari Nim : A410090202 TUGAS SEMESTERAN 1. HOME 2. MATERI 3. SILABUS DAN RPP 4. GALERY 5. LATIHAN SOAL 6. BERITA 7. LINK SKRIP 1. Membuat frame

Lebih terperinci

Microsoft Word Oleh : Drs. Jul Anhari

Microsoft Word Oleh : Drs. Jul Anhari Microsoft Word-2007 Oleh : Drs. Jul Anhari Madrasah Tsanawiyah Negeri Ngablak Kabupaten Magelang 2010 I. Mengenal Microsoft Word Microsoft Word merupakan program aplikasi pengolah kata (word processor)

Lebih terperinci

MODUL KKPI Microsoft Word 2007

MODUL KKPI Microsoft Word 2007 MODUL KKPI Microsoft Word 2007 Untuk Kelas : X Semester 1 Design by : ARIS BUDIANTO, SE SMK TAMTAMA 1 SIDAREJA I. Mengenal Microsoft Word Microsoft Word merupakan program aplikasi pengolah kata (word processor)

Lebih terperinci

MODUL PRAKTIKUM APLIKASI IT 1 MODUL V TABEL

MODUL PRAKTIKUM APLIKASI IT 1 MODUL V TABEL MODUL V TABEL 5.1 Tabel Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan data dalam bentuk table dalam HTML. Disamping itu tabel juga

Lebih terperinci

BAB I PERKENALAN HTML

BAB I PERKENALAN HTML BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan

Lebih terperinci

Cara Mengoperasikan Google Drive (Document)

Cara Mengoperasikan Google Drive (Document) Cara Mengoperasikan Google Drive (Document) Nah, kalian pernah dengar belum istilah dari Google drive? Pengertian dari Google Drive itu adalah layanan penyimpanan daring milik Google yang diluncurkan pada

Lebih terperinci