Langsung ke konten utama

BELAJAR HTML DENGAN MENGETAHUI 10 ELEMEN

 

Mengenal Tag,Element,Atribut Dasar 

Pengertian, Fungsi dan Jenis Tag HTML

Apa itu Tag? Tag adalah sebauh penanda awalan dan akhiran dari sebuah elemen di HTML. Tag dibuat dengan kurung siku ( <...> ), lalu di dalamnya berisi nama tag dan kadang juga ditambahkan dengan atribut.

Perbedaan antara tag pembuka dan tag penutup yaitu, pada tag pembuka diawali kurung sudut pembuka dan di akhiri dengan kurung sudut penutup (< >), sedangkan pada tag penutup ,diawali dengan kurung sudut pembuka, backslash, dan diakhiri dengan penutup kurung sudut ().

MEMBUAT HEADING  

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

 Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

MEMBUAT LIST

<h2>An ordered HTML list</h2>

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>  

 LIST MAKANAN

  1. Coffee
  2. Tea
  3. Milk 

MEMBUAT PARAGRAF

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

This is a paragraph.

This is another paragraph.

MEMBUAT FORM AND BUTTON

<label for="username">username :</label>  
     <input type="text" id="username">
     <br>
     <label for="password">password :</label>
     <input type="password" id="password">
     <br>
     <input type="radio" id="pria" name="jeniskelamin"><label for="pria">pria</label>
     <input type="radio" id="wanita" name="jeniskelamin"><label for="wanita">wanita</label>
     <br>
     <input type="checkbox" id="berenang"><label for="berenang">berenang</label>
     <input type="checkbox" id="bernyanyi"><label for="bernyanyi">bernyanyi</label>
     <input type="checkbox" id="bermain game"><label for="bermain game">bermain game</label>
     <br>
     <textarea></textarea>
     <br>
     <select>
         <option>Bandung</option>
         <option>jakarta</option>
         <option>Medan</option>
     </select>
     <br>
     <button type="submit">Kirim!</button>
 </form>







MEMBUAT TULISAN TEBAL DAN MIRING

<strong>This text is important!</strong>
<b>This text is bold</b>

This text is bold This text is important!

<h3>Saya sedang belajar HTML di Duniailkom.com</h3>
<p>HTML adalah singkatan dari <i>Hypertext Markup Language</i></p>

 

Saya sedang belajar HTML di SMKN 1 JAKARTA

HTML adalah singkatan dari Hypertext Markup Language

 MENAMBAHKAN FOTO DAN VIDEO

<p>
    <img src="https://www.tagar.id/Asset/uploads2019/1628056624164-cara-membuat-bakso-mercon.jpg" />
  </p>

Hasil:

 

Video Embed

<iframe width="420" height="315"
src="https://www.youtube.com/embed/oSApb_phi24">
</iframe>

Hasil:

 MEMBUAT TABLE

See the Pen Untitled by Farizi Adam (@FriziAdam) on CodePen.

Komentar

Posting Komentar