Pengenalan Dasar Tentang #Html 2


Hai Hai Kembali lagi dengan gua QueryRi🌸 Nah disini Gua mau lanjutin penjelasan tentang html simak ya><


==> Elemen <p>

Untuk membuat paragraf, cukup ketik elemen <p> dengan tag pembuka dan penutupnya:

<html>
   <head>
      <title>QueryRi</title>
   </head>
   <body>
      <p>QueryRi</p>
      <p>Query Kawaii</p>
   </body>
</html>

===> Satu baris istirahat

Gunakan tag <br /> untuk menambahkan satu baris teks tanpa memulai paragraf baru:

<html>
   <head>
      <title>QueryRi</title>
   </head>
   <body>
      <p>QueryaRi.</p>
      <p>QueryRi.</p>
      <p>QueryRi.<br /> QueryRi.</p>
   </body>
</html>

Satu baris istirahat

Membuka file HTML di browser menunjukkan bahwa satu baris telah ditambahkan ke paragraf.

===> Memformat Elemen

Di HTML, ada daftar elemen yang menentukan gaya teks.

Elemen pemformatan dirancang untuk menampilkan jenis teks khusus:

<html>
   <head>
      <title> Macam Macam Tag </title>
   </head>
   <body>
      <p> teks biasa </p>
      <p> <b> teks tebal </b> </p>
      <p> <big> teks besar </big> </p>
      <p> <i> teks miring </i> </p>
      <p> <small> teks kecil </small> </p>
      <p> <strong> teks kuat </strong> </p>
      <p> <sub> teks subskrip </sub> </p>
      <p> <sup> teks superscripted </sup> </p>
      <p> <ins> teks yang disisipkan </ins> </p>
      <p> <del> teks yang dihapus </del> </p>
   </body>
</html>


===> Judul HTML

HTML mencakup enam tingkat judul, yang diberi peringkat sesuai dengan kepentingannya.
Ini adalah <h1>, <h2>, <h3>, <h4>, <h5>, dan <h6>.

Kode berikut mendefinisikan semua judul:

<html>
   <head>
      <title>first page</title>
   </head>
   <body>
      <h1>Teks Besar</h1>
      <h2>Teks Lumayan Besar</h2>
      <h3>Teks Lumayan besar</h3>
      <h4>Teks Sedang</h4>
      <h5>Teks Lumayan kecil</h5>
      <h6>Teks Kecil</h6>
   </body>
</html>


===> Garis Horizontal

Untuk membuat garis horizontal, gunakan tag <hr />.

<html>
   <head>
      <title>QueryRi</title>
   </head>
   <body>
      <h1>Teks Besar</h1>
      <h2>Teks Lumayan besar</h2>
      <h3>Teks Lumayan besar</h3>
      <h4>Teks sedang</h4>
      <h5>Teks Lumayan Kecil</h5>
      <h6>Teks Kecil</h6>
      <p>./Lord Boo</p>
      <hr />
      <p>Query kawaii</p>
   </body>
</html>


===> Komentar

Browser tidak menampilkan komentar, tetapi mereka membantu mendokumentasikan HTML dan menambahkan deskripsi, pengingat, dan catatan lainnya.

<html>
   <head>
      <title>QueryRi</title>
   </head>
   <body>
      <p>./Lord Boo</p>
      <hr />
      <p>Query kawaii</p>
      <!-- Komen aja gan-->
   </body>
</html>


===> Elemen HTML

Dokumen HTML terdiri dari elemen HTML.
Elemen HTML ditulis menggunakan tag awal dan tag akhir, dan dengan konten di antaranya.

Dokumen HTML terdiri dari elemen HTML bersarang. Dalam contoh di bawah ini, elemen tubuh menyertakan tag <p>, tag <br /> dan konten, "Ini adalah paragraf".

<html>
   <head>
      <title>QueryRi</title>
   </head>
   <body> 
      <p>QueryRi<br /></p>
   </body>
</html>


===> HTML Elements 

Beberapa elemen cukup kecil. Karena Anda tidak dapat memasukkan konten di dalam tag istirahat, dan Anda tidak memiliki tag pembuka dan tutup, itu adalah elemen tunggal yang terpisah.

Jadi HTML benar-benar scripting dengan elemen di dalam elemen.

<html>
   <head>
      <title>QueryRi</title>
   </head>
   <body>
      <p>QueryRi</p>
      <p>Anjai<br /> Apa Ya:V </p>
   </body>
</html>


===> Atribut HTML

Atribut memberikan informasi tambahan tentang elemen atau tag, sementara juga memodifikasi mereka. Sebagian besar atribut memiliki nilai; nilai memodifikasi atribut.

<p align="center"> 
   QueryRi ./LordBoo
</p>


===> Pengukuran Atribut

Sebagai contoh, kita dapat memodifikasi garis horizontal sehingga memiliki lebar 50 piksel.

Ini dapat dilakukan dengan menggunakan atribut width:

<hr width="50px" />

Lebar elemen juga dapat didefinisikan menggunakan persentase:

<hr width="50%" />


===> Atribut Align

Atribut align digunakan untuk menentukan bagaimana teks disejajarkan.

Dalam contoh di bawah ini, kami memiliki paragraf yang disejajarkan dengan pusat, dan garis yang disejajarkan ke kanan.

<html>
   <head>
      <title>QueryKawaii</title>
   </head>
   <body>
      <p align="center">QueryRi<br />
         <hr width="10%" align="right" /> ./LordBoo
      </p>
   </body>
</html>


===> Atribut

Kaliam mungkin bertanya-tanya apa yang terjadi jika kalian mencoba menerapkan atribut kontradiktif dalam elemen yang sama.

<p align="center">
   Queryciel
   <hr width="50%" align="left" />
</p>


===> Tag <img>

Tag <img> digunakan untuk menyisipkan gambar. Ini hanya berisi atribut, dan tidak memiliki tag penutup.

URL gambar (alamat) dapat didefinisikan menggunakan atribut src.

Sintaks gambar HTML terlihat seperti ini:

<img src="image.jpg" />


===> Lokasi tempat menyimpan Gambar

Anda harus memasukkan lokasi gambar untuk atribut src yang berada di antara tanda kutip.

Misalnya, jika Anda memiliki foto bernama "tree.jpg" di folder yang sama dengan file HTML, kode Anda akan terlihat seperti ini:

<html>
   <head>
      <title>HACKED BY QUERYRI</title>
   </head>
   <body> 
      <img src="Query.jpg" alt="" />
   </body>
</html>


===> Pengubahan Ukuran Gambar

Untuk menentukan ukuran gambar, gunakan atribut lebar dan tinggi.
Nilai dapat ditentukan dalam piksel atau dalam persentase:

<html>
   <head>
      <title>HACKED BY QUERY</title>
   </head>
   <body> 
      <img src="tree.jpg" height="150px" width="150px" alt="" />
      <!-- or -->
      <img src="Query.jpg" height="50%" width="50%" alt="" />
   </body>
</html>


===> Batas Gambar

Secara default, gambar tidak memiliki batas. Gunakan atribut perbatasan di dalam tag gambar untuk membuat perbatasan di sekitar gambar.

<img src="Query.jpg" height="150px" width="150px" border="1px" alt="" />


===>Tag <a>

Tautan juga merupakan bagian integral dari setiap halaman web. Anda dapat menambahkan tautan ke teks atau gambar yang akan memungkinkan pengguna mengkliknya untuk diarahkan ke file atau halaman web lain.
Dalam HTML, tautan didefinisikan menggunakan tag <a>.

Gunakan atribut href untuk menentukan alamat tujuan tautan:

<a href=""></a>



===> Membuat Tautan Pertama Anda

Dalam contoh di bawah ini, tautan ke situs web kalian ditentukan:

<a href="http://www.querykya.com"> gas </a>


===> Atribut target

Atribut target menentukan tempat untuk membuka dokumen yang ditautkan.
Memberi nilai _blank ke atribut Anda akan membuka tautan di jendela baru atau tab baru:

<a href="http://querykya.blogspot.com" target="_blank">
   Gas
</a>


===>Daftar Pesanan HTML

Daftar yang diurutkan dimulai dengan tag <ol>, dan setiap item daftar ditentukan oleh tag <li>.
Berikut adalah contoh daftar yang diurutkan:

<html>
   <head>
      <title>QueryKyaShop</title>
   </head>
   <body>
      <ol>
        <li>Anggur</li>
        <li>Pisang</li>
        <li>Capucino</li>
      </ol>  
   </body>
</html>


===>Daftar Tanpa Urutan HTML

Daftar yang tidak berurutan dimulai dengan tag <ul>.

<html>
   <head>
      <title>first page</title>
   </head>        
   <body>
      <ul>
        <li>Anggur</li>
        <li>Pisang</li>
        <li>Capucino</li>
      </ul>  
   </body>
</html>


===>Hasil Telusur
Hasil Terjemahan
Inggris
Indonesia

Creating a Table

Tables are defined by using the <table> tag. 
Tables are divided into table rows with the <tr> tag.
Table rows are divided into table columns (table data) with the <td> tag.

Here is an example of a table with one row and three columns: 
 Membuat Tabel

Tabel didefinisikan dengan menggunakan tag <table>.
Tabel dibagi menjadi baris tabel dengan tag <tr>.
Baris tabel dibagi menjadi kolom tabel (data tabel) dengan tag <td>.

Berikut adalah contoh tabel dengan satu baris dan tiga kolom:

<table>
   <tr>
      <td></td>
      <td></td>
      <td></td>
   </tr>
</table>


===>Atribut perbatasan dan colspan

Perbatasan dapat ditambahkan menggunakan atribut perbatasan:

<table border="2">

Sel tabel dapat menjangkau dua atau lebih kolom:

<table border="2">
   <tr>
      <td>Anggur</td>
      <td>Pisang</td>
      <td>Capucino</td>
   </tr>
   <tr>
      <td><br /></td>
      <td colspan="2"><br /></td>
   </tr>
</table>


 ===>Warna Colspan

Contoh di bawah ini menunjukkan atribut colspan dalam aksi:

<table border="2">
   <tr>
      <td>Blue</td>
      <td>yellow</td>
      <td>Green</td>
   </tr>
   <tr>
      <td>Yellow</td>
      <td colspan="2">Orangs</td>
   </tr>
</table>


===>Atribut align and bgcolor

Untuk mengubah posisi tabel Anda, gunakan atribut menyelaraskan di dalam tag tabel Anda:

<table align="center">

Sekarang mari kita tentukan warna latar belakang merah untuk sel tabel. Untuk melakukannya, cukup gunakan atribut bgcolor.

<table border="2">
   <tr>
      <td bgcolor="red">Red</td>
      <td>Blue</td>
      <td>Green</td>
   </tr>
   <tr>
      <td>Yellow</td>
      <td colspan="2">Orange</td>
   </tr>
</table>
[2/8 22:10] WHØ•QùèŕýŔì•: Jenis Unsur

Dalam HTML, sebagian besar elemen didefinisikan sebagai level blok atau elemen sebaris.
Elemen level blok dimulai dari baris baru.
Misalnya: <h1>, <form>, <li>, <ol>, <ul>, <p>, <pre>, <table>, <div>, dll.

Elemen sebaris biasanya ditampilkan tanpa jeda baris.
Misalnya: <b>, <a>, <strong>, <img>, <input>, <em>, <span>, dll.

Elemen <div> adalah elemen level blok yang sering digunakan sebagai wadah untuk elemen HTML lainnya.
Saat digunakan bersama dengan beberapa style CSS, elemen <div> dapat digunakan untuk menata blok konten:

<html>
  <body>
    <h1>QueryRi</h1>
    <div style="background-color:green; color:white; padding:20px;">
      <p>QueryRi</p>
      <p>./LordBoo.</p>
    </div>
  </body>
</html>


===> Jenis Unsur

Elemen lain dapat digunakan baik sebagai elemen level blok atau elemen inline. Ini termasuk elemen-elemen berikut:
APPLET - applet Java tertanam
IFRAME - Bingkai inline
INS - teks yang dimasukkan
PETA - peta gambar
OBJECT - objek tertanam
SCRIPT - skrip dalam dokumen HTML

Anda bisa menyisipkan elemen sebaris di dalam elemen blok. Misalnya, Anda dapat memiliki beberapa elemen <span> di dalam elemen <div>.


===> Elemen <form>

Formulir HTML digunakan untuk mengumpulkan informasi dari pengguna.
Formulir didefinisikan menggunakan elemen <form>, dengan tag pembuka dan penutupnya:

<body>
   <form action>https://querykya.blogspot.com</form>
</body>


===>Metode dan nama Atribut

Atribut metode menentukan metode HTTP (GET atau POST) yang akan digunakan ketika formulir dikirimkan (lihat di bawah untuk uraian):

<form action="url" method="GET">

<form action="url" method="POST"

Untuk menerima input pengguna, Anda memerlukan elemen formulir yang sesuai, seperti bidang teks. Elemen <input> memiliki banyak variasi, tergantung pada atribut type. Ini bisa berupa teks, kata sandi, radio, URL, kirim, dll.

Contoh di bawah ini menunjukkan formulir yang meminta nama pengguna dan kata sandi:

<form>
   <input type="text" name="username" /><br />
   <input type="password" name="password" />
</form>


===>Elemen bentuk

Jika kami mengubah jenis input ke radio, ini memungkinkan pengguna memilih hanya satu dari sejumlah pilihan:

Bulet:

<input type="radio" name="gender" value="male" /> Male <br />
<input type="radio" name="gender" value="female" /> Female <br />

Kotak:

<input type="checkbox" name="gender" value="1" /> Male <br />
<input type="checkbox" name="gender" value="2" /> Female <br />


===> Elemen bentuk

Tombol kirim mengirimkan formulir ke atribut tindakannya:

<input type="submit" value="Submit" />


===>  Tag <frame>

Halaman dapat dibagi menjadi beberapa bingkai menggunakan dokumen bingkai khusus.

Tag <frame> mendefinisikan satu jendela (bingkai) tertentu dalam <frameset>. Setiap <frame> dalam <frameset> dapat memiliki atribut yang berbeda, seperti perbatasan, gulir, kemampuan untuk mengubah ukuran, dll.

Elemen <frameset> menentukan jumlah kolom atau baris dalam frameset, serta persentase atau jumlah piksel ruang yang ditempati masing-masing.

<frameset cols="100, 25%, *"></frameset>
<frameset rows="100, 25%, *"></frameset>


===> Bekerja dengan Bingkai

Gunakan atribut <noresize> untuk menentukan bahwa pengguna tidak dapat mengubah ukuran elemen <frame>:

<frame noresize="noresize">


Konten bingkai harus didefinisikan menggunakan atribut src.

Terakhir, elemen <noframes> menyediakan cara bagi browser yang tidak mendukung bingkai untuk melihat halaman. Elemen dapat berisi halaman alternatif, lengkap dengan tag tubuh dan elemen lainnya.

<frameset cols="25%,50%,25%">
   <frame src="a.htm" />
   <frame src="b.htm" />
   <frame src="c.htm" />
   <noframes>Frames not supported!</noframes>
</frameset>


Sekian penjelasan dari gua next aja nantii ya ges>< 

Komentar

Postingan Populer