HTML
Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts
HTML Format

HTML Format

9:00:00 PM Add Comment
HTML Format merupakan tag untuk mengubah/memberi gaya suatu tulisan, misalnya

Tulisan dengan format BOLD
Tulisan dengan format Italic
Tulisan Dengan Format Strong
Tulisan dengan Format Strike
Tulisan dengan Format Code
Tulisan dengan format emphasized
Tulisan dengan format Subscript dan superscript

Untuk kode penulisan diatas bisa anda coba dengan kode dibawah ini


<p><b> Tulisan dengan format BOLD </b></p>

<p><i> Tulisan dengan format Italic </i></p>

<p><strong> Tulisan Dengan Format Strong </strong></p>

<p><strike> Tulisan dengan Format Strike </strike></p>

<p><code> Tulisan dengan fotmat code </code></p>

<p><em> Tulisan dengan format Emphasized </em></p>

<p> Tulisan dengan format <sub> Subscript </sub> dan <sup> Superscript</sup> </p>


HTML Paragraf

7:01:00 PM Add Comment


HTML Paragraf merupakan tag html yang berfungsi untuk membuat paragraf untuk ditampilkan pada browser nantinya. dengan tag ini secara otomatis akan memberikan space kosong pada setiap paragrafnya

Tag paragraf menggunakan tag <p>

Untuk menggunakan Tag Paragraf bisa lihat dicontoh


<p> Paragraf 1 </p>

<p> Paragraf 2 </p>

<p> Paragraf 3 </p>

<p> Paragraf 4 </p>

atau
  

<p> Paragraf 1 

<p> Paragraf 2 

<p> Paragraf 3 

<p> Paragraf 4


Untuk Tag Paragraf tidak wajib menggunakan Tag penutup, jadi istilahnya tag penutup bisa dibilang Sunnah, knapa Sunnag? karena menggunakan tag penutup lebih bagus, agar mendapatkan hasil yang rapi

 BREAK LINE

Break Line berguna untuk memulai menulis pada new line (enter) dengan menggunakan tag <br> atau <br/>

Contoh :


Baris Satu <br/>

Baris Dua <br/>

Baris tiga <br/>

mengapa menggunakan tag <br/> ? sebenarnya menggunakan tag <br> pun cukup, tapi disini saya menggunakan tag <br/> karena agar bisa bekerja dengan baik pada format xhtml

HTML Komentar

6:48:00 PM 15 Comments
Bismillah, In the name of Allah


Komentar merupakan bagian dari kode HTML yang berguna untuk menjelaskan bagian pada kode yang anda tulis, agar jika kode tersebut dibaca oleh orang lain, orang tersebut dapat mengerti bagian dari manakah kode tersebut, Komentar ini bersifat opsional, bisa anda pakai namun tidak masalah kalaupun anda tidak memakainya.

dan jika anda menuliskan komentar pada suatu bagian dari kode HTML komentar tersebut tidak akan dapat terbaca atau terlihat pada browser ketika dibuka, jadi tidak perlu khawatir Komentar yang anda berikan pada kode akan mengacaukan kode saat ditampilkan pada Browser

Cara menggunakan HTML Komentar
untuk menggunakan HTML komentar selalu menggunakan


<!-- -->

selalu diawali dengan <!-- dan di akhiri dengan -->

contoh lengkap


<body>

<!-- kode dibawah untuk menampilkan list/daftar -->

<ul>

<li>makan</li>

<li>mandi</li>

<li>belajar Coding</li>

</ul>

</body>

saat kode tersebut ditampilkan di browser, kalimat diantara <!-- dan --> tidak akan muncul di browser anda

Sekian, Terimakasih



HTML Headings

4:18:00 PM Add Comment


Pengertian HTML Heading

HTML Heading adalah sebuah tag HTML yang fungsinya adalah memperbesar sebuah tulisan, yang biasanya digunakan untuk menulis Judul Artikel atau Dokumen. HTML Heading juga berguna untuk -mengoptimalkan SEO Onepage-

HTML Heading memiliki 6 tingkatan berdasarkan perbesaran tulisan yang akan muncul dari mulai h1, h2, h3, h4, h5, h6. huruf "h" disini merupakan singkatan dari heading. Semakin besar angka di belakang huruf "h" maka semakin kecil ukuran tulisan yang akan muncul

Contoh Penggunaan HTML Heading


<!DOCTYPE html>

<html>

<head>

          <title>Belajar HTML Heading</title>

</head>



<body>

          <h1> Heading 1 </h1>

          <h2> Heading 2 </h2>

          <h3> Heading 3 </h3>

          <h4> Heading 4 </h4>

          <h5> Heading 5 </h5>

          <h6> Heading 6 </h6>

</html>

silahkan anda coba kode tersebut dengan menuliskannya di teks editor masing masing, anda dapat mengeditnya sesuai dengan selera anda

Pengertian Lengkap HTML Element dan Contoh HTML Element

7:36:00 PM 2 Comments

Elemen HTML
Apakah itu HTML Elemen? Anda pasti pernah membuka suatu halaman web/blog, termasuk saat ini anda juga sedang membuka suatu page blog. Dan saat membuka Page pada Web/blog tersebut anda dapat melihat isi dari Page tersebut, mulai dari Judul Page, Paragraf, Gambar, Link Navigasi, Banner, dll. nah itulah yang disebut Elemen

Isi penting/ kerangka dari elemen adalah terdiri dari tiga kerangka penting yaitu
  • Tag Pembuka;
  • Isi;
  • dan Tag Penutup.
sebagai contoh:

dibawah ini merupakan elemen paragraf HTML yang lengkap

<p> Isi dari elemen paragraf </p>


 sedangkan pada satu page website/blog bisa terdiri dari ratusan bahkan ribuan elemen didalamnya, sebagai contoh lain:

<html></html>


<body></body>


<h1></h1>


<h2></h2>


<ul></ul>


Nested HTML

Apa itu Nested HTML? Nested HTML adalah elemen html yang berada dalam suatu elemen lain, contoh Nested HTML:

<body>
<h1> HAI HTML </h1>

</body>


Dokumen HTML

Dokumen HTML adalah struktur gabungan gabungan dari banyak elemen yang akan digunakan, contoh Dokumen HTML:

<!DOCTYPE html>

<html>

<head>

 <title> Judul </title>

</head>

<body>

 <p> Isi Paragraf </p>

</body>

</html>


penjelasan fungsi dari elemen yang terdapat pada Dokumen HTML tersebut adalah:

Elemen <HTML>
  • Merupakan bagian yang mendefinisikan seluruh bagian pada Dokumen HTML
  • Elemen ini akan mendapat banyak elemen Nested HTML lainnya sesuai yang dibutuhkan
  • Dibuka dengan <HTML> dan juga ditutup dengan </HTML>
Elemen <head>
  • elemen Head adalah elemen yang merupakan header, bisa terdapat title yang akan tampil pada menu bar
  • Elemen dibuka dengan <head> dan ditutup dengan </head>
Elemen <Body>
  • Elemen Body adalah elemen yang akan menampilkan Isi dari dokumen pada browser
  • Elemen body bisa mendapatkan banyak Nested HTML
  • elemen ini dibuka dengan <body> dan ditutup dengan </body>
HTML tag bukanlah case sensitive, jadi tidak masalah anda ingin menulis dengan huruf besar maupun huruf kecil, misalnya <html> bisa juga anda tulis dengan huruf besar yaitu <HTML> tidak akan terjadi masalah karena tag HTML bukan merupakan case sensitive. Namun, harus selalu diingat untuk tetap memberi penutupnya agar tidak terjadi error

Mengenal Tentang HTML

4:30:00 PM Add Comment
hai guys udah lama gk nulis di blog, sekarang ana Akang Stress akang menulis tentang HTML, bagi yang ingin belajar HTML maka kita harus berkenalan dengan HTML terlebih dahulu, karena, tak kenal maka tak sayang


Subscribe to: Posts (Atom)