HTML dasar part 3

Pada tutorial HTML dasar bagian ketiga ini , atau kelanjutan dari artikel sebelum nya mengenai HTML dasar ini , kita akan membahas tentang Format text pada halaman dan Paragraf , serta pewarnaan text pada setiap halaman ataupun dokumen HTML . Format Text merupakan sebuah kemampuan yang harus di miliki oleh seorang web developer untuk membuat sebuah website yang menarik , rapih dan tidak berantakan :D~~ .

Dengan menggunakan tag HTML semua pekerjaan terebut dapat dilakukan dengan mudah dan cepat . Beberapa hal yang perlu di lakukan antara lain adalah pewarnaan serta bentuk karakter dalam sebuah halaman website . Membuat huruf tebal , miring , dan Underline :

Huruf dengan properties tebal atau yg sering di sebut Bold , dapat di buat dengan menggunakan Tag <b> dan di akhiri dngan Tag </b> . Sedangkan untuk huruf miring , kita dapat menggunakan Tag <i> dan di akhiri dengan Tag </i> . Huruf I berarti italic , sedangkan untuk membua huruf bergaris bawah atau Underline , HTML menggunakan Tag <u> dan di akhiri dengan Tag </u> serta <s> dan di akhiri dengan Tag </s> untuk membuat tulisan dengan tampilan tercoret di bagian tengah nya . Untuk lebih jelas nya coba lah contoh seperti di bwah ini :

<html>
<head> <title> judul </title>
<meta name=”author” content=”bufferdie”>
<meta name=”description” content=”bufferdie adalah seorang manusia tampan dan baik hati ..”>
</head>
<body>
<b> ini huruf tebel </b> <br>
<i> ini huruf miring </i> <br>
<u>ini huruf ada garis bawah </u> <br>
<s>ini huruf di coret </s> <br>
</body>
</html>

Menentukan huruf dan warna :

Ukuran huruf sangat penting fungsi nya di halaman website , karena kita tidak akan mungkin membuat sebuah halaman yang memiliki ukuran yang sama , antara Content (isi ) dan judul halaman . Selain itu , kita juga dapat melakukan penentuan warna huruf yang kondisi nya hanya pada text yang akan di beri efek warna .

Sintax dasar yang di gunakan untuk memberikan ukuran dan warna dalam HTML adalah seperti di bawah ini :

<font size=”ukuran disini” color=”warna di sini” face=”huruf”></font>

untuk memperjelas pembahasan format text dengan font sebagai ukurn hurf dan jenis huruf , cobalah untuk membuat sebuah halaman baru , seperti contoh di bawah ini :

<html>
<head> <title> judul </title>
<meta name=”author” content=”bufferdie”>
<meta name=”description” content=”bufferdie adalah seorang manusia tampan dan baik hati ..”>
</head>
<body>
<font size=”5″ color=”#3cc000″ face=”arial”> bentuk Text berwarna hijau terang .. </font>
</body>
</html>
Kita juga dapat memberikan jarak pada text yang telah kita tuliskan di halaman website . Secara standar , apabila hendak melakukan pergantian baris , maka kita dapat menuliskan tag <br> sebanyak satu kali untuk jarak satu baris , dan tag <br> dua kali untuk jarak dua baris dan seterusnya . Di dlam HTML juga terdapat Tag yang dpat di gunakan mempermudah kita untuk hal-hal seperti itu , sperti contoh di bawah ini :
<html>
<head> <title> judul </title>
<meta name=”author” content=”bufferdie”>
<meta name=”description” content=”bufferdie adalah seorang manusia tampan dan baik hati ..”>
</head>
<body>
<pre width=”4″> <center> Bufferdie hanyala seorang manusia biasa </center> </pre>
<pre> t25d adalah temen nya Bufferdie
Kunstler juga temen nya Bufferdie
Slepet juga temen nya Bufferdie
45sekope juga temen ny Bufferdie
</pre>
</body>
</html>
Tag center yang ada pada contoh di atas , merupakan sintax HTML yang di gunakan untuk menampilkan text di tengah halaman .
Dengan demikian berakhir pula lah , tutorial HTML dasar part 3 , kita lanjutkan lagi pada tutorial HTML dasar part 4 .. :D~~ , akhir kata
selamat mencoba dan selamat ber-coding ria , huehuehue .. :D~~

Sumber : Nightwalker Team

About heni
I ♡ movie, traveling, fruits Worry less smile more fell happy anyway :)

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: