10 HTML TAGS SETIAP BLOGGER PATUT TAHU.

Assalamualaikum. Hai korang. Harini lambat pulak update nya. Siang tadi teman Mama pergi shopping raya. Dengan aku sekali tershopping sekali. Tumpang sekaki gitu. Hehe. Pasal tu, nanti aku update.

Baiklah. Korang dah berapa lama jadi blogger? Erm, aku berblog sejak habis Tingkatan 5 lagi, dalam awal 2009 macam tu. Masa tu, blog hanyalah luahan peribadi aku. Langsung tak kisah ada orang baca ke tak. Atau pun ada orang komen ke tidak. Yang ada hanyalah, kawan aku Aziza. Dulu kami memang bertukar-tukar cerita kat situ. Masa tu, takde laptop dan internet lagi. Jadi, pergilah aku ke cyber cafe dengan bayaran RM5 selama 3 jam. Time tu zaman tengah meletup-letup Myspace, Friendster and kemudian barulah Facebook. Then, baru lah aku berblog sikit-sikit. Dan aku mengunakan nama SYAZBERRY. Sekarang, syazberry dah takde. Hanya Scha Nazri sahaja yang ada :)

Dah masuk matrik kat Melaka, blog tu memang berkubur. Tak letak bunga je atas tu. Kekadang je update di mana time cuti je lah update. Zaman matrik dulu lain dari sekarang. Dulu mana lah ada wifi, internet, apatah lagi sebuah laptop. Hanya kawan-kawan yang berduit sahaja ada laptop dan seketul broadband. Pinjam pun nak check perkembangan Facebook je. Haha. Zaman matrik mana ada kerja yang memerlukan carian Internet ataupun laptop. Semua pakai otak dan tangan untuk mengira dan menulis. 

Selepas habis matrik, aku duduk rumah. Bosan pulak rasa. So, dengan beraninya aku meminta ayah untuk memiliki sebuah laptop dan seketul broadband. Dengan alasan aku bosan dan boleh guna untuk masuk Universiti nanti dan berjanji takkan menyalahgunakannya. Hehe. Yeayy. Ayah termakan dengan pujuk rayu ku. 

Dengan berbekalkan sebuah laptop dan broadband RM68/month dan 5GB kuota, aku pun berjinak-jinaklah dalam aktiviti berblogging. Sejak dari tu, aku banyak tahu pasal apa kelebihan berblogging. Boleh tambah kawan dan juga tambah sedikit duit poket. Dari blogger Ben Ashaari, aku kenal apa itu Nuffnang. Dan dari blog jugalah, aku masih berkawan dengan kawan aku dari Utagha sampai sekarang ni. Cuma kesempatan nak jumpa tu tak pernah lagi. Utagha dan Selatan susah nak bertemu :(

Dan aku nak kongsikan sikit lah apa yang aku tahu pasal blog. Sikit-sikit je aku tahu pasal blog ni. Coding biasa retilah aku buat. Ada juga yang aku tak tahu dan aku tinggalkan kepada yang pakar. Oh yerr. Tiga kali aku renovate blog ni. Dua berbayar, satu lagi kawan tolong buatkan. Hehe. Aku tak reti design dan coding, so, memang aku upah orang lah. Haha. 

Eh, sorry. Tercerita pulak sejarah penuh liku blog kesayangan ku ini. Hehe. Jom lah kita cekidaut. 

The 10 HTML Tags Every Blogger Should Know

1. Anchor: <a href=“link”>name of link</a>
Most people know it as a "link" tag or a "url" tag, but it's actually called an “anchor.” Most anchors are used as hyperlinks—pieces of text that take you to a different webpage. For example, <a href="http://www.google.com">Google</a> will link to http://www.google.com.  You can use an anchor as a target within a webpage, for instance, <a id="here">Jump here</a> will become a target for a url that ends with #here—the browser will scroll down to the anchor's location when the link is followed.

2. Image: <img/>
This tag does not have a closing tag. Its most important attribute is a source (src), which points to an image file. <img src="/img/foo.gif" width="100" height="100". alt="some image"> is a typical image example. The width and height attributes are not required, but if you include them, they make images show up a tiny bit faster on the page, and they also allow you to change the dimensions of the image to make it bigger or smaller. Although, be careful to use the right measurements so that you do not distort the image.

3.Line Break: <br/>
HTML mostly disregards whitespace; new lines and extra spaces in the source do not show up in the browser. The <br> tag adds a line break. To add extra spaces you can use a special code: &nbsp;. Many CMS editors add these tags for you automatically in the WYSIWYG mode, but you need to add them in the source code yourself.

4. Paragraph Break: <p></p>
This is a paragraph tag—it should be used for new paragraphs. It produces results that are similar to the <br> tag, but is often "styled" in a particular way by your blog's Cascading Style Sheets (CSS)—a language that describes the look and feel of HTML elements and is used to "style" websites.

5.  Top Heading: <h1></h1>
The heading tag usually renders the most important heading on the page. It is very important from the SEO standpoint; there should be only one h1 element, and it should hold the most important headline—the search engines will use the information in it. In most cases, the title of the blog post is automatically placed in the h1 element at the top of the page, so don't go around adding more of them in the body.

6.  Sections/Divisions of Content: <div></div>
This is the division element. It is used for formatting areas of html code in CSS and, in general, for organizing logically connected chunks of HTML.  For instance, <div style="color:red"></div> will turn the color attribute of everything inside it to red.

7.  Inline Division: <span>
A span tag is very similar to a div, but it's an "inline" element—it does not add line breaks and is used inside bodies of text. For instance: <p>My phone is <span class="phone">555-555-5555</span></p> will apply a CSS class "phone" in a paragraph with out adding line breaks like div.

8. Bold, Italic, and Underline: <b></b>,<i></i>,<u></u>
The “b” makes text bold, “i” puts text in italics, and “u” creates underlined text. You can nest all three together. You can also use <blockquote> for long quotations. The text inside this tag will be indented.

9.  List and Nested List: <ol><ul><li>
There are two types of list tags: “ol” is ordered and “ul” is unordered. Both are great for lists and can be nested. (You can have lists within lists, ordered or unordered).

10. Table: <tr>
There are different ways to build a table. It is divided into rows with the <tr> tag, and each row is divided into data cells with the <td> tag. A <td> tag can contain text, images, links, forms, other tables, etc.

Niat di hati nak translate kepada Bahasa Melayu. Tapi, tahu je lah aku. Bercampur rojak dengan Bahasa Inggeris. Jadi, aku just letak dalam Bahasa Inggeris supaya korang tak pening. Ampunnn bukk. Aku pun belajar bersama-sama dalam memahami code-code ni. Ada yang aku dah tahu, ada yang baru aku tahu hari ni. Alah, kalau tak tahu buat, google jee. Konpem ada. Ada banyak tutorial blog. Try and error. Itu sahaja. Apa-apapun, aku berpuas hati dengan blog aku sekarang. Tunggu lah lagi dua tahun ke, baru aku renovate balik. Hehe. 

Akhir kata, berblogging dengan ikhlas. Kalau boleh, baca lah sampai habis entry tu, dan baru lah komen dengan sewajarnya. Bukan apa, kekadang apa yang dikomen tu tak sama apa yang nak diceritakan dalam blog. Tak tahu lah kalau korang ada mengalaminya jugak. Hehe. Insya Allah. Page rank, earnings hanya lah sampingan dalam berblogging. Unless korang menjadikan blog ni sebagai sumber utama pendapatan. Itu lain ceghita naa. 

Oh yer, jom baca doa Qunut Nazilah untuk saudara se-Islam kita di Gaza. Aku tak mampu mengangkat senjata, aku hanya mampu berdoa di setiap akhir solatku. Semoga Allah melindungi mereka di sana dan laknat lah sang Yahudi. Allah. Esok aku nak cerita pasal agenda Yahudi dan mengapa mereka menyerang Gaza :(

Sumber

Sumber utama entry : The 10 HTML Tags Every Blogger Should Know