Tag Dasar HTML Untuk Blogging

Ngoding atau memogram sesuatu adalah hal yang sangat diminati oleh kalangan remaja. Mereka yang memiliki minat dalam hal ini, lebih memilih ataupu mengarah kejurusan TIK atau biasa disebut dengan Jurusan Informatika.

Salah satu tujuannya, bisa jadi adalah ingin menjadi seorang Blogger yang sukses.

Namun, untuk mencapainya tidaklah mudah dan prosesnya bisa dibilang cukup lama. Tetapi, bagi kalian yang berminat ataupun ingin mengenal dengan sistem programmer, disini saya akan membaikan sedikit tips and trick mengenal dasar pemograman.

Sumber Chedo Blog

Sebelum kita memulai mengenal dasar pemograman, disini saya akan mengenalkan tentang salah satu kunci program yang mendasar dan mudah dimengerti yaitu HTML.

Berikut daftar Tag HTML

TYPOGRAPHY

<p></p> 

Mendefinisikan paragrap

<h1></h1>

Mendefinisikan judul dan subjudul (h1-h6)

<br> 

Memasukkan jeda antar elemen

<hr> 

Memasukkan garis antar elemen

<abbr> 

Mendefinisikan singkatan kata</abbr>

<address> 

Mendefinisikan informasi pemilik</address>

<b></b> 

Mendefinisikan huruf tebal

<bdi></bdi> 

Mengisolasi bagian teks

<bdo></bdo> 

Merubah arah teks

<blockquote></blockquote>       

Mendefinisikan sebuah selogan dalam bentuk blok

<cite></cite>                            

Mendefinisikan judul dari pekerjaan

<code></code>                         

Mendefinisikan kode komputer

<del></del>                              

Mendefinisikan teks dengan garis tengah

<dfn></dfn>                             

Mendefinisikan kata-kata penting

<em></em>                              

Mendefinisikan huruf miring

<i></i>                                     

Mendefinisikan huruf miring

<ins></ins>                              

Mendefinisikan teks dengan garis bawah

<kbd></kbd>                            

Mendefinisikan tombol papan ketik

<mark></mark>                        

Menandai bagian teks

<meter></meter>                      

Mendefinisikan satuan ukur

<pre></pre>                             

Mendefinisikan teks tahap format

<progress value="" max="">       

Mendefinisikan perkembangan dari suatu tugas

<q></q>                                   

Mendefinisikan selogan singkat

<rp></rp>                                

Mendefinisikan anotasi ruby

<rt></rt>                                  

Mendefinisikan karakter ruby

<ruby></ruby>                         

Mendefinisikan teks ruby

<s></s>                                   

Mendefinisikan huruf dengan garis tengah

<samp></samp>                       

Mendefinisikan sampel dari prigram komputer

<small></small>                        

Mendefinisikan teks dengan ukuran yang lebih kecil

<strong></strong>                    

Mendefinisikan teks penting

                            

Mendefinisikan teks subscript

                            

Mendefinisikan teks dengan superscript

<template></template>               

Mendefinisikan sebuah template

<time></time>                          

Mendefinisikan waktu atau tanggal

<u></u>                                   

Mendefinisikan bagian teks dengan gaya yang berbeda

<var></var>                             

Mendefinisikan sebuah variabel

<wbr>                                     

Mendefinisikan jarak antar elemen

 

INPUT

<form></form>                                    

Mendefinisikan bentuk masukan (input) dari komputer

<input type="" name="">

Mendefinisikan kontrol masukan (input)

<textarea></textarea>                

Mendefinisikan kolom teks

<button></button>                    

Mendefinisikan tombol

<select></select>                      

Mendefinisikan daftar

<optgroup></optgroup>            

Mendefinisikan grup dari opsi-opsi

<option></option>                     

Mendefinisikan opsi masukan

<label></label>                          

Mendefinisikan label dari kontrol masukan

<fieldset></fieldset>                  

Grup dari beberapa bentuk masukan

<legend> </legend>                                 

Mendefinisikan ketersangan tentang tag (<fieldset>)

<datailst> </datailst>                                

Mendefinisikan daftar pra-definisi dari kontrol mausukan

<output>   </output>                               

Mendefinisikan hasil dari program komputer

<iframe src=""></iframe>     

Menampilkan dokumen lain

IMAGES

<img src="">                            

Mendefinisikan sebuah gambar

<map></map>                          

Mendefinisikan peta

<area shape="" coords="" href="">

Mendefinisikan area gambar

<canvas></canvas>                   

Digunakan untuk menggambar dan pemogramman

<figcaption></figcaption>          

Mendefinisikan keterangan gambar

<figure></figure>                      

Mendefinisikan figur gambar

<picture></picture>                   

Mendefinisikan banyak sumber gambar

<svg></svg>                            

Mendefinisikan grafis SVG

AUDIO/VIDEO

<audio></audio>                       

Mendefinisikan konten audio

<source src="" type="">            

Mendefinisikan sumber yang akan ditampilkan

<track kind="" src="">              

Mendefinisikan teks tambahan pada video

<video></video>                       

Mendefinisikan konten audio

LINKS

<a href=""></a>             

Mendefinisikan link hyper

<link rel="stylesheet" type="text/css" href="">

Memasukkan sumber luar ke dokumen

<nav></nav>                            

Mendefinisikan navigasi link

LISTS

<ul></ul>                                 

Mendefinisikan daftar dengan urut

<ol></ol>                                 

Mendefinisikan daftar tanpa urut

<li></li>                                   

Mendefinisikan data dari daftar

<dl></dl>                                 

Mendefinisikan sebuah daftar deskripsi

<dt></dt>                                 

Mendefinisikan judul dari data deskripsi

<dd></dd>                               

Mendefinisikan deskripsi

 

TABELS

<table></table>                         

Mendefinisikan sebuah tabel

<caption></caption>                  

Mendefinisikan keterangan tabel

<th></th>                                 

Mendefinisikan kepala tabel

<tr></tr>                                  

Mendefinisikan baris dari tabel

<td></td>                                 

Mendefinisikan kolom dari tabel

<thead></thead>                       

Mendefinisikan kepala tabel

<tbody></tbody>                      

Mendefinisikan badan tabel

<tfoot></tfoot>                         

Mendefinisikan kaki tabel

<col>                                       

 Memberi tambahan untuk kolom

<colgroup></colgroup>            

Memberi tambahan untuk banyak

SEMANTIC

<style type=""></style>              

Mendefinisikan informasi penggayaan

<div></div>                              

Mendefinisikan bagian dari dokumen

<span></span>                        

Mendefinisikan bagian dari dokumen

<header></header>                    

 Mendefinisikan kepala dari dokumen

<footer></footer>                     

 Mendefinisikan kaki dari dokumen

<main></main>                        

Mendefinisikan konten utama pada dokumen

<section></section>                  

Mendefinisikan bagian dari dokumen

<article></article>                     

Mendefinisikan artikel

<aside></aside>                        

Mendefinisikan konten sampingan

<details></details>                     

Mendefinisikan detail dari konten

<dialog></ dialog>                     

Mendefinisikan kotak dialog

<summary></summary>                        

Mendefinisikan detail konten

<data>                                     

Mendefinisikan konten dapat diterjemahkan</data>

META

<title></title>                            

Mendefinisikan judul dari dokumen

<meta charset="utf-8">              

Memberikan informasi tambahan tentang dokumen

<base href="">                     

Mendefinisikan URL dalam dokumen

PROGRAMMING

<script type=""></script>           

Mendefinisikan tambahan script

<noscript></noscript>               

Mendefinisikan alternatif untuk tambahan script jika tidak berjalan

<embed></embed>                    

Mendefinisikan dokumen lain dari luar

<object></object>                     

Mendefinisikan objek lain dari luar

<param name="" value="">         

Mendefinisikan parameter dari objek

Semoga bermanfaat untuk teman-teman semua dan sukses untuk kita.

HAPPY BLOGGING :))