DnD2810: HTML
X

MENU



Quotation  pada web / blogspot
Quotation  pada web / blogspot
Dalam bahasa indonesia Quotation adalah kutipan.

Kutipan ini biasanya kita gunakan untuk menandakan bahwa kalimat atau kata-kata itu adalah hasil pemikiran sendiri atau dari sumber lain, yang biasanya berupa kata-kata motivasi atau hal-hal penting lainnya dan diapit tanda kutip (“....”). 

Dalam HTML sendiri untuk menggunakan quote ada beberapa tag untuk dipakai.

Quotation tag <q>
Tag <q> biasanya digunakan untuk membuat kutipan yang pendek dan
 biasanya disisipkan didalam tag lain

<html>
<body>

<p>Deddy Suranto mengatakan: <q>Tidak harus besar untuk memulai usaha,namun kita harus memulai sesuatu untuk menjadi besar</q></p>

</body>
</html>

Quotation tag <blockquote>
Tag <blockquote> ini biasanya digunakan untuk menandakan kuttipan tersebut dari sumber lain.
<html>
<head>
  <title>Test</title>
</head>
<body>   <p>Motivasi dari Toto Sukamto</p>   <blockquote cite="https://s2b-indonesia.blogspot.com/2018/06/toto-sukamto.html>  Tiada kesuksesan tanpa jerih payah, tetapi S2B sangat pantas dan layak membayar tetesan keringat kita, penolakan, ejekan, cemoohan bahkan makian kita dapatkan...   </blockquote> </body>
</html>
0
Pharagraf pada web / blogspot
Pharagraf pada web / blogspot
Pada blogspot atau web tidak mengenali apakah kalimat tertentu termasuk dalam paragraf atau tidak.

Browser akan menghapus spasi tambahan dan garis tambahan ketika halaman ditampilkan.

Untuk mengenali bahwa yang kita tulis merupakan paragraf baru browser sudah menyediakan kode berupa < p > dan penutup < /p > .

Kita harus memberi tahu browser web bahwa kedua kalimat itu harus terpisah.Dan bahwa masing-masing kalimat itu adalah sebuah paragraf .

<html>
<body>

<p>Ini adalah paragraf 1</p>
<p>Ini adalah paragraf 2</p>

</body>
</html>



Tag Break ( < br > )
Cara lain untuk membuat paragraf kedua dengan menggunakan tag <br> (br singkatan dari break ).
<html>
<body>

<p>Pharagraf 1<br/>pharagraf 2</p>

</body>
</html>
Jika kode HTML diatas dijalankan, maka hasilnya hampir sama dengan menggunakan tag <p>.
Namun pemisahan paragraf menggunakan tag <br> bukanlah untuk membuat paragraf. Tag <br> berfungsi untuk memisahkan sebuah bagian text dengan text lain. Jika yang kita butuhkan adalah struktur paragraf, maka gunakan tag <p>

Perhatikan pada penulisan tag <br>, tag break adalah salah satu dari beberapa tag yang tidak memiliki tag penutup, dan bisa ditulis sebagai<br > atau<br />.

Penulisan <br /> merupakan bawaan dari xHTML yang dianggap lebih rapi. Namun dalam standar HTML5, penulisan <br> maupun <br /> tetap dianggap valid.

Tag untuk penebalan dan garis miring ( <em> dan <strong>
Di dalam sebuah paragraf, kadang kita perlu untuk membuat penekanan pada kata-kata tertentu. 

Penekanan ini bisa dilakukan dengan menebalkan kata, atau dengan garis miring.

Tag emphasis (penekanan) terdiri dari 2 tag, <em> untuk emphasis, dan <strong> untuk strong emphasis.

Pada umumnya web browser akan menampilkan <em> sebagai garis miring, dan <strong> dengan penebalan huruf.

<html>
<head>
<title>Judul</title>
</head>

<body>

<p>ini adalah paragraf <em>pertama</em>, 

Ini adalah paragraf <strong>kedua</strong></p>

</body>

</html>


Kita juga akan menemukan bahwa HTML memiliki tag <i> (italic) untuk memiringkan huruf, dan <b> (bold) untuk menebalkan huruf. Pakar HTML yang mendukung pemisahan konten dengan tampilan tidak menyarankan menggunakan tag <i> dan <b>, karena kedua tag ini akan mempengaruhi tampilan dari HTML.

Tampilan halaman web seharusnya di tangani oleh CSS, bukan di dalam kode HTML. Pada xHTML, tag <i> dan <b> sudah dianggap usang dan tidak akan dipakai lagi, namun dalam spesifikasi HTML5, tag <i> dan <b> kembali dianggap relevan.
0
Heading pada blogspot
Heading pada blogspot
Banyak  yang belum paham apa itu heading di blogspot, apalagi cara membuatnya. Secara sederhana heading adalah "judul". Masalahnya adalah di dalam blog, judul itu mempunyai susunan bertingkat-tingkat
Sebagai contoh tingkatan judul atau heading sebagai berikut

  • Judul Halaman < h1 >
  • Judul Artikel < h2 >
  • Judul Poin Dalam Artikel < h2 >
  • Judul Sub poin dalam artikel < h3 >
  • Judul widget, dll < h4 >

Judul didefinisikan dengan tag <h1> hingga <h6>.
<h1> mendefinisikan tajuk yang paling penting hingga  <h6> mendefinisikan heading yang paling tidak penting.

Heading sangat penting 
Mesin pencari menggunakan judul untuk mengindeks struktur dan konten halaman blogspot atau web Anda.

Secara default template blogspot selalu membuat heading <h2> untuk judul widget. Anda perlu mengubah ini menjadi <h4>.


  • Buka menu Tata Letak
  • Lihat Nama dari widget yang akan diubah heading tagnya
  • Buka menu TEMPLATE lalu klik EDIT HTML
  • Pada tampilan HTML, klik kursor di antara kode HTML dan tekan CTRL+F sesudahnya. Ini akan membuka kotak pencarian kode
  • Masukkan nama widget tadi ke kotak pencarian dan tekan Enter
  • Sekarang anda sudah melihat nama widget tersebut, sekarang tinggal mengubah heading tagnya dari <h2> menjadi <h4>. Demikian juga penutupnya dari </h2> menjadi </h4>
  • Ubah semua heading tag dari nama widget yang anda inginkan, dan klik SIMPAN TEMPLATE
0
HTML
HTML
HTML adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML.

Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web.

HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium  (W3C).

HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

Contoh dokumen HTML sederhana
<!DOCTYPE html>

<html>
 <head> 
<title>Page Title</title>
</head>
 <body> 

<p>My first paragraph.</p>

<h1>My First Heading</h1>

 </body> 
</html>

Penjelasan:
  • Elemen <DOCTYPE html>  mendefinisikan dokumen ini menjadi HTML5
  • Elemen  <html> elemen elemen akar halaman 
  • Elemen  <head> berisi informasi meta tentang dokumen
  • Elemen <title> menentukan judul untuk dokumen
  • Elemen  <body>  berisi konten halaman yang terlihat
  • Elemen  <h1>  mendefinisikan judul besar
  • Elemen  <p>  mendefinisikan sebuah paragraf



0

KATEGORI

HTML

SEE ALL

CSS

JAVASCRIPT

BLOGING