Langsung ke konten utama

Belajar HTML chapter 3 (Gambar, Tabel, Pengenalan CSS)

masih melanjutkan pada postingan sebelumnya, pada kesempatan kali ini saya akan memperkenalkan tag-tag html untuk gambar, tabel dan sedikit perkenalan tentang css. Daripada banyak basa basi kita langsung saja.
HTML style- CSS
CSS atau cascading style sheet digunakan untuk memperindah web dan digunakan untuk HTML style.
contoh :
maka hasilnya :
CSS dapat ditambahkan pada HTML dengan cara :
  • Inline : menggunakan atribut style pada html
  • Internal : menggunakan elemen <style> pada bagian <head>
  • eksternal : dengan membuat file css terpisah dari file html
Penggunaan css dengan cara inline  :
untuk mengunakan cara ini tinggal menyisipkan kode css di bagian atribut,misal :
<p style=”color:blue;margin-left:20px;”>Ini adalah paragraf</p>
contoh :
hasilnya :
Penggunaan  css dengan cara internal  :
cara ini menyisipkan css di bagian head,misal :
<head>
<style type=”text/css”>
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
Penggunaan css dengan cara  eksternal :
cara ini harus menggunakan atribut <link> yang berada di bagian <head> untuk memanggil file css yang telah dibuat, misal :
<head>
<link rel=”stylesheet” type=”text/css” href=”mystyle.css”>
</head>

Tag HTML Style

TagDeskripsi
<style>mendeskripsikan informasi style dari dokumen
<link>Mendeskripsikan hubungan antara dokumen dengan file eksternal
HTML GAMBAR
Tag HTML Gambar
TagDeskripsi
<img>Mendeskripsikan gambar
<map>Mndeskripsikan gambar berupa peta
<area>Mendeskripsikan daerah yang dapat di klik pada peta
Penggunaan atribut pada HTML gambar :
scr : berfungsi untuk memanggil gambar yang ingin ditampilkan
<img scr=”sopyan.blog.upi.edu”> atau
<img scr=”sopyan.jpg”>
alt : Untuk memberi nama pada gambar yang apabila gambar tidak muncul
maka nama yang akan muncul
<img src=”sopyan.gif” alt=”sopyan”>
widht dan height : untuk merubah ukuran gambar.
<img src=”pulpit.jpg” alt=”Pulpit rock” width=”304″ height=”228″>
HTML TABEL
Tag HTML Tabel :
TagDescription
<table>Mendeskripsikan sebuah tabel
<th>Mendeskripsikan header tabel
<tr>mendeskripsikan baris sebuah tabel
<td>mendeskripsikan kolom pada tabel
<caption>mendeskripsikan judul tabel
<colgroup>Mendefinisikan sekelompok kolom dalam sebuah tabel, untuk memformat
<col>Tentukan nilai atribut untuk satu atau lebih kolom dalam sebuah tabel
<thead>Grup isi header dalam sebuah tabel
<tbody>Grup isi tubuh dalam tabel
<tfoot>Grup isi footer dalam sebuah tabel
contoh tabel :
hasilnya :
sekian dulu untuk postingan kali ini. wasalamualaikum wr wb.
Sumber :http://w3schools.com

Komentar

Postingan populer dari blog ini

Soal Pilihan Ganda Variabel, Konstanta, Operator dan Ekspresi Pemrograman C++

1.double angka; . kode program disamping merupakan tipe data… [C3] a.Bilangan bulat b.Bilangan riil c.Logika d.Karakter e.Struktur      2.Dibawah merupakan tipe data bilangan bulat adalah… [C1] a.char b.double c.float d.int e.boolean      3.Tipe data bahasa C++ untuk true false adalah… [C1] a.String b.Char c.Boolean d.Byte

Penilaian (Definisi, Prinsip dan Tujuan)

Definisi Penilaian Penilaian adalah proses pengumpulan dan pengolahan informasi untuk menentukan pencapaian hasil belajar peserta didik (Saputra, Salikun, & Nugroho, 2014, hlm.31).
Penilaian adalah proses pengumpulan berbagai informasi tentang siswa dan ruang kelas untuk tujuan membuat keputusan instruksional (Sapa’at, 2012. hlm.221).
Dengan dilakukannya penilaian di dalam kelas dapat menjawab pertanyaan tentang sebaik apa hasil atau prestasi belajar peserta didik. Hasil penilaian dapat berupa nilai kualitatif (berupa kata-kata) dan nilai kuantitatif (berupa angka).
Proses pengumpulan dan pengolahan informasi tersebut dilakukan untuk mengukur pencapaian hasil belajar peserta didik. Proses penilaian tersebut mencakup: penilaian otentik, penilaian diri, penilaian berbasis portofolio, ulangan, ulangan harian, ulangan tengah semester, ulangan akhir semester, ujian tingkat kompetensi, ujian mutu tingkat kompetensi, ujian nasional, dan ujian sekolah/ madrasah. (Permendikbud No.66 Tahun …

Bagaimana Cara Kerja Kapasitor

Sebuah kapasitor bentuknya kecil seperti sebuah baterai. Walaupun kapasitor bekerja dengan cara yang sangat berbeda, kapasitor dan baterai keduanya menyimpan energi listrik. Jika kamu pernah membaca bagaimana cara kerja baterai, maka kamu tahu bahwa sebuah baterai memiliki dua buah terminal. Di dalam sebuah baterai, reaksi kimia menghasilkan elektron-elektron pada ujung satu terminal and menyerap elektron-elektron pada terminal lainnya. Sebuah kapasitor jauh lebih sederhana di bandingkan sebuah baterai, kapasitor tidak dapat menghasilkan elektron-elektron baru -- kapasitor hanya menyimpan elektron-elektron.

Di dalam kapasitor, terminal-terminalnya tersambung ke dua plat logam yang dipisahkan oleh sebuah bahan bukan penghantar listrik, atau dielektrik. Kamu dapat dengan mudah membuat sebuah kapasitor dari dua buah aluminum foil dan satu buah kertas. Itu tidak akan menjadi sebuah kapasitor pada umumnya dalam hal kapasitas penyimpanan, tapi itu akan bekerja.

Secara teori, dielektrik ada…