Scribd
Unggah
17 tayangan6 halaman

Modul 4 CSS Lanjut - Ilham - Id

Diunggah oleh

uzahara
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
17 tayangan6 halaman

Modul 4 CSS Lanjut - Ilham - Id

Diunggah oleh

uzahara
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 6

ilham.

id
Blog Ilham vanny putra

HOMEPAGE / PEMROGRAMAN WEB / MODUL 4 CSS LANJUT

Modul 4 CSS Lanjut


By Mas Ilham Posted on May 8, 2017

HTML Block Elements

Block Elemen pada dasarnya sudah memiliki baris baru setelah dan sebelum elemennya.

Contoh Elemen: <h1>, <p>, <ul>, <table>

HTML Inline Elements

Inline Elemen ditampilkan tanpa baris baru pada halaman.

Contoh Elemen: <b>, <td>, <a>, <img> Mengubah Elemen Block/Inline

Sebuah elemen HTML, dapat kita ubah perilakunya dengan menggunakan properti css display.

Contoh:
p { display: inline; }
img { display: block; }

HTML <div> & <span>

HTML <div>

Tag <div> merupakan block elemen pada HTML yang biasa digunakan sebagai kontainer / wadah dari sekumpulan elemen-elemen HTML lain di
dalamnya.
Tag <div> jika digunakan hanya pada HTML, tidak akan memiliki fungsi apa-apa. Kecuali, hanya sebagai elemen block yang akan menambahkan baris
baru pada elemen di dalamnya
Jika digunakan bersamaan dengan CSS, Tag <div> dapat berfungsi untuk mengatur style pada sekumpulan elemen HTML yang berada di dalamnya.
Penggunaan lain untuk Tag <div> adalah sebagai cara untuk mengatur layout pada halaman.

HTML <span>

Tag <span> merupakan inline elemen pada HTML yang biasa digunakan sebagai kontainer/ wadah dari teks
Tag <span> tidak menciptakan baris baru pada elemen di dalamnya.

CSS Dimension

Berfungsi untuk mengatur ukuran (panjang & lebar) sebuah elemen.

Terdiri dari :

Width
Height

CSS Box Model

Sebuah elemen HTML dapat kita anggap sebagai sebuah box/ kotak.
Digunakan pada saat kita akan merancang tampilan sebuah website.
Pada dasarnya berfungsi sebagai tempat yang membungkus isi dari elemen-elemen HTML.
Tag yang biasanya digunakan untuk merancang tampilan adalah <div>, walaupun tag lain juga bisa menerapkan box model.
Terdiri atas 4 bagian: Margin, Border, Padding, Content.
CSS Margin

Area yang terletak di sekeliling border


Pelajari Property & Value pada CSS Margin disini.

Berikut ini adalah beberapa cara penulisan margin beserta keterangan-nya:

Contoh:
CSS Padding

CSS padding properties digunakan untuk menentukan spasi antara border elemen dengan isi element
Pelajari Property & Value pada CSS Padding disini.

Cara penulisan-nya hampir sama dengan penulisan Margin.

Perbedaannya adalah padding tidak bisa diisi nilai negatif.

Contoh:

CSS Border

Digunakan untuk memanipulasi border pada sebuah elemen HTML.


Pelajari Property & Value pada CSS Border disini.

Contoh:
MENU

hasilnya seperti ini

Share this:

Related posts:

Membuat aplikasi web dinamis sederhana Daftar Property dan Value dalam CSS (Margin, Daftar Property dan Value dalam CSS (Font, Text,
menggunakan PHP dan MySQL Padding, Border dan Positioning) Background, List dan Marker)

Posted in Pemrograman Web Tagged Modul 4 CSS Lanjut

Previous post Next post


Modul 5 CSS Float Modul 1 html dasar

Leave a Reply
Your email address will not be published. Required fields are marked *

Comment

Name*

Email*

Website

Post Comment
Search …

Recent Posts

pg_restore: [archiver] unsupported version (1.14) in file header

Musuh terbesar bagi kesuksesan adalah tapi dan nanti

Filter data by – or _

Multy domain in docker

Install postgres di Docker

Categories

Android

Android Studio

Bank

C#

Contoh

Design

Dialog

Digital Ocean

DNS

Docker

Ebook

Example

git

ISO

json

Kampus

laporan

Linux

Makalah

motivasi

Musik

Office

Optimasi

Payoneer

Pemrograman Web

php

PKN

Polinela

Projek

PTI

Server

Server VPS

Sistem Operasi

sql

SQL SERVER

Tips
Tips

Tutorial

Uncategorized

Visual Studio

VPS

Wordpress

ilham.id © 2019

Anda mungkin juga menyukai