Langsung ke konten utama

HTML part 3 (Heading, Paragraf, Formatting)

Assalamualaikum wr wb

HTML Heading

Tag
Deskripsi
<html>
Mendefinisikan sebuah dokumen HTML
<body>
Mendefinisikan tubuh dokumen
<h1> sampai <h6>
Mendefinisikan HTML heading
<hr/>
Mendefinisikan garis horizontal
<!-- -->
Mendefinisikan sebuah komentar

  • tag <h1> sampai <h6> digunakan untuk membuat heading, tag tersebut akan digunakan search engine (seperti : google) untuk mengindex struktur dan isi dari halaman web. Cara penggunaannya secara berurutan yaitu h1 sebagai heading utama, h2 sebagai heading kedua dan seterusnya sampai h6. Jangan gunakan tag heading ini untuk membuat teks menjadi besar atau tebal, karena tag ini sangat penting untuk search engine.
  • tag <!-- --> ini digunakan untuk memberikan komentar pada kode HTML agar dapat mudah diingat dan dimengerti walaupun bukan oleh si pembuat kode HTMLnya sendiri, tag ini hanya berfungsi sebagai komentar dan tidak akan ditampilkan pada browser.
Contoh :


Maka Hasilnya :


HTML Paragraf


Tag
Deskripsi
<p>
Mendefinisikan sebuah paragraph
<br/>
Memasukkan sebuah baris baru
 

  • Pada tag <p> jangan lupakan end tagnya karena tag ini berpasangan, tapi walaupun kita lupa memasukkan ent tagnya </p>, browser akan tetap menampilkannya secara normal. Tetapi sebaiknya jangan bergantung pada hal ini karena keluaran yang akan dihasilkan mungkin akan menjadi tidak dapat diprediksi atau error. Dan dimasa yang akan datang HTML akan melarang penggunaan tag yang berpasangan tidak ditulis dengan pasangannya.
Contoh :


Hasilnya adalah :


Tag Formatting



Tag
Deskripsi
<b>
Mendefiniskan teks bold
<em>
Mendefinisikan teks emphasized
<i>
Mendefinisikan teks italic
<small>
Mendefinisikan teks kecil
<strong>
Mendefinisikan teks yang penting
<sub>
Mendefinisikan teks subscript
<sup>
Mendefinisikan teks superscript
<ins>
Menggaris bawahi teks
<del>
Mencoret teks
<mark>
Menandai / menyoroti teks


Tag Computer output



Tag
Deskripsi
<code>
Mendefinisikan Jenis teks computer code
<kbd>
Mendefinisikan jenis teks keyboard
<samp>
Mendefinisikan jenis teks sample computer code
<var>
Mendefinisikan sebuah variable
<pre>
Mendefinisikan teks yang diformat

Tag kutipan dan definisi


Tag
Deskripsi
<abbr>
Untuk sebuah singkatan atau akronim
<address>
Informasi kontak untuk penulis atau pemilik dokumen
<bdo>
Mendefinisikan arah teks
<blockquote>
Sebuah bagian yang dikutip dari sumber lain
<q>
Sebuah inline kutipan pendek
<cite>
Sebuah judul dari sebuah pekerjaan
<dfn>
Menunjukan sebuah definisi



  •  Seringkali <strong> dilukiskan sebagai <b>, dan <em> dilukiskan sebagai <i>. Namun, ada perbedaan dalam arti tag ini: <b> atau <i> mendefinisikan teks tebal atau miring saja. <strong> atau <em> berarti bahwa kamu ingin teks yang akan diberikan dengan cara ini sebagai hal yang "penting".
 Contoh :



Hasilnya :



Sekian postingan kali ini. Wassalamualaikum wr wb.

Sumber : http://w3schools.com

Komentar

Posting 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…