28 Perintah Dasar HTML Paling Lengkap

HTML (HyperText Mark-up Language) merupakan bahasa asing mark-up yang di menggunakan untuk membuat bangunan dan konstruksi suatu net (situs internet net atau bahkan fungsi berbasis net), HTML di pertimbangkan sebagai gantinya sebagai suatu bahasa asing menunjukkan karena strukturnya yang masuk akal, akibatnya situs internet net atau bahkan fungsi berbasis net kuat tak terduga di menghasilkan seluruhnya menggunakan HTML saja, misalnya di kombinasikan bersama PHP yang merupakan tidak pantas satu bahasa asing menunjukkan net sebagian besar dari menonjol menit ini.

1. Tag <!DOCTYPE html>

Tag <! DOCTYPE html> adalah permintaan cara HTML yang di menggunakan untuk mendidik net browser bahwa kertas yang di menyediakan adalah kertas HTML, bersama begitu net browser dapat mengetahui persis bagaimana kertas perlu di interpretasikan, bersama menunjukkan versi atau bahkan persyaratan HTML (atau bahkan bahasa asing markup berbagai lainnya) yang di menggunakan. Meskipun benar-benar tag <! DOCTYPE html> sebagai gantinya komponen HTML miliknya sendiri dengan dirinya sendiri, tag <! DOCTYPE html> perlu di sertakan pada setiap kertas HTML agar cocok bersama persyaratan HTML.

2. Tag <html> … </html>

Tag <html> adalah permintaan cara HTML yang di menggunakan sebagai kompartemen untuk semua komponen berasal dari secara keseluruhan kertas HTML, semua komponen HTML perlu ada sangat tag <html> … </html> (selain DOCTYPE, itulah yang dimaksud bersama ‘tag DOCTYPE sebagai gantinya komponen HTML’). Hal tersebut merupakan peraturan sangat dasar-dasar HTML (ISO/IEC 15445 adalah persyaratan yang di melimpahkan untuk HTML).

3. Tag <head> … </head>

Tag <head> adalah permintaan cara HTML yang berisi info mengkhawatirkan kertas HTML yang digunakan melalui net browser dan juga net crawlers bagaimanapun sampai batas tertentu raksasa tidak ditampilkan langsung ke pengunjung situs internet net. Tujuan berasal dari penggunaan tag <head> adalah memberikan info mengkhawatirkan kertas miliknya sendiri dengan dirinya sendiri. Seperti favicon, mengizinkan halaman rumput (tag ‘title’), meta tags, type (CSS), dan juga javascript.

4. Tag <title> … </title>

Tag <title> adalah permintaan cara HTML yang di butuhkan untuk menetapkan mengizinkan kertas HTML. Judul halaman rumput tidak di tampilkan di halaman rumput net, bagaimanapun di menggunakan sebagai Akun halaman rumput melalui search engine dan juga di tampilkan pada tab net browser selanjutnya di menggunakan sebagai Akun halaman rumput berasal dari halaman rumput net yang di bookmark.

5. Tag <physique> … </physique>

Tag <physique> adalah permintaan cara HTML yang berisi secara keseluruhan pengisi halaman rumput net. Ini perlu jadilah komponen ke-2 di sangat komponen induk <html>, seluruhnya sesuai dengan komponen <head>. Tag <physique> merupakan komponen HTML yang sebagian besar dari signifikan. Isi komponen <physique> adalah apa yang di tampilkan kepada pelanggan yang mengunjungi halaman rumput net mengakui kertas net.

6. Tag <p> … </p>

Tag <p> adalah permintaan cara HTML yang di menggunakan untuk tentukan blok pesan teks. Tag <p> mendefinisikan sebuah paragraf pesan teks (belupa blok). Akhir paragraf di noda bersama tag </p>. Secara khusus tag </p> bersifat opsional, bagaimanapun ada baiknya menyertakan tag penutup untuk jaminan kertas HTML tersebut legitimate. Secara default, sampai batas tertentu raksasa browser paling efektif menit ini menempatkan jangkauan dan juga garis tidak terisi satu dari paragraf.

Mari kita satukan ke-enam kecenderungan tag di terkemuka jadilah satu keseragaman make up membangun cara halaman rumput HTML

<!DOCTYPE html>
<html>
  <head>
    <title>DosenIT.com</title>
  </head>
  <physique>
    <p>Ilmu pc & teknologi modern berasal dari Dosen IT</p>
  </physique>
</html>

7. Tag <b> … </b> dan juga tag <sturdy> … </sturdy>

Lihat lebih banyak:  Inilah 9 Fungsi SDRAM pada PC yang Jarang diketahui

Tag <b> adalah permintaan cara HTML yang di menggunakan untuk mengesankan khawatir pada pesan teks bersama menampilkan huruf berani secara semantik (segmen membangun bahasa asing yang rekan bersama makna ungkapan), pada HTML5 ada tag satu lagi yang serupa bersama tag <b> (untuk menampilkan pesan teks berani) adalah tag <sturdy>, tag <sturdy> di menggunakan untuk tentukan pesan teks yang lebih signifikan berasal dari pada pesan teks di sekitarnya. Secara default, semua net browser menampilkan <sturdy> pesan teks sangat huruf berani.

8. Tag <i> … </i> dan juga <em> … </em>

Tag <i> adalah permintaan cara HTML yang di menggunakan untuk memisahkan frase berasal dari pesan teks sekitarnya bersama menata pesan teks yang di noda bersama huruf miring tanpa menandakan fokus peningkatan pada kata-kata yang dicetak miring, artinya pesan teks di pencetakan miring semata-mata seluruhnya komplikasi type saja, untuk pesan teks bersama makna yang tersirat secara tekstual HTML5 pasokan tag <em> untuk persyaratan tersebut.

9. Tag <u> … </u>

Tag <u> adalah permintaan cara HTML yang di menggunakan untuk tentukan pesan teks yang perlu di garisbawahi, bagaimanapun pesan teks tersebut tidak berartikulasi walaupun jadilah dengan cara yang berbeda berasal dari pesan teks di sekitarnya. Teks hyperlink bersama tag <a> selanjutnya secara default {memiliki} type garisbawah, bagaimanapun pesan teks hyperlink bersama tag <a> berartikulasi karena {memiliki} makna dan juga dengan cara yang berbeda bersama pesan teks satu lagi di sekitarnya.

10. Tag <a> … </a>

Tag <a>, atau bahkan tag anchor, adalah permintaan cara HTML yang di menggunakan untuk membuat hyperlink langsung ke halaman rumput net satu lagi atau bahkan daerah satu lagi sangat halaman rumput net yang sama seperti. Hyperlink yang di menghasilkan melalui komponen anchor dapat di gunakan pada pesan teks, grafis, atau bahkan bahan HTML berbagai lainnya yang berada satu dari tag <a> dan juga </a>.

Mari kita satukan tag di terkemuka jadilah satu keseragaman make up halaman rumput net bersama bervariasi gaya pesan teks.

<!DOCTYPE html>
<html>
  <head>
    <title>DosenIT.com</title>
  </head>
  <physique>
    <p>Ilmu pc & teknologi modern berasal dari Dosen IT</p>
    <b>Teks berani bersama tag BOLD</b>
    <sturdy>Teks berani bersama tag STRONG</sturdy>
    <i>Teks miring bersama tag ITALIC</i>
    <em>Teks miring bersama tag EMPASIZE</em>
    <u>Teks bergarisbawah bersama tag UNDERLINE</u>
    <a href="http://dosenit.com">Teks hyperlink bersama tag ANCHOR</a>
  </physique>
</html>

11. Tag <ul> … </ul>

Tag <ul> adalah permintaan cara HTML yang di menggunakan untuk mendefinisikan record merchandise yang tidak berurutan (unordered record, ul). Tag <ul> menyajikan record merchandise di dalamnya tanpa pola numerik.

12. Tag <ol> … </ol>

Tag <ol> adalah permintaan cara HTML yang di menggunakan untuk mendefinisikan record merchandise yang berurutan (ordered record, ul). Tag <ol> menyajikan record merchandise di dalamnya bersama pola numerik (1, I, i) atau bahkan alfabet (A, a).

13. Tag <li> … </li>

Tag <li> adalah permintaan cara HTML yang di menggunakan untuk mendefinisikan record merchandise yang merupakan segmen berasal dari tag <ul> atau bahkan tag <ol>. Tampilan record merchandise mengandalkan pada jenis record yang di menggunakan, misalnya Anda menggunakan tag <ol>, akibatnya record merchandise pasti akan menampilkan ikut terurut bersama merchandise angka.

Copy kode dibawah ini kemudian paste diantara tag <physique> dan juga </physique> untuk mengakui perbedaanya.

Lihat lebih banyak:  Cara Mengatasi Startup Repair Gagal pada Windows Paling Mudah

Unordered List

<ul>
  <li>Software</li>
  <li>Hardware</li>
  <li>Brainware</li>
</ul>
<ul kind="circle">
  <li>Software</li>
  <li>Hardware</li>
  <li>Brainware</li>
</ul>
<ul kind="disc">
  <li>Software</li>
  <li>Hardware</li>
  <li>Brainware</li>
</ul>

Ordered List

<ol>
  <li>Software</li>
  <li>Hardware</li>
  <li>Brainware</li>
</ol>
<ol kind="A">
  <li>Software</li>
  <li>Hardware</li>
  <li>Brainware</li>
</ol>
<ol kind="a">
  <li>Software</li>
  <li>Hardware</li>
  <li>Brainware</li>
</ol>
<ol kind="I">
  <li>Software</li>
  <li>Hardware</li>
  <li>Brainware</li>
</ol>
<ol kind="i">
  <li>Software</li>
  <li>Hardware</li>
  <li>Brainware</li>
</ol>

14. Tag <desk> … </desk>

Seperti namanya, tag <desk> adalah permintaan cara HTML yang di menggunakan untuk mendefinisikan tabel, sebuah tabel setidaknya berbaikan berasal dari satu pilar dan juga satu garis, sangat HTML sebuah garis di definisikan bersama tag <tr> (pasti akan kita bahas kemudian) sedangkan pilar di definisikan bersama tag <td> atau bahkan <th> (selanjutnya pasti akan kita bahas kemudian).

15. Tag <tr> … </tr>

Tag <tr> adalah permintaan cara HTML yang di menggunakan untuk mendefinisikan garis pada tabel (desk row), tag <tr> perlu di pertahankan efektif di sangat tag <desk>, sangat satu garis (satu kecenderungan tag <tr>) bisa dengan mudah terdapat satu atau bahkan lebih tag <td> atau bahkan tag <th>.

16. Tag <th> … </th>

Tag <th> adalah permintaan cara HTML yang di menggunakan untuk mendefinisikan heading pada tabel (desk heading), tag <th> perlu di pertahankan efektif di sangat tag <tr>, tag <th> benar-benar lebih sesuai di analogikan sebagai cell memulai dengan pada microsoft workplace excel. Cell memulai dengan sering di definisikan sebagai heading atau bahkan mengizinkan pilar.

17. Tag <td> … </td>

Tag <td> adalah permintaan cara HTML yang di menggunakan untuk mendefinisikan tabel informasi, tag <td> perlu di pertahankan efektif di sangat tag <tr>, tag <td> lebih identik bersama cell pada Microsoft Office Excel, kumpulan cell yang linier (horizontal) make up suatu pilar.

Copy kode dibawah ini kemudian paste diantara tag <physique> dan juga </physique> untuk make up membangun tabel.

<desk border="1">
  <tr>
    <th>No.<th><th>Nama Barang<th><th>Qty</th>
  </tr>
  <tr>
    <td>1</td><td>Mouse</td><td>10</td>
  </tr>
  <tr>
    <td>2</td><td>Keyboard</td><td>15</td>
  </tr>
</desk>

18. Tag <img/>

Tag <img> adalah permintaan cara HTML yang di menggunakan untuk menampilkan grafis statis pada halaman rumput net. Semua tag <img> perlu {memiliki} karakteristik “src” yang di membangun. Atribut “src” mendefinisikan grafis yang pasti akan di tampilkan. Biasanya, “src” adalah URL, bagaimanapun penggambaran informasi grafis selanjutnya dapat di menggunakan sangat sejumlah contoh, misalnya apabila grafis berada satu path atau bahkan child-path berasal dari halaman rumput net yang menampilkannya.

19. Tag <audio> … </audio>

Tag <audio> adalah permintaan cara HTML yang di menggunakan untuk menambahkan media audio langsung ke kertas HTML yang pasti akan di mainkan melalui Tolong untuk pemutaran audio yang terpasang pada browser dan juga sebagai gantinya plugin browser.

20. Tag <video> … </video>

Tag <video> adalah permintaan cara HTML yang di menggunakan untuk menambahkan video langsung ke halaman rumput net, video pasti akan di putar melalui Tolong pemutaran video native (sebagai gantinya plugin browser), tag <video> butuh URL video langsung ke komponen tersebut bersama menggunakan karakteristik src komponen <video> diantara tag pembuka dan juga penutup <video>.

Copy kode dibawah ini kemudian paste diantara tag <physique> dan juga </physique> untuk menyematkan media picture, audio, dan juga video.

Image

<img src="https://dosenit.com/wp-content/uploads/2015/07/dosenitdankomputer.jpg">

Audio

<audio controls id="audio-example">
  <supply src="http://mp3download.planetlagu.website/save/01percent20Jazpercent20Kasmaran.ogg">
  <supply src="http://mp3download.planetlagu.website/save/01percent20Jazpercent20Kasmaran.mp3">
</audio>

Video

<video width="640" peak="480" src="https://archive.org/obtain/Popeye_forPresident/Popeye_forPresident_512kb.mp4" controls></video>

21. Tag <type>

Tag <type> adalah permintaan cara HTML yang di menggunakan untuk membuat formulir pada halaman rumput net. Elemen <type> benar-benar tidak membuat pilar formulir, bagaimanapun di menggunakan sebagai kompartemen induk untuk menampung komponen formulir seperti komponen <enter> dan juga <textarea>, pasti akan kita bahas kemudian.

Lihat lebih banyak:  Jenis Jenis Basis Data: Struktur dan Contohnya

22. Tag <enter>

Tag <enter> adalah permintaan cara HTML yang di menggunakan untuk membuat pilar formulir yang menerima masukan berasal dari pelanggan. Bentuk komponen <enter> dapat di sajikan bersama beberapa teknik, terdiri dari pesan teks field, button, test field, pilihan makanan drop-down, dan juga tak terhitung ekstra, bersama menetapkan karakteristik jenis komponen masukan langsung ke bernilai yang cocok.

23. Tag <textarea>

Tag <textarea> adalah permintaan cara HTML yang di menggunakan untuk membuat space enter pesan teks bersama durasi yang tak dibatasi. Secara default, pesan teks sangat <textarea> di tampilkan sangat font monospace atau bahkan fixed-width, tag <textarea> sebagian besar dari umum di menggunakan sangat <type>.

24. Tag <button>

Tag <button> adalah permintaan cara HTML yang di menggunakan untuk membuat beralih HTML. Teks yang mengembangkan diantara tag pembuka dan juga penutup pasti akan mengembangkan sebagai pesan teks pada beralih. Tidak ada tindakan yang mengembangkan secara default menit beralih diklik. Tindakan perlu termasuk langsung ke beralih menggunakan JavaScript atau bahkan bersama menghubungkan beralih bersama formulir.

25. Tag <choose>

Tag <choose>, adalah permintaan cara HTML yang di menggunakan timbal-balik bersama satu atau bahkan lebih tag <possibility> (pasti akan kita bahas kemudian), campuran ke-2 tag tersebut digunakan untuk membuat ikut opsi drop-down untuk formulir pada halaman rumput net. Tag <choose> membuat ikut dan juga setiap komponen <possibility> di tampilkan sebagai bermacam-macam yang ditawarkan sangat ikut tersebut.

26. Tag <possibility>

Tag <possibility> adalah permintaan cara HTML yang di menggunakan pada saat yang sama bersama komponen <choose> untuk membuat pilihan makanan drop-down sangat formulir halaman rumput net. Setiap komponen <possibility> di tampilkan sebagai bermacam-macam yang ditawarkan di pilihan makanan drop-down yang di membuat, tag <possibility> perlu di letakkan efektif di sangat tag <choose>.

Copy kode dibawah ini kemudian paste diantara tag <physique> dan juga </physique> untuk membuat formulir pada halaman rumput net. 

<type>
  Nama : <br/>
  <enter kind="textual content"><br/>
  Jenis Kelamin : <br/>
  <choose>
    <possibility>Laki-laki</possibility>
    <possibility>Perempuan</possibility>
  </choose>
  <br/>
  Alamat : <br/>
  <textarea cols="5" rows="5"> </textarea><br/>
  <button>Simpan</button>
</type>

27. Tag <type>

Tag <type> adalah permintaan cara HTML yang di menggunakan untuk menambahkan kode CSS langsung ke kertas HTML. Elemen ini sebaiknya di letakkan di segmen <head>, walaupun dikoreksi dapat bermanfaat jika di letakkan sangat <physique>. CSS dengan dirinya sendiri berfungsi untuk membuat gaya net lebih mengesankan cocok bersama niat consumer interface pada secara khusus net developer (secara khusus net designer).

28. Tag <script>

Tag <script> adalah permintaan cara HTML yang berisi kode yang di membuat sangat bahasa asing menunjukkan selain HTML atau bahkan menentukan daerah informasi skrip di luar. Hal ini sebagian besar dari umum di menggunakan untuk menambahkan permintaan cara JavaScript (atau bahkan permintaan yang lebih skilled) langsung ke sangat halaman rumput net secara cepat atau bahkan bersama menautkan langsung ke file .js di luar.

Demikian pembahasan mengenai permintaan cara HTML, menggunakan textual content penerbit seperti (*28*) Text, NotePad++, Atom, Vim, Bracket, UltraEdit, Bluefish atau bahkan textual content penerbit satu lagi disukai Anda untuk memudahkan enhancing kode di terkemuka, mungkin bermanfaat untuk Anda yang butuh dan juga {sampai} jumpa di pembahasan tambahan.

 

Anda sederhana menonton: 28 Perintah Dasar HTML Paling Lengkap

Sumber: https://taylorswift10years.com

Kategori: Teknologi

Leave a Reply

Your email address will not be published.