HTML Basic Part 1
Author: admin19 May
Banyak orang yang buta terhadap bhs pemrograman web pasti bingung saat pertama kali mau ngedit template blog mereka. Entah itu pake joomla, wordpress ataupun hanya blogspot saja. Basic dari semua hal tersebut biasanya ada 3 jenis saja. HTML, CSS dan mungkin PHP
Kita akan coba bahas sedikit dari HTML. Sapa tau dg mengerti HTML jadi bs belajar ngedit template org kan (yg lain menyusul)?
So.. lets start to see what is HTML
Sumber : http://www.w3schools.com/html
What is an HTML File?
- HTML stands for Hyper Text Markup Language
- An HTML file is a text file containing small markup tags
- The markup tags tell the Web browser how to display the page
- An HTML file must have an htm or html file extension
- An HTML file can be created using a simple text editor
Simplenya sih, nyaris smua yg dibuka, harus ditutup ^^
Apa sih yang dibuka dan apa juga yg ditutup? Lihat syntacs di bawah. ^^
<html> <head> <title>Title of page</title> </head> <body> This is my first homepage. <b>This text is bold</b> </body> </html> |
Tapi tentu ga smua syntacs harus di tutup.
Ini adalah bbrp pertanyaan yang sering diajukan
Q: After I have edited an HTML file, I cannot view the result in my browser. Why?
A: Make sure that you have saved the file with a proper name and extension like “c:\mypage.htm”. Also make sure that you use the same name when you open the file in your browser.
Q: I have edited an HTML file, but the changes don’t show in the browser. Why?
A: A browser caches pages so it doesn’t have to read the same page twice. When you have modified a page, the browser doesn’t know that. Use the browser’s refresh/reload button to force the browser to reload the page.
Q: What browser should I use?
A: You can do all the training with all of the well-known browsers, like Internet Explorer, Firefox, Netscape, or Opera. However, some of the examples in our advanced classes require the latest versions of the browsers.
Q: Does my computer have to run Windows? What about a Mac?
A: You can do all your training on a non-Windows computer like a Mac.
Ini ada beberapa contoh dari HTML code. Semoga artikel ini bermanfaat. ^^
Headings
Heading didefinisikan dengan tags <h1> sampai <h6> tags. <h1> size paling gede. <h6> paling kecil.
<h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3> <h4>This is a heading</h4> <h5>This is a heading</h5> <h6>This is a heading</h6> |
HTML automatically adds an extra blank line before and after a heading.
Paragraphs
<p> tag mendefinisikan paragraf. jadi kalau ditutup pake syntacs ini akan jd paragraf baru ^^
<p>This is a paragraph</p> <p>This is another paragraph</p> |
HTML secara otomatis kasih ENTER antar paragraf
Line Breaks
<br> tag buat enter yang mepet. Ga ada jeda 1 baris.
<p>This <br> is a para<br>graph with line breaks</p> |
<br> adalah salah 1 tag yang GAK PERLU DITUTUP
Comments in HTML
Mau curhat dalam HTML code kamu? Wahahha bisa kok. TUlis aja sembarang di antara <!– dan –> ga akan di jalankan ama HTML nya ^^
<!– This is a comment –> |
Basic HTML Tags
| Tag | Description |
|---|---|
| <html> | Defines an HTML document |
| <body> | Defines the document’s body |
| <h1> to <h6> | Defines header 1 to header 6 |
| <p> | Defines a paragraph |
| <br> | Inserts a single line break |
| <hr> | Defines a horizontal rule |
| <!–> | Defines a comment |
Text Formatting Tags
| Tag | Description |
|---|---|
| <b> | Defines bold text |
| <big> | Defines big text |
| <em> | Defines emphasized text |
| <i> | Defines italic text |
| <small> | Defines small text |
| <strong> | Defines strong text |
| <sub> | Defines subscripted text |
| <sup> | Defines superscripted text |
| <ins> | Defines inserted text |
| <del> | Defines deleted text |
| <s> | Deprecated. Use <del> instead |
| <strike> | Deprecated. Use <del> instead |
| <u> | Deprecated. Use styles instead |
“Computer Output” Tags
| Tag | Description |
|---|---|
| <code> | Defines computer code text |
| <kbd> | Defines keyboard text |
| <samp> | Defines sample computer code |
| <tt> | Defines teletype text |
| <var> | Defines a variable |
| <pre> | Defines preformatted text |
| <listing> | Deprecated. Use <pre> instead |
| <plaintext> | Deprecated. Use <pre> instead |
| <xmp> | Deprecated. Use <pre> instead |
Citations, Quotations, and Definition Tags
| Tag | Description |
|---|---|
| <abbr> | Defines an abbreviation |
| <acronym> | Defines an acronym |
| <address> | Defines an address element |
| <bdo> | Defines the text direction |
| <blockquote> | Defines a long quotation |
| <q> | Defines a short quotation |
| <cite> | Defines a citation |
| <dfn> | Defines a definition term |
Submit It :
Blogsphere: TechnoratiFeedsterBloglines
Bookmark: Del.icio.usSpurlFurlSimpyBlinkDigg
RSS feed for comments on this post | TrackBack URI for this post
6 Comments »
Recent Post
Search
Top Commentator
Affiliate
Best Deal Ads
Archives
- July 2008
- June 2008
- May 2008
- April 2008
- March 2008
- February 2008
- January 2008
- December 2007
- November 2007
- October 2007
- September 2007
- August 2007
- July 2007
- June 2007
- May 2007
Recent Comments
- spypark.reborn: long time i'm not blogwalking
- SatoNa: Hmm.. aku lebi tertarik sama
- Ruud: If You have just one
- Luke Zet: Very true- and pragmatic! Even
- admin: pokoknya EPP key dpt aku
- Ruud: Ikut berduka deh... Semenjak Shirei posting
- admin: makasih say (peluk erat2) Btw say...
- SatoNa: huee.. sabar yah cc..
- Ruud: hehehe... kayak jackpot aja..Gak pernah menang
- Ruud: I have a French blog
Most View
- The Sims 2 Career Track / Career List - 13,559 Views
- The Sims 2 Career Track / Career List Part 2 - 4,643 Views
- The Sims 2 Free Time Snapshot - 4,202 Views
- Ghost Online Indonesia (Game online RPG 2D) - 4,165 Views
- Tutorial Photos Slide Show with Adobe Premiere Pro - 3,681 Views
- How to add text to video with adobe premiere pro 1.5 - 3,660 Views
- The Sims 2 Bon Voyage Screenshot and Review - 3,453 Views
- Code for Gold not paid to post Forum Anymore - 3,264 Views
- Best Hack Item for The Sims 2 - 3,169 Views
- How to Unlock Mementos at the Sims 2 Bon Voyage - 2,740 Views
Blog Stat
Best View
This site Best viewed at MOZILLA FIREFOX 1024 x 768 px
If you use other browser, maybe you will find error.
Want to get Firefox FREE to browsing SAVER and FASTER?
Just click link bellow and install it at your PC
Subscribe to this Blog
Author
I'm Just young FEMALE who like to sharing knowledge by teaching or make tutorial
If you have tutorial request or article request, pls feel free to ask me. If I can, I'll make it for you ^^
Contact Me
Best Deal Ads
wah cc.. kyknya tabel yg text formating ma dll nya jg mesti di jelasin tuh.. =P
ahaha ok deh. nanti aku usahakan. Soalnya dah ada yg request CSS nih –;
hmm… gw masih aga2 puyeng siy… tapi setelah baca ini, rada mendingan… xP
wahahaha pusing yah. Sante aja. habis ini aku coba kasih keterangan yg lbh ringan ^^
hmmmm
setiap list tag masuk penjelasan masing² yah >> asp file
keren!!
kayanya perlu dijelasin tuh
tag mana yg penutupnya adalah required dan yg mana optional
oh ya mungkin XHTML juga perlu dijelasin
untuk text formatting masih kurang
[ font face; size; color ]
keep up
oh iyah.. ada face ama color yah. wahaha amnesia gua. Iyah iyah… aku tambahin itu nanti
makasih masukannya