Membuat paragraf pada dokumen HTML

   Sebelum kalian membuat paragraf pada dokumen HTML, kalian harus mempelajarinya terlebih dahulu.
Paragraf dalam dokumen HTML dibuat menggunakan pasangan Tag <p> dan </p>. Dalam dokumen HTML, sebuah paragraf di tandai dengan baris baru dengan jarak satu spasi. Tag HTML ini disebut dengan teg format.
Berikut tabel tag HTML pemformatan teks.

Tag	Deskripsi
<b>	Mendefinisikan text tebal
<em>	Mendefinisikan text menekankan
<i>	Mendefinisikan text miring
<small>	Mendefinisikan text kecil
<strong>	Mendefinisikan text penting

   Setelah kalian mempelajarinya, marilah kita membuat teks paragraf pada dokumen HTML. Coba kalian perhatikan contoh kode HTML  di bawah ini :

1. Bukalah text Editor kalian (Notepad, Notepad ++ atau lainnya)
2. Disini saya menggunakan Notepad
3. Ketikkan atau salinlah kode di bawah ini 

         4. Jika kode HTML diatas telah dijalankan pada web browser kalian, maka hasilnya 
        akan seperti berikut. 

   Sekian  hasil latihan dari penerapan membuat teks paragraf pada HTML yang bisa saya bagikan, semoga bisa bermanfaat.   Terima kasih

CARA MEMBUAT HEADING

 MARI BELAJAR HTML...

pengertian.

     Heading atau lebih tepatnya TAG Heading merupakan TAG khusus yang disediakan oleh HTML untuk membuat sebuah judul pada teks dalam sebuah halaman web. TAG Heading secara default ditampilkan oleh browser dengan ukuran lebih besar dan lebih tebal (bold) dari teks biasa. Tidak hanya sekedar untuk memberikan penampilan yang lebih tegas dan penekanan, TAG Heading juga sangat penting dalam kaitannya dengan teknik Search Engine Optimization (SEO).
    Berikut adalah contoh membuat heading dalam kode HTML.

     Jika dari kode-kode diatas telah anda tulis, maka akan tampil di web browser seperti yang ada di bawah ini.

     
      TAG Heading dalam HTML terdiri dari 6 tingkatan berdasarkan tingkat penting dan ukurannya. TAG Heading tersebut adalah <h1>, <h2>, <h3>, <h4>, <h5> dan <h6>. TAG H1 memiliki ukuran paling besar, sedangkan TAG h6 memiliki ukuran paling kecil.
Perlu diperhatikan bahwa walaupun TAG Heading ini memiliki ukuran yang bervariasi dan lebih tebal serta besar dari tag biasa, namun jangan gunakan TAG Heading ini hanya untuk membuat tulisan yang lebih besar. Gunakanlah TAG Heading hanya untuk membuat judul dan subjudul, bukan untuk membuat tulisan berukuran besar. Karena pada dasarnya untuk membuat tulisan besar kita bisa menggunakan CSS. Biasanya H1 hanya digunakan satu kali dalam sebuah halaman web, yaitu sebagai judul utama (judul besar). H2, H3 dan seterusnya bisa kita gunakan beberapa kali sebagai sub judul. Berikut keterangan mengenai heading dalam bentuk tabel.
     

Tabel Elemen Heading Di HTML

Elemen	Keterangan
h1	Membuat heading level 1 dengan konten tebal (bold) dan ukuran font 200% dari ukuran font dasar.
h2	Membuat heading level 2 dengan konten tebal (bold) dan ukuran font 150% dari ukuran font dasar.
h3	Membuat heading level 3 dengan konten tebal (bold) dan ukuran font 117% dari ukuran font dasar.
h4	Membuat heading level 4 dengan konten tebal (bold) dan ukuran font 100% dari ukuran font dasar.
h5	Membuat heading level 5 dengan konten tebal (bold) dan ukuran font 83% dari ukuran font dasar.
h6	Membuat heading level 6 dengan konten tebal (bold) dan ukuran font 67% dari ukuran font dasar.

Memasukkan gambar, audio, dan video di dalam aplikasi web

1. Memasukkan gambar ke dalam aplikasi web
            Dalam memasukkan gambar ke dalam halaman web, kita perlu masukkan 
     kode-kode  yang telah ditentukan.
     Berikut ini contoh listing program memasukkan gambar ke dalam aplikasi web.

    Setelah kode-kode di atas dijalankan di Internet Explorer, maka akan muncul tampilan berikut.

2. Memasukkan audio ke dalam aplikasi web
         Dalam memasukkan audio ke dalam halaman web, kita perlu masukkan 
      kode-kode  yang telah ditentukan.
      Berikut ini contoh listing program memasukkan audio ke dalam aplikasi web.

Setelah kode-kode di atas dijalankan di Mozilla Firefox, maka akan muncul tampilan berikut.

 
 3. Memasukkan video ke dalam aplikasi web

          Dalam memasukkan video ke dalam halaman web, kita perlu masukkan 
       kode-kode  yang telah ditentukan.
       Berikut ini contoh listing program memasukkan video ke dalam aplikasi web.

    Setelah kode-kode di atas dijalankan di Avast SafeZone, maka akan muncul tampilan berikut.

website terbaik

Beberapa website terbaik ini, bisa menjadi inpirasimu dalam membuat website terbaik yang kamu inginkan loh..

Berikut ini adalah beberapa contoh website terbaik.








 
Contoh yang pertama, desain website Dropbox inspiratif karena:
– Halaman utamanya minimalis. Mereka membatasi penggunaan kata-kata, gambar dan menonjolkan warna putih.
– Gambar ilustrasi di halaman depan Dropbox sangat menyenangkan dan menggemaskan karena merek dapat bergerak seperti cinemagraph.

Contoh yang kedua, desain website Sribu di atas cukup baik karena:

– CTA-nya jelas dan mudah terlihat; “Order Desain”
– Jenis layanan dan value proposition-nya sangat lengkap tersaji.


 

Contoh yang ketiga, FreshBooks memiliki desain website yang baik karena:

– Menginformasikan secara jelas kepada target konsumennya dengan heading Accounting Made for You, the Non-Accountant.
– Pemilihan warna yang kontras dan menarik dalam menyajikan CTA Try It Free for 30 Days.

Contoh yang keempat, Airbnb memiliki desain website yang baik karena:

– Latar belakang video di halaman depan website sangat menarik aspek emosi dalam bercerita mengenai gambaran bisnis Airbnb.
– CTA (Search) yang disajikan sangat kontras terlihat dan memudahkan.

Contoh yang kelima, Mint memiliki desain website yang brilian karena:

– Tidak bertele-tele, sederhana dan tidak menggunakan kata-kata yang rumit; All-in-one? Done.
– Desain CTA milik Mint juga menarik karena meskipun itu berbunyi Sign Up Free, mereka menempatkan ikon gembok sebagai penanda aman walaupun daftar gratis.