Panduan Belajar Bahasa HTML

1.mencari tutorial belajar bahasa HTML :
a.Usai membuka URL nya pilih file → Save as → Simpan di tempat aman
b.judul artikel dan isinya di copy paste di MS.Word → Save as → File name yang mudah di ingat →Simpan di tempat aman
Oleh karena itu ketikkan keyword di google search : Tutorial belajar bahasa HTML atau panduan belajar bahsa HTML.
2.ketikan di address bar : http://www.werbach.com → Perhatiakan raigh side bar → Bare Bones Guide to HTML → lihat ke bawah ada tulisan : View download → Translation → Pilih bahasa inggris dan Indonesia → copy paste semua secara urut di MS Word:
a.Text
b.HTML
c.Intro
d.Note
3.Setelah mengkaji tutorial di atas membuat ringkasan tentang struktur dasar/pokok penulisan bahasa HTML


Keterangan :
1.Tugas di atas wajib di print out :
a.nomer satu yang di simpan di MS Word (1b)
b.nomer 2 a (text) dan b ( HTML)
c.nomer 3
2.Dikumpulkan minggu depan,dikemas sedemikian rupa di beri cover di beri identitas berdasar
Standar penulisan karya ilmiah (menggunakan kat pengntar )
Jangan lupa mencantumkan nama sumbernya

Jawaban :
1. Tutorial HTML
1. Perkenalan dengan HTML
HTML adalah bahasa pemrograman dasar yang digunakan untuk membangun sebuah situs. HTML sangat mudah digunakan dan diaplikasikan, oleh karena itu apabila kalian ingin belajar membangun sebuah situs sendiri maka bahasa HTML wajib kalian pelajari. Pelajaran HTML ini akan diberikan dalam bahasa yang mudah dimengerti sehingga kalian dapat belajar mulai dari nol alias tidak tahu apa-apa tentang html.
Anggap kalian sedang ingin membuat suatu kue. Sebelum membuat suatu kue maka kalian harus mengetahui terlebih dahulu bahan-bahan yang akan kalian gunakan beserta tahapan-tahapannya agar kue itu nanti terasa lezat apabila dimakan. Membuat file html pun demikian, sebelum membuat suatu file html kalian harus mengerti struktur dari file html itu sendiri dan 'bahan-bahan' yang digunakan dalam membuat file tersebut agar file html kalian dapat tampil dengan bagus di browser manapun.
HTML merupakan singkatan dari Hypertext Markup Language yang merupakan bahasa paling standard yang digunakan untuk membuat suatu website. HTML bukanlah merupakan suatu bahasa pemrograman, karena bahasa ini hanya berguna untuk mengontrol tampilan dari suatu halaman (web page) beserta isinya, beda dengan bahasa PHP yang didalamnya dapat mendukung suatu bentuk perulangan (Loop) atau bentuk pengandaian (if-else) sehingga bahasa PHP dapat disebut sebagai suatu bahasa pemrograman. Namun dengan berawal dari bahasa paling dasar ini kamu dapat menambahkan obyek-obyek lainnya seperti gambar, suara, video, dan permainan flash dalam suatu dokumen HTML.
Untuk membuat suatu dokumen HTML, hal-hal yang kamu perlukan hanyalah sebuah text editor biasa seperti : Notepad atau Wordpad (program standar bawaan dari windows) lalu kamu mengetikkan kode HTML didalamnya kemudian di save (simpan) dengan akhiran (ekstensi) .htm atau .html. Sebagai contoh kamu bisa menyimpan dokumen HTML kamu dengan nama belajar.html Bila kamu ingin sebuah HTML editor yang lebih profesional lagi, mungkin kamu bisa menggunakan program MS FrontPage atau bahkan Dreamweaver (editor HTML yang paling terkenal), tetapi tentunya kedua program (software) diatas merupakan software berbayar yang tentunya disini kami amat tidak menyarankan kamu untuk mencari crack-nya atau menggunakan software ilegal. Kemudian apabila file kamu telah disimpan dengan akhiran .html atau .htm maka selanjutnya kamu dapat membukanya dengan software (dalam hal ini disebut browser) seperti : Internet Explorer (bawaan windows) , Mozilla Firefox , Google Chrome , Opera , atau browser lainnya.

Bahasa inggris :
2.a. +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
T H E B A R E B O N E S G U I D E T O H T M L

by Kevin Werbach


Version 4.0 -- January 1999
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++


This document is available at , where you will
also find the HTML formatted version, translations, and background materials.

The Bare Bones Guide to HTML lists all the tags that current browsers are
likely to recognize. I have included all the elements in the official HTML
4.0 recommendation with common attributes, as well as Netscape and Microsoft
extensions. This document is a quick reference, not a complete specification;
for official information about HTML and its development, see the World Wide
Web Consortium site at .

The Guide is designed to be as concise as possible, and therefore it doesn't
go into any detail about how to use the various tags. For links to some good
step-by-step HTML guides, see .



FORMATTING OF THIS DOCUMENT
----------------------------------------------------------------------------
This document looks best displayed in a monospaced font.

For clarity, I have separated out tag attributes onto separate lines.
Generally, multiple attributes can be applied to the same tag.

Tags are listed in upper case for ease of reading, although most tags are
not case sensitive.



SYMBOLS USED
----------------------------------------------------------------------------
URL URL of an external file (or just file name if in the same directory)
? Arbitrary number (i.e. means

,

,

, etc.)
% Arbitrary percentage (i.e.

---

means

---

, etc.)
*** Arbitrary text (i.e. ALT="***" means fill in with text)
$$$$$$ Arbitrary hex (i.e. BGCOLOR="#$$$$$$" means BGCOLOR="#00FF1C", etc.)
::: Arbitrary date (i.e. DATETIME=":::" means "1994-11-05T08:15:30" etc.)
@ Email address (i.e. "mailto:@" means "mailto:kevin@werbach.com" etc.)
,,, Comma-delimited (i.e. COORDS=",,," means COORDS="0,0,50,50", etc.)
| Alternatives (i.e. ALIGN=LEFT|RIGHT|CENTER means pick one of these)


COMPATIBILITY (remember, HTML is evolving and browser implementations vary)
----------------------------------------------------------------------------
(no notation) In the HTML 3.2 spec.; should work on all browsers
4.0 Introduced in HTML 4.0 recommendation
N1 Netscape extension introduced with Navigator version 1.0 or 1.1
N2 Netscape extension introduced with Navigator version 2.0
N3 Netscape extension introduced with Navigator version 3.0
N4 Netscape extension introduced with Navigator/Communicator version 4.0
MS Microsoft Internet Explorer extension
* Netscape extension now included in the HTML 4.0 specification

===========================================================================
===========================================================================



GENERAL (all HTML documents should have these)
----------------------------------------------------------------------------
Document Type (beginning and end of file)
Title (must be in header)
Header (descriptive info, such as title)
Body (bulk of the page)


STRUCTURAL DEFINITION (appearance controlled by the browser's preferences)
----------------------------------------------------------------------------
Heading (the spec. defines 6 levels)
Align Heading
Division

Align Division

4.0 Defined Content
Block Quote

(usually indented)
4.0 Quote (for short quotations)
4.0 Citation
Emphasis (usually displayed as italic)
Strong Emphasis (usually displayed as bold)
Citation (usually italics)
Code (for source code listings)
Sample Output
Keyboard Input
Variable
Definition (not widely implemented)
Author's Address

Large Font Size
Small Font Size
4.0 Insert (marks additions in a new version)
4.0 Time of Change
4.0 Comments
4.0 Delete (marks deletions in a new version)
4.0 Time of Change
4.0 Comments
4.0 Acronym
4.0 Abbreviation



PRESENTATION FORMATTING (author specifies text appearance)
----------------------------------------------------------------------------
Bold
Italic
4.0* Underline (not widely implemented)
Strikeout (not widely implemented)
4.0* Strikeout (not widely implemented)
Subscript
Superscript
Typewriter (displays in a monospaced font)
Preformatted

(display text spacing as-is)
Width

(in characters)
Center (for both text and images)
N1 Blinking (the most derided tag ever)
Font Size (ranges from 1-7)
Change Font Size
Font Color
4.0* Select Font
N4 Point size
N4 Weight
4.0* Base Font Size (from 1-7; default is 3)
MS Marquee


POSITIONING
----------------------------------------------------------------------------

N3 Multi-Column
N3 Column Gutter
N3 Column Width
N3 Spacer
N3 Spacer Type
N3 Size
N3 Dimensions
N3 Alignment
N4 Layer
N4 Name
N4 Location
N4 Rel. Position
N4 Source File
N4 Stacking
N4 Stack Position
N4 Dimensions
N4 Clipping Path
N4 Visible?
N4 Background
N4 Color
N4 Inline Layer (takes same attributes as LAYER)
N4 Alt. Content


LINKS, GRAPHICS, AND SOUNDS
----------------------------------------------------------------------------
Link Something
Link to Location (if in another document)
(if in current document)
4.0* Target Window
4.0* Action on Click (Javascript)
4.0* Mouseover Action (Javascript)
4.0* Mouse out Action (Javascript)
Link to Email
Specify subject (use a real ?)
Define Location
Display Image
Alignment
N1 Alignment
Alternate (if image not displayed)
Dimensions (in pixels)
(as percentage)
Border (in pixels)
Runaround Space (in pixels)
N1 Low-Res Proxy
Imagemap (requires a script)
Imagemap
MS Movie Clip
MS Background Sound
Client-Side Map (describes the map)
Map Section
N1 Client Pull
N2 Embed Object (insert object into page)
N2 Object Size
4.0 Object
4.0 Parameters

DIVIDERS
----------------------------------------------------------------------------
Paragraph

(closing tag often unnecessary)
Align Text

N Justify Text

Line Break
(a single carriage return)
Clear Textwrap

Horizontal Rule

---

Alignment

---

Thickness

---

(in pixels)
Width

---

(in pixels)
Width Percent

---

(as a percentage of page width)
Solid Line

---

(without the 3D cutout look)
N1 No Break (prevents line breaks)
N1 Word Break (where to break a line if needed)


LISTS (lists can be nested)
-----------------------------------------------------------------------------
Unordered List

(

before each list item)
Compact

Bullet Type

(for the whole list)
• (this & subsequent)
  Ordered List
  (
• before each list item)
  Compact
  Numbering Type
  (for the whole list)
  1. (this & subsequent)
     Starting Number
     (for the whole list)
     1. (this & subsequent)
        Definition List
        (
        =term,
        =definition)
        Compact

        Menu List

        (

        before each list item)
        Compact
        Directory List

        (

        before each list item)
        Compact
        
        
        BACKGROUNDS AND COLORS
        ----------------------------------------------------------------------------
        Tiled Bkground
        MS Watermark
        Bkground Color (order is red/green/blue)
        Text Color
        Link Color
        Visited Link
        Active Link
        (More info at )
        
        
        SPECIAL CHARACTERS (these must all be in lower case)
        ----------------------------------------------------------------------------
        Special Character &#?; (where ? is the ISO 8859-1 code)
        < < > >
        & &
        " "
        Registered TM ®
        Registered TM ®
        Copyright ©
        Copyright ©
        Non-Breaking Spc  
        (Complete list at )
        
        
        FORMS (generally require a script on your server)
        ----------------------------------------------------------------------------
        Define Form

        4.0* File Upload

        Input Field
        Field Name
        Field Value
        Checked? (checkboxes and radio boxes)
        Field Size (in characters)
        Max Length (in characters)
        4.0 Button
        4.0 Button Name
        4.0 Button Type
        4.0 Default Value
        4.0 Label
        4.0 Item Labelled
        Selection List
        Name of List
        # of Options
        Multiple Choice (can select more than one)
        Option (items that can be selected)
        Default Option
        Option Value
        4.0 Option Group
        Input Box Size
        Name of Box
        N2 Wrap Text
        4.0 Group elements

        4.0 Legend

        (caption for fieldsets)
        4.0 Alignment

        
        
        
        TABLES
        ----------------------------------------------------------------------------
        Define Table 4.0* Table Alignment Table Border (either on or off) Table Border (you can set the value) Cell Spacing Cell Padding Desired Width (in pixels) Width Percent (percentage of page) 4.0* Table Color 4.0 Table Frame 4.0 Table Rules MS Border Color MS Dark Border MS Light Border Table Row Alignment Table Cell (must appear within table rows) Alignment
        No linebreaks
        Columns to Span
        Rows to Span
        4.0* Desired Width (in pixels)
        N3 Width Percent (percentage of table)
        4.0* Cell Color
        Header Cell (same as data, except bold centered)
        Alignment
        No Linebreaks
        Columns to Span
        Rows to Span
        4.0* Desired Width (in pixels)
        N3 Width Percent (percentage of table)
        4.0* Cell Color
        4.0 Table Body
        4.0 Table Footer (must come before THEAD>
        4.0 Table Header
        Table Caption
        Alignment
        4.0 Column (groups column attributes)
        4.0 Columns Spanned
        4.0 Column Width
        4.0 Width Percent
        4.0 Group columns (groups column structure)
        4.0 Columns Spanned
        4.0 Group Width
        4.0 Width Percent
        
        
        FRAMES (define and manipulate specific regions of the screen)
        ----------------------------------------------------------------------------
        4.0* Frame Document (instead of )
        4.0* Row Heights (pixels or %)
        4.0* Row Heights (* = relative size)
        4.0* Column Widths (pixels or %)
        4.0* Column Widths (* = relative size)
        4.0* Borders
        4.0* Border Width
        4.0* Border Color
        N3 Frame Spacing
        4.0* Define Frame (contents of an individual frame)
        4.0* Display Document
        4.0* Frame Name
        4.0* Margin Width (left and right margins)
        4.0* Margin Height (top and bottom margins)
        4.0* Scrollbar?
        4.0* Not Resizable
        4.0* Borders
        4.0* Border Color
        4.0* Unframed Content (for non-frames browsers)
        4.0 Inline Frame (takes same attributes as FRAME)
        4.0 Dimensions
        4.0 Dimensions
        
        
        SCRIPTS AND JAVA
        ----------------------------------------------------------------------------
        Script
        Location
        Type
        Language
        4.0* Other Content (if scripts not supported)
        Applet
        File Name
        Parameters
        Location
        Identifier (for references)
        Alt Text (for non-Java browsers)
        Alignment
        Size (in pixels)
        Spacing (in pixels)
        N4 Server Script
        
        
        MISCELLANEOUS
        ----------------------------------------------------------------------------
        Comment (not displayed by the browser)
        Prologue
        Searchable (indicates a searchable index)
        Prompt (text to prompt input)
        Send Search (use a real question mark)
        URL of This File (must be in header)
        4.0* Base Window Name (must be in header)
        Relationship (in header)
        N4 Linked File
        Meta Information (must be in header)
        Style Sheets (implementations vary)
        4.0 Bidirect Off (for certain character sets)
        
        
        
        ============================================================================
        Copyright (c) 1995-2001 Kevin Werbach. Redistribution is permitted, so long
        as there is no charge and this document is included without alteration in
        its entirety. This Guide is not a product of Bare Bones Software. More
        information is available at .
        
        b. The latest version of this document is available at http://werbach.com/barebones/, where you will also find the text version, translations, and background materials.
        The Bare Bones Guide to HTML lists all the tags that current browsers are likely to recognize. I have included all the elements in the official HTML 4.0 recommendation with common attributes, as well as Netscape and Microsoft extensions. This document is a quick reference, not a complete specification; for official information about HTML and its development, see the World Wide Web Consortium site at http://www.w3.org/MarkUp/.
        The Guide is designed to be as concise as possible, and therefore it doesn't go into any detail about how to use the various tags. A few tags link to notes that address frequently-asked questions. If you're looking for more detailed step-by-step information, see my WWW Help Page.
        Table of Contents
        1. INTRODUCTORY MATERIAL
        o What is unique about this guide
        o Which HTML tags are included
        o How this document is formatted (including a description of symbols and abbreviations)
        2. HTML TAGS
        o basic elements (all HTML documents should have these)
        o structural definition (appearance controlled by the browser's preferences)
        o presentation formatting (author specifies text appearance)
        o links, graphics, and sounds
        o positioning
        o dividers
        o lists
        o backgrounds and colors
        o special characters
        o forms
        o tables
        o frames
        o scripts and java
        o miscellaneous
        Important: If you are not clear about the differences between the various versions of HTML, I suggest that you read my discussion of the development of HTML, or the World Wide Web Consortium HTML activity statement.
        BASIC ELEMENTS
        ________________________________________
        Document Type (beginning and end of file)
        Title (must be in header)
        Header (descriptive info, such as title)
        Body (bulk of the page)
        STRUCTURAL DEFINITION
        ________________________________________
        Heading (the spec. defines 6 levels)
        Align Heading
        Division

        
        Align Division

        4.0 Defined Content
        Block Quote
        

        (usually indented)
        4.0 Quote (for short quotations)
        4.0 Citation
        Emphasis (usually displayed as italic)
        Strong Emphasis (usually displayed as bold)
        Citation (usually italics)
        Code (for source code listings)
        Sample Output
        Keyboard Input
        Variable
        Definition (not widely implemented)
        Author's Address

        
        Large Font Size
        Small Font Size
        4.0 Insert (marks additions in a new version)
        4.0 Time of Change
        4.0 Comments
        4.0 Delete (marks deletions in a new version)
        4.0 Time of Change
        4.0 Comments
        4.0 Acronym
        4.0 Abbreviation
        PRESENTATION FORMATTING
        ________________________________________
        Bold
        Italic
        4.0* Underline (not widely implemented)
        Strikeout (not widely implemented)
        4.0* Strikeout (not widely implemented)
        Subscript
        Superscript
        Typewriter (displays in a monospaced font)
        Preformatted
        

        (display text spacing as-is)
        Width

        (in characters)
        Center
        (for both text and images)
        N1 Blinking (the most derided tag ever)
        Font Size (ranges from 1-7)
        Change Font Size
        Font Color
        4.0* Select Font
        N4 Point size
        N4 Weight
        4.0* Base Font Size (from 1-7; default is 3)
        MS Marquee
        POSITIONING
        ________________________________________
        N3 Multi-Column
        N3 Column Gutter
        N3 Column Width
        N3 Spacer
        N3 Spacer Type
        N3 Size
        N3 Dimensions
        N3 Alignment
        N4 Layer
        N4 Name
        N4 Location
        N4 Rel. Position
        N4 Source File
        N4 Stacking
        N4 Stack Position
        N4 Dimensions
        N4 Clipping Path
        N4 Visible?
        N4 Background
        N4 Color
        N4 Inline Layer (takes same attributes as LAYER)
        N4 Alt. Content
        LINKS, GRAPHICS, AND SOUNDS
        ________________________________________
        Link Something
        Link to Location (if in another document)
        (if in current document)
        4.0* Target Window
        4.0* Action on Click (Javascript)
        4.0* Mouseover Action (Javascript)
        4.0* Mouse out Action (Javascript)
        Link to Email
        N, MS Specify Subject (use a real question mark)
        Define Location
        Display Image
        Alignment
        N1 Alignment
        Alternate (if image not displayed)
        Dimensions (in pixels)
        (as percentage of page width/height)
        Border (in pixels)
        Runaround Space (in pixels)
        N1 Low-Res Proxy
        Imagemap (requires a script)
        Imagemap
        MS Movie Clip
        MS Background Sound
        Client-Side Map (describes the map)
        Map Section
        N1 Client Pull
        N2 Embed Object (insert object into page)
        N2 Object Size
        4.0 Object
        4.0 Parameters
        DIVIDERS
        ________________________________________
        Paragraph
        

        (closing tag often unnecessary)
        Align Text
        

        
        N Justify Text

        
        Line Break
        (a single carriage return)
        Clear Textwrap
        
        Horizontal Rule

        ---

        
        Alignment

        ---

        
        Thickness

        ---

        (in pixels)
        Width

        ---

        (in pixels)
        Width Percent

        ---

        (as a percentage of page width)
        Solid Line

        ---

        (without the 3D cutout look)
        N1 No Break (prevents line breaks)
        N1 Word Break (where to break a line if needed)
        LISTS
        ________________________________________
        Unordered List

        (before each list item) Compact

        Bullet Type

        (for the whole list) Bullet Type
        • (this & subsequent)
          Ordered List
          (before each list item) Compact
          Numbering Type
          (for the whole list) Numbering Type
          1. (this & subsequent)
             Starting Number
             (for the whole list) Starting Number
             1. (this & subsequent)
                Definition List
                (
                =term,
                =definition)
                Compact

                
                Menu List

                (before each list item)
                Compact
                Directory List

                (before each list item)
                Compact
                BACKGROUNDS AND COLORS
                ________________________________________
                Tiled Bkground
                MS Watermark
                Bkground Color (order is red/green/blue)
                Text Color
                Link Color
                Visited Link
                Active Link
                (More info at http://werbach.com/web/wwwhelp.html#color)
                
                SPECIAL CHARACTERS
                ________________________________________
                Special Character &#?; (where ? is the ISO 8859-1 code)
                < < > >
                & &
                " "
                Registered TM ®
                Registered TM ®
                Copyright ©
                Copyright ©
                Non-Breaking Space  
                (Complete list at http://www.htmlhelp.com/reference/charset)
                
                FORMS
                ________________________________________
                Define Form

                
                4.0* File Upload

                Input Field
                Field Name
                Field Value
                Checked? (checkboxes and radio boxes)
                Field Size (in characters)
                Max Length (in characters)
                4.0 Button
                4.0 Button Name
                4.0 Button Type
                4.0 Default Value
                4.0 Label
                4.0 Item Labelled
                Selection List
                Name of List
                # of Options
                Multiple Choice (can select more than one)
                Option (items that can be selected)
                Default Option
                Option Value
                4.0 Option Group
                Input Box Size
                Name of Box
                N2 Wrap Text
                4.0 Group elements

                
                4.0 Legend

                (caption for fieldsets)
                4.0 Alignment

                
                TABLES
                ________________________________________
                Define Table
                4.0* Table Alignment Table Border (either on or off) Table Border (you can set the value) Cell Spacing Cell Padding Desired Width (in pixels) Width Percent (percentage of page) 4.0* Table Color 4.0 Table Frame 4.0 Table Rules MS Border Color MS Dark Border MS Light Border Table Row Alignment Table Cell (must appear within table rows) Alignment
                No linebreaks
                Columns to Span
                Rows to Span
                4.0* Desired Width (in pixels)
                N3 Width Percent (percentage of table)
                4.0* Cell Color
                Header Cell (same as data, except bold centered)
                Alignment
                No Linebreaks
                Columns to Span
                Rows to Span
                4.0* Desired Width (in pixels)
                N3 Width Percent (percentage of table)
                4.0* Cell Color
                4.0 Table Body
                4.0 Table Footer (must come before THEAD>
                4.0 Table Header
                Table Caption
                Alignment
                4.0 Column (groups column attributes)
                4.0 Columns Spanned
                4.0 Column Width
                4.0 Width Percent
                4.0 Group columns (groups column structure)
                4.0 Columns Spanned
                4.0 Group Width
                4.0 Width Percent
                FRAMES
                ________________________________________
                4.0* Frame Document (instead of )
                4.0* Row Heights (pixels or %)
                4.0* Row Heights (* = relative size)
                4.0* Column Widths (pixels or %)
                4.0* Column Widths (* = relative size)
                4.0* Borders
                4.0* Border Width
                4.0* Border Color
                N3 Frame Spacing
                4.0* Define Frame (contents of an individual frame)
                4.0* Display Document
                4.0* Frame Name
                4.0* Margin Width (left and right margins)
                4.0* Margin Height (top and bottom margins)
                4.0* Scrollbar?
                4.0* Not Resizable
                4.0* Borders
                4.0* Border Color
                4.0* Unframed Content (for non-frames browsers)
                4.0 Inline Frame (takes same attributes as FRAME)
                4.0 Dimensions
                4.0 Dimensions
                SCRIPTS AND JAVA
                ________________________________________
                Script
                Location
                Type
                Language
                4.0* Other Content (if scripts not supported)
                Applet
                File Name
                Parameters
                Location
                Identifier (for references)
                Alt Text (for non-Java browsers)
                Alignment
                Size (in pixels)
                Spacing (in pixels)
                N4 Server Script
                MISCELLANEOUS
                ________________________________________
                Comment (not displayed by the browser)
                Prologue
                
                Searchable (indicates a searchable index)
                Prompt (text to prompt input)
                Send Search (use a real question mark)
                URL of This File (must be in header)
                4.0* Base Window Name (must be in header)
                Relationship (in header)
                N4 Linked File
                Meta Information (must be in header)
                Style Sheets (implementations vary)
                4.0 Bidirect Off (for certain character sets)
                c. The Bare Bones Guide to HTML
                I N T R O D U C T I O N
                
                Credit where credit is due
                ________________________________________
                Many people have provided suggestions and assistance as the Bare Bones Guide to HTML has developed. My thanks go out to everyone who has contributed to the effort.
                | UP to Gateway Page || Plain Text | Formatted || Kevin's Home Page |
                
                What is unique about this guide
                ________________________________________
                Several people have created excellent HTML guides and made them available on the Web -- who needs another one?
                This document is designed to serve a particular niche. It is intended as a concise "cheat sheet" that you can use to look up the correct forms of tags as you are creating Web pages. Other HTML guides provide significantly more descriptive material about how to use particular tags or how HTML works in general. If you are a beginner, you might try one of those guides first.
                There are also several style guides that focus more on how to write pages that look good and work on different browsers. I encourage you to read one or more of them if you are planning on creating Web pages; far too many people ignore the fact that their pages are going to be read by other people and that there are better and worse ways of doing things.
                My WWW Help Page has links to numerous other sites that provide information on HTML and Web page design. It's a good place to start if you have specific questions that go beyond the "bare bones" information provided here.
                This guide is designed for people who know enough not to need step-by-step instructions, but who haven't memorized the exact format of every HTML tag yet. If you want a "quick reference" that you can glance at without having to read through additional descriptive material, this guide is for you.
                | UP to Gateway Page || Plain Text | Formatted || Kevin's Home Page |
                
                Which tags are included
                ________________________________________
                The other distinguishing aspect of this guide is what it includes. The Bare Bones Guide to HTML is intended to include all of the tags in common usage on Web pages today. Specifically, the Guide lists the following:
                • HTML 4.0 tags
                • Netscape and Microsoft extensions to HTML
                The development of HTML has been a confusing process, as attempts to adopt formal standards have often been overrun by developments in the marketplace. The World Wide Web Consortium (W3C) is the official standards body for HTML. The current W3C recommendation is HTML 4.0.
                In its Position Statement on HTML, W3C recommends that information providers use the HTML 4.0 specification, but that tools also be backward-compatible with earlier versions. Therefore, version 4.0 of the Bare Bones Guide to HTML includes all the HTML 4.0 tags, but distinguishes tags introduced in version 4.0 from those in version 3.2 as well.
                I have also included all of the Netscape and Microsoft extensions to HTML, with the exception of some server interaction tags such as server push animation. Some of these extensions will not display properly if people viewing your pages are using another browser, so you should think about your audience before deciding whether to use them.
                
                | UP to Gateway Page || Plain Text | Formatted || Kevin's Home Page |
                
                FORMATTING OF THIS DOCUMENT
                ________________________________________
                For clarity, I have separated out different attributes that can be applied to the same tag onto separate lines. Generally, multiple attributes can be combined in the same tag.
                Tags are listed in upper case for ease of reading, although most tags are not case sensitive.
                SYMBOLS USED
                ________________________________________
                URL URL of an external file (or just file name if in the same directory)
                ? Arbitrary number (i.e. means

                ,

                ,

                , etc.)
                % Arbitrary percentage (i.e.

                ---

                means

                ---

                , etc.)
                *** Arbitrary text (i.e. ALT="***" means fill in with text)
                $$$$$$ Arbitrary hex (i.e. BGCOLOR="#$$$$$$" means BGCOLOR="#00FF1C", etc.)
                ::: Arbitrary date (i.e. DATETIME=":::" means "1994-11-05T08:15:30" etc.)
                @ Email address (i.e. "mailto:@" means "mailto:kevin@werbach.com" etc.)
                ,,, Comma-delimited (i.e. COORDS=",,," means COORDS="0,0,50,50", etc.)
                | Alternatives (i.e. ALIGN=LEFT|RIGHT|CENTER means pick one of these)
                
                
                COMPATIBILITY
                (remember, HTML is evolving and browser implementations vary)
                ________________________________________
                (no notation) In the HTML 3.2 spec.; should work on all browsers
                4.0 Introduced in HTML 4.0 recommendation
                N1 Netscape extension introduced with Navigator version 1.0 or 1.1
                N2 Netscape extension introduced with Navigator version 2.0
                N3 Netscape extension introduced with Navigator version 3.0
                N4 Netscape extension introduced with Navigator/Communicator version 4.0
                MS Microsoft Internet Explorer extension
                * Netscape extension now included in the HTML 4.0 specification
                
                
                | UP to Gateway Page || Plain Text | Formatted || Kevin's Home Page |
                
                Version History
                ________________________________________
                Version 4.0 -- January 1999.
                • Updated everything to comply with the HTML 4.0 specification.
                • Redesigned the layout of the main index page.
                • Combined the tables and formatted versions, since all major browsers now support tables.
                Version 3.0 -- July 21, 1996.
                • Updated everything to conform to the HTML 3.2 specification.
                • Added a new section for Java tags supported by HTML 3.2
                • Revised the introductory material and annotations.
                • Redesigned the layout of the "tables" version, in order to make it easier to read.
                • All major browsers now support tables, so to save time I have decided to eliminate the separate non-table "HTML" version of the Guide, and to rename the "tables" version as the "formatted" version. Users who cannot view this version can still use the "plain text" version.
                • Added the new tags implemented by beta versions of Netscape Navigator 3.0 up to 3.0b5, including:
                o table cell colors
                o multi-column text
                o spacers
                o frame border control
                o strikeout via the tag and underlining via the tag. These were in HTML 3.0 but not HTML 3.2, so I list them as Netscape extensions.
                o the FACE attribute for the tag (originally a Microsoft extension)
                • Fixed more typos.
                Version 2.0 -- October 7, 1995. Lots of changes and corrections in this version.
                • Rewrote the introductory material and compatibility table language
                • Added + notation for Netscape extensions that have been adopted by most major browsers. This notation is by nature approximate; it represents my judgment about which tags have are widely supported even though they are not (and may never be) in HTML 3.0.
                • Added ,,, notation in table of symbols for comma-delimited lists.
                • Restructured the Hard Formatting and Soft Formatting sections into Presentation Formatting and Structural Definition. This change makes clear the important distinction between presentation-based and structural markup. A few tags have been moved around as a result of this change, and the

                tag has been moved up from Miscellaneous into Structural Definition.
                • Eliminated the Alignment section by shifting the tags listed there into either Structural Definition or Presentation Formatting. Although this results in the Netscape tag being split up from the other alignment tags, it allows the alignment attributes of tags such as

                and to be associated with the underlying tags they operate on. This change is consistent with the HTML 3.0 philosophy of handling alignment through attributes to existing tags rather than through dedicated tags.
                • Added listing for Netscape client pull animation (this has been around since Netscape 1.1, but was not listed in the Guide).
                • Support for new Netscape an ML 3.0 tags implemented in Netscape 2.0:
                o Frames (added a whole new section)
                o Embedded Objects (in Links and Graphics)
                o Divisions (in Structural Definition)
                o Font Color (in Presentation Formatting)
                o Big/Small font size (in Structural Definition)
                o Superscript/Subscript (in Presentation Formatting)
                o File Upload (in Forms)
                o Text wrap (in Forms)
                o Target Windows (in Links and Graphics) and Base Target (in Miscellaneous)
                o Client-side imagemaps (in Links and Graphics)
                • Removed

                tag, because I have been convinced that it is archaic. <br /> &#8226; Moved prologue tags to Miscellaneous section, to indicate that they are not required and reduce confusion. <br /> &#8226; Fixed listing for <NOBR> container by adding a closing tag <br /> &#8226; Changed "outline type" to "numbering type" for Netscape extension to ordered lists, in order to avoid confusion about what this attribute does. <br /> &#8226; Changed wording of <P>tag description to indicate that it is "usually" rendered as a double return. <br /> &#8226; Changed notation for hex triplet from $$$ to $$$$$$ to indicate that six characters are required to reference the three hex values. <br /> &#8226; improved consistency of column alignment in the text version. <br /> Version 1.22 -- August 18, 1995. Added a tag and some attributes that had been accidentally omitted from the forms section, and corrected the listing of which color tags are in the HTML 3.0 spec.<br /> Version 1.21 -- July 26, 1995. Removed the archaic <NEXTID> tag and added some annotations to the HTML and table versions.<br /> Version 1.2 -- July 25, 1995. Several revisions to improve compliance with the official HTML specifications, and to acknowledge more widespread implementation of certain HTML 3.0 tags.<br /> Version 1.1 -- July 19, 1995. Cleaned up a number of things in the introductory material, and correctly specified the ISO 8859-1 character set instead of ASCII.<br /> Version 1.03 -- July 12, 1995. Updated copyright notices to eliminate confusion with Bare Bones Software. Added Netscape relative font sizing tag, and changed the link to the list of ASCII symbol codes.<br /> Version 1.02 -- April 24, 1995. Corrected some additional typos, fixed the link to this version history, and added the standard copyright and registered TM codes to go along with the Netscape versions.<br /> Version 1.01 -- April 11, 1995. Fixed a couple minor typos and ambiguities pointed out by helpful folks, including some errors in the list tags section.<br /> Version 1.0 HTML -- April 6, 1995. Has some additional introductory material, but the text is otherwise identical to version 1.0. Formatted for WWW viewing, with assistance from John Berkin. <br /> Version 1.0 -- April 2, 1995. Corrected some errors pointed out by other people, and made some minor revisions to the introduction and the formatting of certain sections.<br /> Version 0.9b -- March 30, 1995. First public version. Posted on comp.infosystems.www.providers.<br /> <br /> Bahasa Indonesia :<br /> a. ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++<br /> P A N D U A N R I N G K A S H T M L<br /> Judul asli: THE BARE BONES GUIDE TO HTML<br /> oleh Kevin Werbach <http://werbach.com/><br /> Version 3.0 -- July 21, 1996<br /> Alih bahasa Indonesia oleh Kristianto Jahja<br /> <http://www.angelfire.com/ky/KAIZEN/>, January 09, 1997<br /> ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++<br /> <br /> Dokumen ini tersedia secara permanen di <http://werbach.com/barebones/>.<br /> <br /> Panduan Ringkas HTML ini memuat semua tag yang dikenali oleh hampir semua<br /> browser terkemuka versi terkini. Saya telah memuatkan semua Tag yang terdapat<br /> pada Spesifikasi HTML 3.2, demikian juga dengan tag perluasan Netscape yang<br /> terdapat pada Netscape Navigator sampai dengan versi 3.0b5. Panduan ini dirancang<br /> seringkas mungkin; namun bila dikehendaki informasi rinci lebih lanjut tentang<br /> HTML, jadi di sini tidak dibahas rincian cara menggunakannya. Ada banyak panduan<br /> HTML rinci di WEB; saya juga menyiapkan berbagai acuan bagi anda yang terdapat<br /> di <http://werbach.com/web/wwwhelp.html>.<br /> <br /> Segenap saran dan komentar anda akan disambut dengan senang hati, anda dapat<br /> menghubungi saya melalui E-mail di <barebones@werbach.com>.<br /> <br /> <br /> PRAKATA ALIH BAHASA INDONESIA<br /> ---------------------------------------------------------------------------<br /> Alih bahasa "The Bare Bones Guide to HTML" menjadi "Panduan Ringkas HTML" adalah<br /> hasil karya liburan menjelang Natal tahun 1996 dan tahun baru 1997. Meskipun <br /> pada umumnya orang Indonesia yang melek Internet juga melek bahasa Inggris,<br /> namun saya berharap agar alih bahasa ini dapat memperkaya khazanah bahasa<br /> Indonesia di samping memperbanyak populasi masyarakat Internet di Indonesia.<br /> <br /> Panduan Ringkas ini sangatlah bermanfaat terutama dalam menetapkan pemakaian<br /> tag tertentu dalam lembar halaman Web yang anda ciptakan. Saya sendiri telah<br /> membuktikannya dan anda dapat pula melihatnya dengan berkunjung ke lembar<br /> halaman Web saya di Kedai kopi KAIZEN <http://www.angelfire.com/ky/KAIZEN/>,<br /> yang dalam penyusunannya telah banyak diilhami oleh berbagai petunjuk dalam<br /> "The Bare Bones Guide to HTML". Pertanyaan dan komentar dalam bahasa Indonesia<br /> dapat diajukan ke <kaizen@indosat.net.id> Selamat mempelajari.<br /> <br /> <br /> FORMAT DOKUMEN INI<br /> ---------------------------------------------------------------------------<br /> Dokumen ini tampil prima bila diperagakan dengan huruf monospace.<br /> <br /> Untuk kejelasan, saya telah memisahkan berbagai atribut tag berbeda yang dapat<br /> diterapkan pada baris tag. Umumnya, berbagai atribut tag dapat dikombinasikan<br /> untuk diwujudkan pada satu tag. <br /> <br /> Tag ditulis dengan huruf besar guna kemudahan, meskipun pada dasarnya tag tidak<br /> peka terhadap huruf besar-kecil.<br /> <br /> <br /> SIMBOL YANG DIGUNAKAN<br /> ---------------------------------------------------------------------------<br /> URL URL dari file luar (atau file name saja bila terletak pada direktori<br /> yang sama)<br /> ? Bilangan apa saja (mis. <H?> dapat berarti <H1>, <H2>, <H3>, dst.)<br /> % Persentasi apa saja (mis. <hr align=left width="%">dapat berarti<br /> <hr align=left width="50%">, dsb.)<br /> *** Teks apa saja (mis. ALT="***" berarti boleh diisi dengan teks apa saja) <br /> $$$$$$ Hex apa saja (mis. BGCOLOR="#$$$$$$" dapat berarti BGCOLOR="#00FF1C",<br /> dsb.)<br /> ,,, Pembatas koma(mis. COORDS=",,," dapat berarti COORDS="0,0,50,50", dsb.)<br /> | Alternatif pilihan (i.e. ALIGN=LEFT|RIGHT|CENTER berarti pilih salah<br /> satu yang dikehendaki)<br /> <br /> <br /> KOMPATIBILITAS (ingat, HTML berevolusi dan penerapan browser beragam)<br /> ---------------------------------------------------------------------------<br /> <br /> (tanpa notasi) Spesifikasi HTML 3.2; didukung oleh browser umum masa kini <br /> N1.0 Tag perluasan Netscape dari Navigator versi 1.0<br /> N1.1 Tag perluasan Netscape dari Navigator versi 1.1<br /> N2.0 Tag perluasan Netscape dari Navigator versi 2.0 <br /> N3.0b Tag perluasan Netscape dari Navigator version 3.0 beta<br /> ===========================================================================<br /> ===========================================================================<br /> <br /> <br /> ELEMEN DASAR (semua dokumen HTML harus memuatnya)<br /> --------------------------------------------------------------------------- <br /> Jenis Dokumen <HTML></HTML> (awal dan akhir file HTML)<br /> Judul <TITLE></TITLE> (harus terdapat di mukadimah)<br /> Mukadimah <HEAD></HEAD> (keterangan umum, spt judul dsb.)<br /> Batang Tubuh <BODY></BODY> (isi halaman HTML)<br /> <br /> <br /> ANCANGAN STRUKTURAL (tampilan yang tergantung pada browser pemakai)<br /> ---------------------------------------------------------------------------<br /> Kepala <H?></H?> (memiliki 6 tingkatan Heading)<br /> Penataan Kepala <H? ALIGN=LEFT|CENTER|RIGHT></H?><br /> Bagian <DIV></DIV> Penataan Bagian <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV> Kutipan Blok <BLOCKQUOTE></BLOCKQUOTE>(jeda batas pinggir)<br /> Penekanan <EM></EM> (umumnya huruf miring)<br /> Penguatan <STRONG></STRONG> (umumnya huruf tebal)<br /> Kutipan Singkat <CITE></CITE> (citation, huruf miring)<br /> Kode <CODE></CODE> (source code)<br /> Contoh keluaran <SAMP></SAMP> (sample output)<br /> Papan ketik <KBD></KBD> (Keyboard input)<br /> Variabel <VAR></VAR><br /> Definisi <DFN></DFN> (jarang digunakan)<br /> Pengarang <ADDRESS></ADDRESS> Huruf ukuran besar <BIG></BIG><br /> Huruf ukuran kecil <SMALL></SMALL><br /> <br /> <br /> FORMAT TAMPILAN (tampilan yang tergantung pada kehendak penulis)<br /> ---------------------------------------------------------------------------<br /> Huruf Tebal <B></B><br /> Huruf Miring <I></I><br /> N3.0b Garis bawah <U></U> (jarang digunakan)<br /> Huruf Coret <STRIKE></STRIKE> (jarang digunakan)<br /> N3.0b Huruf Coret <S></S> (jarang digunakan)<br /> Huruf Geser Bawah <SUB></SUB><br /> Huruf Geser Atas <SUP></SUP><br /> Huruf Mesin Ketik <TT></TT> (jarak antara tetap)<br /> Pra-format <PRE></PRE>(jarak huruf pra-format)<br /> Lebar jarak <PRE WIDTH=?></PRE>(dalam jumlah huruf)<br /> Rata Tengah <CENTER></CENTER> (untuk teks, gambar dan tabel)<br /> N1.0 Huruf Kedip <BLINK></BLINK> (tag yang paling lucu)<br /> Ukuran huruf <FONT SIZE=?></FONT> (dari 1-7)<br /> Rubah ukuran huruf <FONT SIZE="+|-?"></FONT><br /> N1.0 Basis Ukuran Huruf <BASEFONT SIZE=?> (dari 1-7; default=3)<br /> Warna Huruf <FONT COLOR="#$$$$$$"></FONT><br /> N3.0b Jenis Huruf <FONT FACE="***"></FONT><br /> N3.0b Multi-Kolom <MULTICOL COLS=?></MULTICOL><br /> N3.0b Jarak antar Kolom <MULTICOL GUTTER=?></MULTICOL><br /> N3.0b Lebar Kolom <MULTICOL WIDTH=?></MULTICOL><br /> N3.0b Celah <SPACER><br /> N3.0b Jenis Celah <SPACER TYPE=horizontal|vertical|block><br /> N3.0b Ukuran Celah <SPACER SIZE=?><br /> N3.0b Dimensi Celah <SPACER WIDTH=? HEIGHT=?><br /> N3.0b Penataan Celah <SPACER ALIGN=left|right|center><br /> <br /> <br /> ACUAN DAN GRAFIK<br /> ---------------------------------------------------------------------------<br /> Acuan ke dokumen <A HREF="URL"></A><br /> Acuan Target <A HREF="URL#***"></A> (bila ada di dokumen lain)<br /> <A HREF="#***"></A> (bila ada di dokumen ini)<br /> N2.0 Jendela Sasaran <A HREF="URL" TARGET="***"></A><br /> Nama Target <A NAME="***"></A><br /> Peragaan Gambar <img src="URL"><br /> Penataan Gambar <img align="TOP|BOTTOM|MIDDLE|LEFT|RIGHT" src="URL"> <br /> N1.0 Penataan Gambar <img align="TEXTTOP|ABSMIDDLE|" src="URL"><br /> Alternatif teks <img alt="***" src="URL"> (saat gambar belum tampil)<br /> Dimensi Gambar <img height="?" src="URL" width="?"> (dalam pixels)<br /> Garis Batas <img border="?" src="URL"> (dalam pixels)<br /> Ruang pembatas <img hspace="?" src="URL" vspace="?"> (dalam pixels)<br /> N1.0 Gambar Low-Res <img lowsrc="URL" src="URL"><br /> Daerah Gambar <img ismap src="URL"> (perlu program script)<br /> Daerah Gambar <img src="URL" usemap="URL"><br /> Uraian Daerah <MAP NAME="***"></MAP> <br /> Pembagian Derah <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> <br /> N1.1 Pemindahan Tarik <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"><br /> N2.0 Objek Cantum <EMBED SRC="URL"> (cantumkan object ke dokumen)<br /> N2.0 Ukuran Objek <EMBED SRC="URL" WIDTH=? HEIGHT=?><br /> <br /> <br /> PEMISAH<br /> ---------------------------------------------------------------------------<br /> Paragraf <P></P>(tag penutup seringkali tak perlu)<br /> Penataan teks <P ALIGN=LEFT|CENTER|RIGHT></P> Pindah Baris <BR> (pindah satu baris)<br /> Putus penataan baris <BR CLEAR=LEFT|RIGHT|ALL><br /> Garis Datar <HR> Penataan Garis <HR ALIGN=LEFT|RIGHT|CENTER> Tebal Garis <HR SIZE=?>(dalam pixels)<br /> Lebar Garis <HR WIDTH=?>(dalam pixels)<br /> N1.0 Lebar Garis persen <HR WIDTH="%">(persen terhadap lebar halaman)<br /> Garis Pejal <HR NOSHADE>(tanpa pola 3D)<br /> N1.0 Tanpa Ganti Baris <NOBR></NOBR> (cegah ganti baris)<br /> N1.0 Sambung suku kata <WBR> (letak ganti baris bila diperlukan)<br /> <br /> <br /> DAFTAR (daftar dapat disusun bertingkat)<br /> ----------------------------------------------------------------------------<br /> Tanpa Nomor <UL><LI></UL>(<LI> sebelum tiap butir)<br /> KompaK <UL COMPACT></UL> Jenis butiran <UL TYPE=DISC|CIRCLE|SQUARE>(berlaku menyeluruh) <LI TYPE=DISC|CIRCLE|SQUARE> (butir ini dan seterusnya)<br /> Dengan Nomor <OL><LI></OL>(<LI> sebelum tiap butir)<br /> Kompak <OL COMPACT></OL> Jenis Nomor <OL TYPE=A|a|I|i|1>(berlaku menyeluruh) <LI TYPE=A|a|I|i|1> (butir ini dan seterusnya)<br /> Nomor Mulai <OL START=?>(berlaku menyeluruh) <LI VALUE=?> (butir ini dan seterusnya)<br /> Daftar Definisi <DL><DT><DD></DL>(<DT>=istilah, <DD>=uraian)<br /> Kompak <DL COMPACT></DL> Daftar Menu <MENU><LI></MENU> (<LI> sebelum tiap butir)<br /> Kompak <MENU COMPACT></MENU><br /> Daftar Direktori <DIR><LI></DIR> (<LI> sebelum tiap butir)<br /> Kompak <DIR COMPACT></DIR><br /> <br /> <br /> LATAR BELAKANG DAN WARNA<br /> ---------------------------------------------------------------------------<br /> L/B Gambar <BODY BACKGROUND="URL"><br /> L/B Warna <BODY BGCOLOR="#$$$$$$"> (urutan merah/hijau/biru)<br /> Warna Teks <BODY TEXT="#$$$$$$"><br /> Warna Acuan <BODY LINK="#$$$$$$"><br /> Acuan Lepas Kunjung <BODY VLINK="#$$$$$$"><br /> Acuan Aktif <BODY ALINK="#$$$$$$"><br /> (Info lanjut di <http://werbach.com/web/wwwhelp.html#color>)<br /> <br /> <br /> HURUF SPESIAL (harus ditulis dengan huruf kecil)<br /> ---------------------------------------------------------------------------<br /> Special Character &#?; (? adalah kode ISO 8859-1)<br /> < &lt; > &gt;<br /> & &amp;<br /> " &quot;<br /> Registered TM &#174;<br /> Registered TM &reg;<br /> Copyright &#169;<br /> Copyright &copy;<br /> Spasi tak putus &nbsp; Non-Breaking Spc <br /> (Daftar lengkap di <http://www.uni-passau.de/%7Eramsch/iso8859-1.html>)<br /> <br /> <br /> FORMULIR (umumnya membutuhkan program script pada server)<br /> ---------------------------------------------------------------------------<br /> Rancangan Form <FORM ACTION="URL" METHOD=GET|POST></FORM>N2.0 File Upload <FORM ENCTYPE="multipart/form-data></FORM> Input Field <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO| IMAGE|HIDDEN|SUBMIT|RESET"><br /> Nama Field <INPUT NAME="***"><br /> Nilai Field <INPUT VALUE="***"><br /> Kotak Periksa <INPUT CHECKED> (kotak periksa dan tombol radio)<br /> Ukuran Field <INPUT SIZE=?> (dalam jumlah karakter)<br /> Panjang Maksimum <INPUT MAXLENGTH=?> (dalam jumlah karakter)<br /> Daftar Pilihan <SELECT></SELECT><br /> Nama Daftar <SELECT NAME="***"></SELECT><br /> Jumlah Pilihan <SELECT SIZE=?></SELECT><br /> Pilihan Banyak <SELECT MULTIPLE> (dapat memilih lebih dari satu)<br /> Pilihan <OPTION> (butir yang dapat dipilih)<br /> Pilihan Default <OPTION SELECTED><br /> Ukuran Input Box <TEXTAREA ROWS=? COLS=?></TEXTAREA><br /> Nama Box <TEXTAREA NAME="***"></TEXTAREA><br /> N2.0 Rangkum Teks <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA><br /> <br /> <br /> TABEL<br /> ---------------------------------------------------------------------------<br /> Rancangan Tabel <TABLE></TABLE> Garis Batas <TABLE BORDER></TABLE> (on atau off)<br /> Garis Batas <TABLE BORDER=?></TABLE> (penetuan nilai)<br /> Celah Sel <TABLE CELLSPACING=?> celah datar Penyangga Sel <TABLE CELLPADDING=?> celah vertikal Lebar <TABLE WIDTH=?> (dalam pixels) Lebar persentasi <TABLE WIDTH=%> (persentasi halaman) Baris Tabel <TR></TR> Penataan <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> Sel Tabel <TD></TD> (harus ada di setiap baris tabel) Penataan <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM><br /> Tanpa Ganti Baris <TD NOWRAP><br /> Rentang Kolom <TD COLSPAN=?><br /> Rentang Baris <TD ROWSPAN=?><br /> N1.1 Lebar Sel <TD WIDTH=?> (dalam pixels)<br /> N1.1 Lebar Persen <TD WIDTH="%"> (persentasi tabel)<br /> N3.0b Warna Sel <TD BGCOLOR="#$$$$$$"><br /> Kepala Tabel <TH></TH> (seperti data, dengan bold dan center)<br /> Penataan <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM><br /> Tanpa Ganti baris <TH NOWRAP><br /> Rentang Kolom <TH COLSPAN=?><br /> Rentang Baris <TH ROWSPAN=?><br /> N1.1 Lebar Sel Kepala <TH WIDTH=?> (dalam pixels)<br /> N1.1 Lebar Persentasi <TH WIDTH="%"> (persentasi tabel)<br /> N3.0b Cell Color <TH BGCOLOR="#$$$$$$"><br /> Keterangan Tabel <CAPTION></CAPTION><br /> Penataan <CAPTION ALIGN=TOP|BOTTOM> (di atas/di bawah tabel)<br /> <br /> <br /> FRAMES (merumuskan daerah dan kelakuan sebagaian daerah layar)<br /> ---------------------------------------------------------------------------<br /> N2.0 Dokumen Frame <FRAMESET></FRAMESET> (sebagai ganti <BODY>)<br /> N2.0 Tinggi Baris <FRAMESET ROWS=,,,></FRAMESET> (pixels atau %)<br /> N2.0 Tinggi baris <FRAMESET ROWS=*></FRAMESET> (* = ukuran relatif)<br /> N2.0 Lebar Kolom <FRAMESET COLS=,,,></FRAMESET> (pixels atau %)<br /> N2.0 Column Widths <FRAMESET COLS=*></FRAMESET> (* = ukuran relatif)<br /> N3.0b Garis Batas <FRAMESET FRAMEBORDER="yes|no"><br /> N3.0b Lebar Garis <FRAMESET BORDER=?><br /> N3.0b Warna Garis <FRAMESET BORDERCOLOR="#$$$$$$"><br /> N2.0 Rancangan Frame <FRAME> (contents of an individual frame)<br /> N2.0 Tampilan Dokumen <FRAME SRC="URL"><br /> N2.0 Nama Frame <FRAME NAME="***"|_blank|_self|_parent|_top><br /> N2.0 Lebar Frame <FRAME MARGINWIDTH=?> (batas kiri dan kanan)<br /> N2.0 Tinggi Frame <FRAME MARGINHEIGHT=?> (batas atas dan bawah)<br /> N2.0 Scrollbar? <FRAME SCROLLING="YES|NO|AUTO"><br /> N2.0 Frame tak berubah <FRAME NORESIZE><br /> N3.0b Garis Batas <FRAME FRAMEBORDER="yes|no"><br /> N3.0b Warna Batasr <FRAME BORDERCOLOR="#$$$$$$"><br /> N2.0 Isi tanpa Frame <NOFRAMES></NOFRAMES> (bagi browser tanpa Frame)<br /> <br /> <br /> JAVA<br /> ---------------------------------------------------------------------------<br /> Applet <APPLET></APPLET><br /> Name file applet <APPLET CODE="***"><br /> Parameter <APPLET PARAM NAME="***"><br /> Sumber Applet <APPLET CODEBASE="URL"><br /> Identifier <APPLET NAME="***"> (sebagai rujukan)<br /> Teks alternatif <APPLET ALT="***"> (bagi non-Java browsers)<br /> Penataan <APPLET ALIGN="LEFT|RIGHT|CENTER"><br /> Ukuran <APPLET WIDTH=? HEIGHT=?> (in pixels)<br /> Celah batas <APPLET HSPACE=? VSPACE=?> (in pixels)<br /> <br /> <br /> LAIN-LAIN<br /> ---------------------------------------------------------------------------<br /> Komentar <!-- *** --> (tak diperagakan oleh browser)<br /> Prolog HTML3.3 <!--DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"--><br /> Mampu Cari <ISINDEX> (indikasi index cari-temu)<br /> Prompt <ISINDEX PROMPT="***"> (teks sebagai prompt)<br /> Perintah Cari <A HREF="URL?***"></a> (gunakan ? sesungguhnya)<br /> URL File ini <BASE HREF="URL"> (terdapat di header)<br /> N2.0 Nama Window <BASE TARGET="***">(terdapat di header)<br /> Kaitan <LINK REV="***" REL="***" HREF="URL"> (pada header)<br /> Informasi Meta <META> (terdapat di header)<br /> Lembar Gaya Tulis <STYLE></STYLE> (masih jarang dipakai)<br /> Scripts <SCRIPT></SCRIPT> (masih jarang dipakai)<br /> <br /> <br /> ===========================================================================<br /> Hak Cipta (c) 1995-1997 Kevin Werbach. Redistribusi non-komersial diijinkan.<br /> Panduan ini bukan produk dari Bare Bones Software, kesamaan nama hanyalah<br /> kebetulan. Hubungi penulis untuk informasi lebih lanjut.<br /> b. ________________________________________<br /> PANDUAN RINGKAS HTML<br /> Judul Asli: THE BARE BONES GUIDE TO HTML<br /> oleh Kevin Werbach<br /> Versi 3.0 Formatted -- July 21, 1996<br /> Alih bahasa Indonesia oleh Kristianto Jahja<br /> Versi Bahasa Indonesia -- 23 Desember 1996<br /> ________________________________________<br /> Versi terakhir dokumen ini terdapat di <http://werbach.com/barebones/>. <br /> Panduan ini memuat semua tag yang dikenali oleh hampir semua browser terkemuka versi terkini. Saya telah memuatkan semua Tag yang terdapat pada Spesifikasi HTML 3.2, demikian juga dengan tag perluasan Netscape yang terdapat pada Netscape Navigator sampai dengan versi 3.0b5. Panduan ini dirancang seringkas mungkin; namun bila dikehendaki informasi rinci lebih lanjut tentang HTML anda dapat mencarinya di WWW Help Page yang saya susun. Segenap saran dan komentar anda akan disambut dengan senang hati. <br /> Daftar Isi <br /> 1. PENDAHULUAN dan PERKENALAN <br /> o Keunikan dari panduan ini <br /> o Tag HTML apa saja yang tercakup <br /> o Bagimana dokumen ini diformat (termasuk uraian tentang simbol dan singkatan) <br /> 2. TAG HTML <br /> o Elemen Dasar (semua dokumen HTML harus memuatnya) <br /> o Ancangan Struktural (tampilan terkendali oleh pilihan browser) <br /> o Format tampilan (penulis menetapkan tampilan naskah) <br /> o Acuan (links) dan grafik <br /> o Pemisah (dividers) <br /> o Daftar (lists) <br /> o Latar belakang dan warna <br /> o Huruf spesial <br /> o Formulir (forms) <br /> o Table (tables) <br /> o Frame <br /> o Java <br /> o Lain-lain <br /> Penting: Bila anda tidak cukup paham tentang perbedaan antara HTML 2.0, HTML 3.0, HTML 3.2, dan Netscape extensions, sebaiknya anda membaca W3C statement tentang perkembangan HTML.<br /> ELEMEN DASAR<br /> ________________________________________<br /> Jenis Dokumen <HTML></HTML> (terdapat pada awal dan akhir dari file HTML) <br /> Judul <TITLE></TITLE> (harus selalu terdapat pada mukadimah) <br /> Mukadimah (Header) <HEAD></HEAD> (keterangan umum, seperti judul dsb.) <br /> Batang Tubuh <BODY></BODY> (isi dari halaman HTML) <br /> <br /> <br /> <br /> ANCANGAN STRUKTURAL<br /> ________________________________________<br /> Kepala <H?></H?> (Heading - spesifikasi untuk menetapkan 6 tingkatan kepala) <br /> Penataan (Align) Kepala <H? ALIGN=LEFT|CENTER|RIGHT></H?> [*] <br /> <br /> Bagian (Division) <DIV></DIV> <br /> Penataan Bagian <DIV ALIGN=LEFT|RIGHT|CENTER></DIV> <br /> Kutipan Blok (Block Quote) <BLOCKQUOTE></BLOCKQUOTE>[*] <br /> (tampilan dengan jeda terhadap batas pinggir) <br /> Penekanan (Emphasis) <EM></EM> (umumnya huruf miring) <br /> Penguatan (Strong Emphasis) <STRONG></STRONG> (umumnya huruf tebal) <br /> Kutipan singkat (Citation) <CITE></CITE> (umumnya huruf miring) <br /> Kode <CODE></CODE> (Code - untuk source code listings) <br /> Contoh Keluaran <SAMP></SAMP> (Sample Output) <br /> Masukan Papan Ketik <KBD></KBD> (Keyboard Input) <br /> Variabel <VAR></VAR> (Variable) <br /> Definisi <DFN></DFN> (Definition - jarang dipakai) <br /> Alamat Pengarang (Author's Address) <ADDRESS></ADDRESS> <br /> Huruf ukuran Besar <BIG></BIG> <br /> Huruf Ukuran Kecil <SMALL></SMALL> <br /> <br /> <br /> FORMAT TAMPILAN<br /> ________________________________________<br /> Huruf Tebal <B></B> (Bold) <br /> Huruf Miring <I></I> (Italic) <br /> N3.0b Garis Bawah <U></U> (Underline - jarang digunakan) <br /> Huruf Coret <STRIKE></STRIKE> (Strikeout - jarang digunakan) <br /> N3.0b Huruf Coret <S></S> (Strikeout - jarang digunakan) <br /> Huruf Geser Bawah <SUB></SUB> (Subscript) <br /> Huruf Geser Atas <SUP></SUP> (Superscript) <br /> Huruf Mesin Ketik <TT></TT> (Typewriter - huruf berjarak tetap) <br /> Pra-format (Preformatted) <PRE></PRE> (menampilkan dengan jarak pra-format) <br /> Jarak Huruf <PRE WIDTH=?></PRE> (mengatur jarak huruf) <br /> Rata Tengah <CENTER></CENTER> [*] <br /> (Center - berlaku untuk teks maupun gambar) <br /> N1.0 Huruf Kedip <BLINK></BLINK> (Blinking - tag terlucu sampai kini) <br /> Ukuran Huruf <FONT SIZE=?></FONT> (Font Size - boleh diisi dari 1 sampai 7) <br /> Rubah Ukuran Huruf <FONT SIZE="+|-?"></FONT> <br /> N1.0 Basis Ukuran Huruf <BASEFONT SIZE=?> (boleh diisi 1 sampai 7; ukuran standard/default=3) <br /> Warna Huruf <FONT COLOR="#$$$$$$"></FONT> <br /> N3.0b Pilih Jenis Huruf <FONT FACE="***"></FONT> <br /> N3.0b Teks Multi Kolom <MULTICOL COLS=?></MULTICOL> <br /> N3.0b Jarak Batas Kolom <MULTICOL GUTTER=?></MULTICOL> (default = 10 pixels) <br /> N3.0b Lebar Kolom <MULTICOL WIDTH=?></MULTICOL> <br /> N3.0b Celah (Spacer) <SPACER> <br /> N3.0b Jenis Celah <SPACER TYPE=horizontal| vertical|block> <br /> N3.0b Ukuran Celah <SPACER SIZE=?> <br /> N3.0b Dimensi Celah <SPACER WIDTH=? HEIGHT=?> <br /> N3.0b Penataan Celah <SPACER ALIGN=left|right|center> <br /> <br /> <br /> <br /> ACUAN DAN GRAFIK<br /> ________________________________________<br /> Acuan pada dokumen tertentu <A HREF="URL"></A> <br /> Acuan pada sasaran dalam dokumen <A HREF="URL#***"></A> (bila terdapat pada dokumen lain) <br /> <A HREF="#***"></A> (bila terdapat pada dokumen yang sama) <br /> N2.0 Jendela Sasaran (Target Window) <A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A> <br /> Penamaan sasaran pada dokumen <A NAME="***"></A> <br /> Kaitan(Relationship) <A REL="***"></A> (jarang digunakan) <br /> Kaitan terbalik (Reverse Relationship) <A REV="***"></A> (jarang digunakan) <br /> Peragaan Gambar <img src="URL"> <br /> Penataan Letak Gambar <img align="TOP|BOTTOM|MIDDLE|LEFT|RIGHT" src="URL"> <br /> N1.0 Penataan Letak Gambar <img align="TEXTTOP|" src="URL"> <br /> Alternatif Teks <img alt="***" src="URL"> (saat gambar belum/tidak ditampilkan) <br /> Daerah Gambar (Imagemap) <img ismap src="URL"> (membutuhkan program script) <br /> Daerah Gambar pihak klien <img src="URL" usemap="URL"> <br /> Uraian Daerah Gambar <MAP NAME="***"></MAP> <br /> Pembagian Daerah Gambar <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> <br /> Dimensi Gambar <img height="?" src="URL" width="?"> (in pixels) <br /> Garis Batas <img border="?" src="URL"> (dalam satuan pixel) <br /> Ruang Pembatas <img hspace="?" src="URL" vspace="?"> (dalam satuan pixel) <br /> N1.0 Gambar Low-Res Proxy <img lowsrc="URL" src="URL"> <br /> N1.1 Pemindahan Tarik <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> (Client Pull) <br /> N2.0 Objek Cantum <EMBED SRC="URL"> (Embed Object - mencantumkan objek pada dokumen) <br /> N2.0 Ukuran Objek <EMBED SRC="URL" WIDTH=? HEIGHT=?> <br /> <br /> <br /> PEMISAH<br /> ________________________________________<br /> Paragraf <P></P>[*] <br /> (tag penutup seringkali tak diperlukan) <br /> Align Text <P ALIGN=LEFT|CENTER|RIGHT></P>[*] <br /> <br /> Pndah Baris <BR> (pindah ke baris berikut) <br /> Putus Penataan Baris <BR CLEAR=LEFT|RIGHT|ALL> (Clear Textwrap) <br /> Garis Datar <HR> (Horizontal Rule) <br /> Penataan Letak Garis <HR ALIGN=LEFT|RIGHT|CENTER> <br /> Tebal Garis <HR SIZE=?> (dalam satuan pixel) <br /> Lebar Garis <HR WIDTH=?> (dalam satuan pixel) <br /> N1.0 Lebar Garis Persentasi <HR WIDTH="%"> (dalam persentasi terhadap lebar halaman) <br /> Garis Pejal <HR NOSHADE> (Solid Line - tanpa pola 3D) <br /> N1.0 Tanpa Ganti Baris <NOBR></NOBR> (No Break - mencegah ganti baris) <br /> N1.0 Sambung Suku Kata <WBR> (Word Break - letak ganti baris bila diperlukan) <br /> <br /> <br /> DAFTAR<br /> ________________________________________ <br /> Daftar Tanpa Nomor <UL><LI></UL> (Unordered List - Cantumkan <LI> sebelum tiap butir) <br /> Kompak <UL COMPACT></UL> (Compact) <br /> Jenis Butiran <UL TYPE=DISC|CIRCLE|SQUARE> (Bullet Type - berlaku umum bagi butir terdaftar) <LI TYPE=DISC|CIRCLE|SQUARE> (berlaku khusus pada butir ini dan selanjutnya) <br /> Daftar Bernomor <OL><LI></OL> (Ordered List - Cantumkan <LI> sebelum tiap butir) <br /> Kompak <OL COMPACT></OL> <br /> Jenis Penomoran <OL TYPE=A|a|I|i|1> (berlaku umum untuk semua butir dalam daftar) <LI TYPE=A|a|I|i|1> (berlaku khusus pada butir ini dan selanjutnya) <br /> Nomor Mulai <OL START=?> (berlaku umum untuk semua butir dalam daftar) <LI VALUE=?> (berlaku khusus pada butir ini dan selanjutnya) <br /> Daftar Definisi <DL><DT><DD></DL> (Definition List - <DT>=istilah, <DD>=uraian) <br /> Kompak <DL COMPACT></DL> <br /> Daftar Menu <MENU><LI></MENU> (Cantumkan <LI> sebelum butir menu) <br /> Kompak <MENU COMPACT></MENU> <br /> Daftar Direktori <DIR><LI></DIR> (Cantumkan <LI> sebelum tiap butir direktori) <br /> Kompak <DIR COMPACT></DIR> <br /> <br /> <br /> LATAR BELAKANG DAN WARNA<br /> ________________________________________<br /> Latar Belakang Gambar <BODY BACKGROUND="URL"> (Tiled Background) <br /> Warna Latar Belakang <BODY BGCOLOR="#$$$$$$"> [*] <br /> (Background Color - urutan: merah/hijau/biru) <br /> Warna Huruf Teks <BODY TEXT="#$$$$$$"> [*] <br /> <br /> Warna Acuan <BODY LINK="#$$$$$$"> [*] <br /> <br /> Acuan Lepas Kunjung <BODY VLINK="#$$$$$$"> [*] <br /> (Visited Link) <br /> Acuan Aktif <BODY ALINK="#$$$$$$"> [*] <br /> (Active Link) <br /> (Info lanjut di http://werbach.com/web/wwwhelp.html#color) <br /> <br /> <br /> HURUF SPESIAL(these must all be in lower case)<br /> ________________________________________<br /> Special Character &#?; (where ? is the ISO 8859-1 code) <br /> < &lt; > &gt; <br /> & &amp; <br /> " &quot; <br /> Registered TM &reg; <br /> Copyright &copy; <br /> Spasi tak putus &nbsp; Non-breaking Space <br /> (Daftar lengkap huruf khusus terdapat di http://www.uni-passau.de/%7Eramsch/iso8859-1.html) <br /> <br /> <br /> FORMULIR<br /> ________________________________________<br /> Rancangan Formulir <FORM ACTION="URL" METHOD=GET|POST></FORM> Define Forms <br /> N2.0 Mengirimkan File <FORM ENCTYPE="multipart/form-data"></FORM> File Upload <br /> Input Field <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO| IMAGE|HIDDEN|SUBMIT|RESET"> <br /> Nama Field <INPUT NAME="***"> <br /> Nilai Field <INPUT VALUE="***"> <br /> Kotak Periksa <INPUT CHECKED> (checkboxes dan radio boxes) <br /> Ukuran Field <INPUT SIZE=?> (dalam satuan jumlah karakter) <br /> Panjang Maksimum <INPUT MAXLENGTH=?> (dalam satuan karakter) <br /> Daftar Pilihan <SELECT></SELECT> Selection List <br /> Nama Daftar Pilihan <SELECT NAME="***"></SELECT> <br /> Jumlah Pilihan <SELECT SIZE=?></SELECT> <br /> Banyak Pilihan <SELECT MULTIPLE> (dapat memilih lebih dari satu) <br /> Pilihan <OPTION> (butir yang dapat dipilih) <br /> Pilihan Default <OPTION SELECTED> <br /> Ukuran Input Box <TEXTAREA ROWS=? COLS=?></TEXTAREA> <br /> Nama Input Box <TEXTAREA NAME="***"></TEXTAREA> <br /> N2.0 Rangkuman Teks <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA> Wrap Text <br /> <br /> <br /> TABEL<br /> ________________________________________<br /> Rancangan Tabel <TABLE></TABLE>[*] <br /> <br /> Garis Batas Tabel <TABLE BORDER=?></TABLE> <br /> Celah Sel <TABLE CELLSPACING=?> Cell Spacing Penyangga Sel <TABLE CELLPADDING=?> Cell Padding Lebar Tabel <TABLE WIDTH=?> (dalam satuan pixel) Lebar Tabel Persentasi <TABLE WIDTH="%"> (dalam satuan persen terhadap lebar halaman) Baris dalam Tabel <TR></TR> Penataan Letak Baris <TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE> Sel dalam Tabel <TD></TD> (harus ada dalam setiap baris tabel) Penataan Letak Sel <TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE> <br /> Tanpa Ganti Baris <TD NOWRAP> <br /> Rentang Kolom <TD COLSPAN=?> Columns to span <br /> Rentang Baris <TD ROWSPAN=?> Rows to span <br /> N1.1 Lebar Sel <TD WIDTH=?> (dalam satuan pixel) <br /> N1.1 Lebar Sel Persentasi <TD WIDTH="%"> (dalam satuan persen terhadap lebar tabel) <br /> N3.0b Warna Sel <TD BGCOLOR="#$$$$$$"> <br /> Kepala Tabel <TH></TH> (Table Header - seperti data dengan Bold dan Center) <br /> Penataan Letak Kepala Tabel <TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE> <br /> Tanpa Baris Baru <TH NOWRAP> <br /> Rentang Kolom <TH COLSPAN=?> Columns to Span <br /> Rentang Baris <TH ROWSPAN=?> Rows to Span <br /> N1.1 Lebar Kepala Tabel <TH WIDTH=?> (dalam satuan pixel) <br /> N1.1 Lebar Persentasi <TH WIDTH="%"> (dalam persentasi terhadap lebar tabel) <br /> N3.0b Warna Kepala Tabel <TH BGCOLOR="#$$$$$$"> <br /> Keterangan Tabel <CAPTION></CAPTION> Caption <br /> Penataan Keterangan <CAPTION ALIGN=TOP|BOTTOM> (di atas / di bawah tabel) <br /> <br /> FRAMES <br /> ________________________________________<br /> N2.0 Dokumen dalam Frame <FRAMESET></FRAMESET> (sebagai pengganti <BODY>) <br /> N2.0 Tinggi Baris Frame <FRAMESET ROWS=,,,></FRAMESET> (dalam satuan pixel atau %) <br /> N2.0 Tinggi Baris Frame <FRAMESET ROWS=*></FRAMESET> (* = ukuran relatif) <br /> N2.0 Lebar Kolom Frame <FRAMESET COLS=,,,></FRAMESET> (dalam satuan pixel atau %) <br /> N2.0 Lebar Kolom Frame <FRAMESET COLS=*></FRAMESET> (* = ukuran relatif) <br /> N3.0b Lebar Garis Batas <FRAMESET BORDER=?> <br /> N3.0b Garis Batas <FRAMESET FRAMEBORDER="yes|no"> <br /> N3.0b Warna Garis Batas <FRAMESET BORDERCOLOR="#$$$$$$"> <br /> N2.0 Rancangan Frame <FRAME> (isi dari frame individu) <br /> N2.0 Tampilan Dokumen Frame <FRAME SRC="URL"> <br /> N2.0 Nama Frame <FRAME NAME="***"|_blank|_self| _parent|_top> <br /> N2.0 Lebar Batas <FRAME MARGINWIDTH=?> (batas kiri dan kanan) <br /> N2.0 Tinggi Batas <FRAME MARGINHEIGHT=?> (batas atas dan bawah) <br /> N2.0 Scrollbar? <FRAME SCROLLING="YES|NO|AUTO"> Memungkinkan scrolling pada frame <br /> N2.0 Ukuran Frame tak bisa diubah <FRAME NORESIZE> <br /> N3.0b Batas Frame <FRAME FRAMEBORDER="yes|no"> <br /> N3.0b Warna Garis Batas <FRAME BORDERCOLOR="#$$$$$$"> <br /> N2.0 Isi tanpa Frame <NOFRAMES></NOFRAMES> (bagi browser yang tak mampu frame) <br /> <br /> JAVA<br /> ________________________________________<br /> Applet <APPLET></APPLET> <br /> Nama File Applet <APPLET CODE="***"> <br /> Parameter Applet <APPLET PARAM NAME="***"> <br /> Sumber Applet <APPLET CODEBASE="URL"> <br /> Identifier Applet <APPLET NAME="***"> (sebagai rujukan di tempat lain pada halaman sama) <br /> Teks Alternatif <APPLET ALT="***"> (untuk browser tanpa kemampuan Java browsers) <br /> Penataan Applet <APPLET ALIGN="LEFT|RIGHT|CENTER"> <br /> Ukuran Applet <APPLET WIDTH=? HEIGHT=?> (in pixels) <br /> Celah batas Applet <APPLET HSPACE=? VSPACE=?> (in pixels) <br /> <br /> LAIN-LAIN<br /> ________________________________________<br /> Komentar <!-- *** --> (tidak ditampilkan oleh browser) <br /> Prolog HTML 3.2 <!--DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"--> [*] <br /> <br /> Mampu Cari <ISINDEX> (indikasi indeks yang dapat dicari-temukan) <br /> Prompt <ISINDEX PROMPT="***"> (teks sebagai prompt) <br /> Perintah Cari <A HREF="URL?***"></a> (gunakan tanda tanya yang sebenarnya) <br /> URL dari file ini <BASE HREF="URL"> (harus terletak di header) <br /> N2.0 Nama Dasar Window <BASE TARGET="***"> (harus terletak di header) <br /> Kaitan <LINK REV="***" REL="***" HREF="URL"> (Relation dan Reverse Relation, harus terletak di header) <br /> Informasi Meta <META> (harus terletak di header) <br /> Lembar Gaya Penulisan <STYLE></STYLE> (Style Sheet - belum didukung sepenuhnya) <br /> Scripts <SCRIPT></SCRIPT> (belum didukung sepenuhnya) <br /> <br /> <br /> c. Panduan Ringkas HTML<br /> Judul Asli: THE BARE BONES GUIDE TO HTML<br /> oleh Kevin Werbach<br /> Versi 3.0 Formatted -- July 21, 1996<br /> Alih bahasa Indonesia oleh Kristianto Jahja<br /> Versi Bahasa Indonesia -- 23 Desember 1996<br /> ________________________________________<br /> P E N D A H U L U A N<br /> <br /> Prakata Alih Bahasa Indonesia<br /> ________________________________________<br /> Alih bahasa "The Bare Bones Guide to HTML" menjadi "Panduan Ringkas HTML" adalah hasil karya liburan menjelang Natal tahun 1996. Meskipun pada umumnya orang Indonesia yang melek Internet juga melek bahasa Inggris, namun saya berharap agar alih bahasa ini dapat memperkaya khazanah bahasa Indonesia di samping memperbanyak populasi masyarakat Internet di Indonesia.<br /> Panduan Ringkas ini sangatlah bermanfaat terutama dalam menetapkan pemakaian tag tertentu dalam lembar halaman Web yang anda ciptakan. Saya sendiri telah membuktikannya dan anda dapat pula melihatnya dengan berkunjung ke lembar halaman Web saya di Kedai kopi KAIZEN, http://www.angelfire.com/ky/KAIZEN/ , yang dalam penyusunannya telah banyak diilhami oleh berbagai petunjuk dalam "The Bare Bones Guide to HTML".<br /> Selamat mempelajari.<br /> Awal dari Naskah Alih Bahasa <br /> ________________________________________<br /> Penghargaan bagi mereka yang berhak:<br /> ________________________________________<br /> Banyak orang telah berjasa dengan memberikan usulan serta bantuan pada versi-versi yang terdahulu panduan ini, termasuk diantaranya:<br /> &#8226; Jutta Degener <br /> &#8226; Henry Churchyard <br /> &#8226; John Berkin <br /> &#8226; Larry Katz <br /> &#8226; N.J. Taber <br /> &#8226; Dean Hedman <br /> &#8226; Nick Galbreath &#8226; R. Alan Monroe <br /> &#8226; Ann Lynnworth <br /> &#8226; Mike Kelsey <br /> &#8226; Russ Allbery <br /> &#8226; dolphin@eccosys.com <br /> &#8226; Susan Hagan <br /> &#8226; John Van Essen <br /> | Pintu Gerbang || Plain Text | Formatted || Kevin's Home Page |<br /> <br /> Keunikan dari Panduan ini<br /> ________________________________________<br /> Banyak orang yang telah menyusun panduan HTML yang baik dan dipublikasikan di Web -- jadi, siapa yang membutuhkan panduan lain?<br /> Dokumen ini dirancang untuk melayani kelompok penmbaca tertentu. Dokumen ini dirancang sebagai "kertas contekan" yang baik, yang dapat anda gunakan untuk melihat bentuk dan tag yang benar selagi anda menyusun lembar halaman pada Web. Panduan HTML yang lain menyediakan uraian yang lebih rinci tentang bagaimana menggunakan tag tertentu atau bagaimana cara kerja HTML pada umumnya. Bila anda adalah pemula dalam bidang HTML, sebaiknya anda membaca panduan tersebut lebih dahulu agar tidak menjadi rancu.<br /> Ada pula beberapa panduan gaya penulisan (style) yang mengarahkan anda menulis lebar halaman agar terlihat indah dan bekerja untuk berbagai jenis browser. Saya menyarankan agar anda membacanya bila anda serius akan merencanakan lembar halaman pada Web; terlalu banyak orang yang mengabaikan pemikiran bahwa lembar halaman ciptaan mereka akan dibaca oleh orang lain dan untuk itu selalu ada cara dalam menampilkannya secara lebih baik atau lebih buruk.<br /> WWW Help Page yang saya susun memiliki acuan ke berbagai tempat yang menyediakan informasi tentang HTML dan rancangan lembar halaman Web. Tempat-tempat acuan ini merupakan tempat yang baik bagi pemula terutama bila anda memiliki pertanyaan tertentu yang lebih luas daripada sekedar informasi yang terdapat pada "panduan Ringkas" di sini. <br /> Panduan ini dirancang bagi mereka yang sudah cukup mamahami HTML dan tak membutuhkan instruksi langkah demi langkah, namun mereka tidak atau belum mampu mengingat format yang tepat dari semua tag HTML. Bila anda membutuhkan "Rujukan Cepat", di mana anda dapat segera menemukan yang anda cari tanpa harus mengikuti uraian selengkapnya berbagai keterangan tambahan, maka panduan ini memang ditujukan bagi anda.<br /> | Pintu Gerbang || Plain Text | Formatted || Kevin's Home Page |<br /> <br /> Tag HTML apa saja yang tercakup<br /> ________________________________________<br /> Aspek lain yang unik dari panduan ini adalah cakupannya. Panduan Ringkas HTML dimaksudkan untuk mencakup semua tag yang umum digunakan di lembar halaman web pada masa kini. Khususnya, panduan ini mencakup:<br /> &#8226; Tag dari HTML 3.2 <br /> &#8226; Tag Perluasan Netscape (Netscape extensions) <br /> Pengembangan dari HTML memang merupakan proses yang rancu yaitu mencoba membakukan standard secara formal terhadap apa yang terjadi di pasaran di mana perubahan bisa terjadi setiap saat. World Wide Web Consortium (W3C) adalah lembaga standard resmi bagi HTML. Pada bulan Mei 1996, W3C menerbitkan naskah draf HTML 3.2 , merupakan upaya untuk mendokumentasikan dan membakukan praktek yang diterima secara umum pada saat itu.<br /> Pada Pernyataan keberpihakan HTML, W3C menganjurkan agar para penyedia informasi menerapkan spesifikasi HTML 3.2 . Oleh karena itu, Panduan Ringkas HTML versi 3.0 mencakup semua tag HTML 3.2 , yang pada awalnya mungkin diperkenalkan sebagai bagian dari HTML 2.0 atau usulan HTML 3.0 , maupun tag perluasan Netscape bagi HTML. Jadi untuk versi ini, diharapkan semua browser terkemuka dapat mendukung semua tag tersebut.<br /> Saya juga telah memuat semua tag Netscape yang diperkenalkan oleh Netscape Navigator sampai versi 3.0b5, dengan pengecualian pada beberapa tag interaksi server seperti animasi dorongan server. Beberapa dari tag perluasan tersebut tak dapat dijamin menampilkan sebagaimana mestinya bila orang lain melihat lembar halaman anda dengan browser lain, jadi anda sebaiknya mempertimbangkan pemirsa anda sebelum anda memutuskan untuk menggunakan tag tertentu.<br /> <br /> | Pintu Gerbang || Plain Text | Formatted || Kevin's Home Page |<br /> <br /> <br /> FORMAT DARI DOKUMEN INI<br /> ________________________________________<br /> Untuk kejelasan, saya telah memisahkan berbagai atribut tag berbeda yang dapat diterapkan pada baris tag. Umumnya, berbagai atribut tag dapat dikombinasikan untuk diwujudkan pada satu tag. <br /> Tag ditulis dengan huruf besar guna kemudahan, meskipun pada dasarnya tag tidak peka terhadap huruf besar-kecil. <br /> SIMBOL yang digunakan<br /> ________________________________________<br /> URL URL dari file luar (atau file name saja bila terletak pada directori yang sama)<br /> ? Bilangan apa saja (mis. <H?> dapat berarti <H1>, <H2>, <H3>, dst.)<br /> % Persentasi apa saja (mis. <hr align=left width="%">dapat berarti <hr align=left width="50%">, dsb.)<br /> *** Teks apa saja (mis. ALT="***" berarti boleh diisi dengan teks apa saja) <br /> $$$$$$ Hex apa saja (mis. BGCOLOR="#$$$$$$" dapat berarti BGCOLOR="#00FF1C", dsb.)<br /> ,,, Pembatas koma(mis. COORDS=",,," dapat berarti COORDS="0,0,50,50", dsb.)<br /> | Alternatif pilihan (i.e. ALIGN=LEFT|RIGHT|CENTER berarti pilih salah satu yang dikehendaki)<br /> [*] Acuan untuk keterangan tambahan<br /> <br /> <br /> KOMPATIBILITAS<br /> (ingat, HTML berevolusi dan penerapan browser beragam)<br /> ________________________________________<br /> (tanpa notasi) Spesifikasi HTML 3.2; didukung oleh browser umum masa kini <br /> N1.0 Tag perluasan Netscape dari Navigator versi 1.0<br /> N1.1 Tag perluasan Netscape dari Navigator versi 1.1<br /> N2.0 Tag perluasan Netscape dari Navigator versi 2.0 <br /> N3.0b Tag perluasan Netscape dari Navigator version 3.0 beta<br /> <br /> <br /> | Pintu Gerbang || Plain Text | Formatted || Kevin's Home Page |<br /> <br /> Riwayat Versi Panduan Ringkas<br /> ________________________________________<br /> Version 3.0 -- July 21, 1996.<br /> &#8226; Pembaharuan menyeluruh agar sesuai dengan spesifikasi HTML 3.2 . <br /> &#8226; Penambahan bahasan tag Java yang didukung oleh HTML 3.2 <br /> &#8226; Revisi dokumen pendahuluan dan dokumen keterangan tambahan. <br /> &#8226; Rancang ulang tata letak dengan versi "tabel" version, guna kemudahan membaca. <br /> &#8226; Semua browser terkemuka umumnya mendukung format tabel, untuk menghemat waktu saya putuskan untuk membuang panduan dengan format HTML non-tabel, dan merubah nama panduan versi "tabel" menjadi versi "formatted". Pengguna yang tak dapat membaca versi ini masih dapat menggunakan versi "plain text". <br /> &#8226; Penambahan tag baru yang berasal dari versi beta Netscape Navigator 3.0 sampai dengan 3.0b5, termasuk diantaranya: <br /> o warna sel pada tabel <br /> o Teks multi-kolom <br /> o Celah (spacers) <br /> o Pengendalian garis batas frame <br /> o Huruf Coret dengan tag <S> dan garis bawah dengan tag <U>. Tag berikut ini terdapat pada HTML 3.0 tapi tidak pada HTML 3.2, jadi saya mengelompokannya sebagai tag perluasan Netscape. <br /> o Atribut FACE bagi tag <FONT> (sebenarnya perluasan Microsoft) <br /> &#8226; Pembetulan berbagai kesalahan ketik. <br /> Version 2.0 -- October 7, 1995. Banyak perubahan dan koreksi pada versi ini.<br /> &#8226; Penulisan kembali lembar pendahuluan dan penyesuaian kompatibilitas terhadap bahasa tabel <br /> &#8226; Penambahan notasi + bagi tag perluasan Netscape yang sudah diterapkan oleh berbagai browser terkemuka. Notasi ini pada dasarnya adalah pendekatan kira-kira; berdasarkan penilaian pribadi terhadap tag yang mungkin didukung secara luas meskipun tidak tercakup (dan tak akan pernah lagi) dalam HTML 3.0. <br /> &#8226; Penambahan notasi ,,, pada daftar simbol untuk daftar dengan pembatas koma. <br /> &#8226; Restrukturisasi dari bagian Hard Formatting dan Soft Formatting Menjadi Format Tampilan dan Ancangan Struktural. Perubahan ini memperjelas perbedaan penting antara basis tampilan terhadap rancang bangun struktural. Beberapa tag telah dialih-pindahkan sebagai dampak dari perubahan ini, seperti tag <ADDRESS>telah dipindahkan dari bagian Lain-Lain ke bagian Ancangan Struktural. <br /> &#8226; Membuang bagian Penataan dengan mengalihkannya pada tag bersangkutan yang terdapat baik pada Ancangan Struktural maupun Fromat Tampilan. Meski hal ini berdampak pada Netscape tag <CENTER> yang harus dipisahkan dari tag tampilan lainnya, perubahan ini memungkinkan attribut penataan dari tag seperti pada <P>and <H?> dikaitkan dengan tag di mana atribut ini bekerja. Perubahan ini konsisten dengan pola pikir HTML 3.0 dalam menangani penataan lewat atribut yang disandang tag daripada lewat tag khusus. <br /> &#8226; Penambahan bahasan tentang animasi tarikan klien dari Netscape (teknik ini sudah ada sejak Netscape 1.1, tapi belum dibahas dalam panduan). <br /> &#8226; Dukungan terhadap Netscape baru dan tag HTML 3.0 yang diterapkan pada Netscape 2.0: <br /> o Frames (penambahan bagian bahasan baru) <br /> o Objek Cantum (pada Acuan dan Grafik) <br /> o Bagian/Division (pada Ancangan Struktural) <br /> o Warna Huruf (pada Format Tampilan) <br /> o Huruf berukuran Besar/Kecil (pada Ancangan Struktural) <br /> o Superscript/Subscript (pada Format Tampilan) <br /> o File Upload (pada Formulir) <br /> o Text wrap (pada Formulir) <br /> o Target Windows (pada Acuan dan Grafik) dan Base Target (pada Lain-lain) <br /> o Client-side imagemaps (pada Acuan dan Graphics) <br /> &#8226; Penghapusan tag <XMP> , karena saya yakin bahwa tag ini sangatlah kolot. <br /> &#8226; Mengalihkan tag Prolog ke bagian Lain-lain, mencerminkan kenyataan bahwa tag ini tidak wajib hukumnya, guna mengurangi kerancuan. <br /> &#8226; Pembetulan butir bahasan <NOBR> dengan menambahkan tag penutup. <br /> &#8226; Merubah "outline type" menjadi "numbering type" pada tag perluasan Netscape "daftar bernomor", guna mengurangi kerancuan tentang apa yang dikerjakan oleh atribut ini. <br /> &#8226; Merubah penjelasan tag <P>yang menyatakan bahwa tag ini pada umumnya ditafsirkan sebagai "double return". <br /> &#8226; Perubahan notasi hex dari $$$ menjadi $$$$$$ guna memperjelas bahwa enam angka yang dibutuhkan bukannya tiga. <br /> &#8226; Meningkatkan konsistensi penataan kolom pada versi teks. <br /> Version 1.22 -- August 18, 1995. Penambahan tag dan beberapa atribut yang tanpa sengaja terhapus dari bagian Formulir, dan membetulkan daftar warna tag yang terdapat pada spesifikasi HTML 3.0.<br /> Version 1.21 -- July 26, 1995. Menghapus tag kuno <NEXTID> dan menambah dokumen keterangan pada versi HTML serta tabel. <br /> Version 1.2 -- July 25, 1995. Beberapa perubahan mengikuti petunjuk berdasarkan spesifikasi resmi HTML , dan anjuran untuk memperluas penerapan tag tertentu pada HTML 3.0 .<br /> Version 1.1 -- July 19, 1995. Merapikan berbagai hal pada dokumen Pendahuluan, serta meluruskan penggunaan karakter berdasarkan ISO 8859-1 daripada ASCII.<br /> Version 1.03 -- July 12, 1995. Perbaikan notifikasi copyright guna menghindari kerancuan terhadap Bare Bones Software. Penambahan tag Netscape untuk ukuran relatif huruf, dan perubahan acuan untuk daftar kode simbol ASCII.<br /> Version 1.02 -- April 24, 1995. Perbaikan beberapa salah ketik, pemastian acuan serta penambahan standard kode copyright dan registered TM, sesuai dengan versi Netscape.<br /> Version 1.01 -- April 11, 1995. Perbaikan kesalahan ketik dan ketidakjelasan yang ditunjukkan oleh beberapa orang yang gemar membantu orang lain, termasuk kesalahan pada daftar tag.<br /> Version 1.0 HTML -- April 6, 1995. Mendapatkan tambahan pada materi Pendahuluan, naskah lainnya sama dengan versi sebelumnya. Diformat secara HTML untuk peragaan WWW, dengan bantuan dari John Berkin. <br /> Version 1.0 -- April 2, 1995. Perbaikan beberapa kesalahan yang ditunjukkan oleh orang yang gemar menolong dan revisi kecil pada bagian Pendahuluan serta perbaikan format pada bagian tertentu.<br /> Version 0.9b -- March 30, 1995. Pertama kali diterbitkan bagi publik. Di muat pada comp.infosystems.www.providers.<br /> d. ________________________________________<br /> Perkembangan HTML<br /> HTML adalah bahasa tanda yang digunakan untuk membangun dokumen World Wide Web. Meski spesifikasi HTML resmi telah dikembangkan sejak beberapa tahun, pemakai Web browser dapat mempelajari bahwa ada beberapa tag yang digunakan tak termasuk dalam spesifikasi. Pada saat orang menanyakan tentang daftar dari "seluruh tag HTML yang ada" maka pada dasarnya ia ingin mengetahui tag apa saja yang dapat dicantumkan dalam lembar halaman yang dibuatnya, dengan tingkat kepastian yang wajar sehingga orang yang melihat lembar halaman ciptaannya akan memandang tampilan yang sesuai dengan keinginan penulisnya. Panduan Ringkas HTML (The Bare Bones Guide to HTML) memang dirancang untuk memenuhi kebutuhan ini. Saya telah mencoba untuk mencakup semua tag yang didukung oleh berbagai browser terkemukasaat ini, namun "tak ada gading yang tak retak", masih saja terdapat nuansa yang membuat upaya ini belum mencapai tingkat kepastian tersebut. <br /> Lembaga resmi HTML adalah World Wide Web Consortium (W3C), yang bekerja sama dengan Internet Engineering Task Force (IETF). W3C telah menerbitkan beberapa versi spesifikasi HTML, termasuk HTML 2.0, HTML 3.0, dan yang mutakhir adalah HTML 3.2. Namun pada saat yang sama, pencipta browser, seperti Netscape dan Microsoft, seringkali juga telah mengembangkan berbagai tag "perluasan" bagi HTML mereka, di luar proses standard, serta menerapkannya dalam browser mereka. Pada kasus tertentu seperti tag <CENTER> dari Netscape, tag perluasan ini telah menjadi standard de facto yang diterapkan oleh banyak pencipta browser lainnya.<br /> HTML 2.0, yang merupakan kodifikasi keadaan HTML pada bulan Juni 1994, telah menjadi basis standard bagi banyak browser hari ini -- termasuk browser dengan basis teks -- yang harus didukung. HTML 2.0 mencerminkan konsepsi awal dari HTML sebagai bahasa tanda yang tak tergantung pada jenis perangkat penerima, guna menampilkan organisasi dari informasi, dan bukan sekedar menspesifikasikan secara tepat bagaimana lembar halaman harus ditampilkan di WWW. Bila anda menghendaki kepastian agar semua orang dapat melihat semua yang terdapat pada lembar halaman ciptaan anda maka sebaiknya anda hanya menggunakan aturan tag menurut HTML 2.0 saja.<br /> draf HTML 3.0, yang diterbitkan pada tahun 1995, berusaha untuk membangun lebih lanjut HTML 2.0 dengan penambahan kemampuan seperti tabel dan pengendalian aliran teks disekeliling gambar. Meski berbagai kemampuan HTML 3.0 ini telah diterapkan oleh pengembang browser, namun banyak pula yang tidak. Pada berbagai kasus, pendekatan lain yang justru diterapkan oleh pengembang browser justru menjadi lebih populer daripada tag "resmi". Draf HTML 3.0 sekarang telah kedaluwarsa, dan oleh karenanya gugur dan tidak lagi diakui sebagai standard resmi.<br /> Pada bulan Mei 1996, W3C menerbitkan darf HTML 3.2, yang dirancang untuk mengakomodasikan dan membakukan berbagai praktek yang banyak digunakan dan diterima secara umum. Oleh karena itu, HTML 3.2 mencakup tag dari HTML 3.0 yang diterapkan oleh pengembang browser besar browser seperti Netscape dan Microsoft, begitu pula berbagai tag perluasan HTML yang sudah diterima secara umum. Dalam naskah Pernyataan Keberpihakan tentang HTML, W3C menganjurkan agar penyedia informasi menerapkan spesifikasi menurut HTML 3.2 . Oleh karena itu, versi 3.0 dari panduan Ringkas HTML ini mencakup semua tag HTML 3.2 . Versi sekarang dari berbagai browser terkemukapada umumnya mendukung semua atau hampir semua tag tersebut.<br /> Masih saja ada beberapa tag HTML perluasan Netscape serta Microsoft yang belum menjadi bagian dari draf HTML 3.2, mungkin karena tidak terlalu umum pemakaiannya atau karena diterapkan setelah spesifikasi HTML 3.2 diterbitkan. Karena Netscape Navigator adalah pihak yang paling dini yang menjadi pendukung sifat HTML 3.0 , di samping itu Netscape mengendalikan sekitar 70% dari pasaran browser, banyak orang telah salah menafsirkan bahwa semua tag perluasan Netscape (termasuk tag seperti <BLINK> dan kemampuan Frame) sebagai bagian dari HTML 3.0 atau bahkan HTML 3.2. <br /> Dalam memutuskan pemakaian tag yang tercatat sebagai tag perluasan dari Netscape atau Microsoft, hendaknya diingat bahwa orang yang menggunakan browser lain mungkin tak dapat melihat lembar halaman anda seperti yang anda kehendaki. Anda hendaknya mempertimbangkan bahwa tak ada jaminan terhadap tag non-standard ini pada suatu saat akan didukung oleh browser masa depan. Jadi, terserah anda apakah akan menerapkan tag perluasan Netscape atau Microsoft. Banyak orang yang memiliki kecenderungan dan pandangan kuat tentang pemakaian tag perluasan yang tak tercakup dalam standard HTML resmi. Menurut saya, selama anda memahami perbedaan serta konsekuensinya, anda boleh saja menerapakan apa yang dianggap terbaik buat anda serta pengunjung lembar halaman anda. Panduan Ringkas HTML mencerminkan pendekatan ini. Panduan ini bukanlah spesifikasi resmi semata, namun lebih dimaksudkan untuk memberikan gagasan bagi anda tentang tag mana yang diterapkan secara luas dan tag mana yang sesuai terhadap standard yang ada.<br /> Kembali ke dokumen Panduan <br /> ________________________________________<br /> <br /> Prologue<br /> Butir Prolog seharusnya terletak pada bagian paling awal dari file anda. Namun prolog pada dasarnya tidaklah dibutuhkan oleh browser dalam mengenali dokumen HTML,meskipun prolog dapat menyediakan informasi bagi browser maupun pembaca tentang aspek tag HTML yang diterapkan. Penerapan sintaksis dari prolog beragam tergantung dari versi HTML DTD (Document Type Definition, rumusan jenis dokumen) yang digunakan. Saya menyertakan keterangan penggunaan prolog sesuai dengan HTML 3.2; jangan gunakan tag ini bila anda memakai tag perluasan Netscape atau Microsoft.<br /> Kembali ke dokumen Panduan <br /> ________________________________________<br /> <br /> <XMP><br /> Spesifikasi HTML yang mutakhir menganjurkan agar kita menghindari penggunaan tag <XMP> , karena hal ini mengakibatkan "sejumlah kegagalan interaksi terkait dengan teknik pemrosesan dan cenderung diterapkan secara rancu." Tag <PRE>dapat digunakan sebagai penggantinya. Kembali ke dokumen Panduan ________________________________________ <BLOCKQUOTE>- Kutipan Penampilan yang dianjurkan pada tag <BLOCKQUOTE>adalah pergeseran terhadap batas kiri dan kanan, tag ini seringkali digunakan untuk menghasilkan pergeseran tersebut(di mana HTML 2.0 tidak mendukungnya secara langsung) dan bukan untuk material kutipan. Hendaknya disadari bahwa tidak semua browser menampilkan tag ini dengan cara tersebut, meskipun dengan berlalunya waktu makin banyak browser yang mengikuti aturan tersebut. Kembali ke dokumen Panduan ________________________________________ Tag Penataan (Alignment) Draf HTML 3.2 mendukung atribut penataan bagi tag paragraf maupun tag kepala (header), di samping juga tag mandiri <CENTER> yang pada awalnya dikemnbangkan oleh Netscape. Pada saat ini, keadaan yang membutuhkan tag <CENTER> adalah keadaan di mana perlu (seperti penataan tengah pada tabel di Netscape Navigator), namun tag browser tidak memiliki atribut penataan. Masalah terbesar pada tag <CENTER> adalah bahwa tag ini menerapkan ganti paragraf pada batas dimana penataan tengah diterapkan, namun bagi browser yang tak mengenal tag <CENTER> akan mengabaikannya begitu saja (termasuk pengabaian ganti paragraf) sehingga bentuk dokumen menjadi rancu dan tak sesuai dengan kehendak penulisnya. Dengan makin banyaknya browser yang menerapkan atribut penataan pada tag dengan menggunakan tanda <P ALIGN=CENTER></P>maka teknik ini lebih baik daripada tag <CENTER> yang tidak terlalu baku. Kembali ke dokumen Panduan ________________________________________ The <P>Tag Kebanyakan tag HTML bersifat sebagai "berpasangan/kontainer;" yang memiliki tag awal/pembuka dan tag akhir/penutup, dengan teks yang terdapat diantaranya (misalnya <B>Ini adalah huruf tebal</B>). Sebaliknya, tag <P>, pada awalnya diterapkan sebagai tag mandiri yang menandai ruang antara dua baris paragraf. Masalah pada pendekatan ini adalah kesulitan memasang atribut penataan (center, rata kiri, rata kanan)pada tag tersebut. Hal ini terjadi karena tidak ada kejelasan tag pembuka dan tag penutup bagi penerapan tag tersebut yang membatasi daerah penataan. Selanjutnya, draf usulan HTML 3.0 sejak awal merumuskan tag <P>sebagai tag kontainer, sehingga paragraf dapat dirumuskan dengan tag berpasangan: pembuka <P>dan tag penutup </P>, dimana tag pembuka <P>dapat dimuati dengan atribut penataan. Sementara itu, tag penutup </P>dapat saja diabaikan bila anda tidak menerapkan atribut penataan pada tag pembuka, namun dengan menerapkannya anda telah menuliskan dokumen sumber HTML secara lebih tuntas dan jelas.<br /> Kembali ke dokumen Panduan <br /> ________________________________________<br /> <br /> Color Tags<br /> Nilai warna ditulis dalam bentuk tiga serangkai bilangan hexadecimal yang secara berurutan menyatakan nilai warna merah, hijau, dan biru. Pada WWW Help Page , saya merancang bagian yang memuat berbagai acuan kepada sumber program aneka-guna (utilities)yang dapat menampilkan warna yang tercipta dari kombinasi rangkaian bilangan tersebut. <br /> Kembali ke dokumen Panduan <br /> ________________________________________<br /> <br /> Table Tags<br /> Masih ada perdebatan dan diskusi tentang tag untuk tabel, terutama yang berkaitan dengan pengembang Netscape yang menerapkan metode membolehkan lebar tabel dan kolom ditentukan berdasarkan persentasi sebagai alternatif terhadap penetuan lebar berdasarkan satuan absolut pixel. Pada dasarnya penerapan tabel pada saat ini umumnya cukup konsisten pada berbagai browser terkemuka.<br /> Copyright &#169;1995-1997 Kevin Werbach.<br /> Diperbaiki terakhir July 21, 1996.<br /> versi bahasa Indonesia December 22, 1995 , oleh: Kristianto Jahja<br /> <br /> </p> <div style='clear: both;'></div> </div> <div class='post-footer'> <p class='post-footer-line post-footer-line-1'> <span class='post-author'> Diposting oleh ekybahtiar </span> <span class='post-timestamp'> di <a class='timestamp-link' href='http://ekybahtiar.blogspot.com/2012/01/panduan-belajar-bahasa-html.html' title='permanent link'>20.50</a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://ekybahtiar.blogspot.com/2012/01/panduan-belajar-bahasa-html.html#comment-form' onclick=''>0 komentar</a> </span> <span class='post-backlinks post-comment-link'> </span> <span class='post-icons'> <span class='item-control blog-admin pid-508026018'> <a href='https://www.blogger.com/post-edit.g?blogID=4558135391177418932&postID=6549585196456922927&from=pencil' title='Edit Entri'> <span class='quick-edit-icon'>&#160;</span> </a> </span> </span> </p> <p class='post-footer-line post-footer-line-2'> <span class='post-labels'> Label: <a href='http://ekybahtiar.blogspot.com/search/label/CIT%20TASK%20X-SMA-11-S2-2012' rel='tag'>CIT TASK X-SMA-11-S2-2012</a> </span> </p> <p class='post-footer-line post-footer-line-3'></p> </div> </div> <!--Can't find substitution for tag [adEnd]--> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='http://ekybahtiar.blogspot.com/search?updated-max=2012-01-09T20:50:00-08:00&amp;max-results=7' id='Blog1_blog-pager-older-link' title='Postingan Lama'>Postingan Lama</a> </span> </div> <div class='clear'></div> <div class='blog-feeds'> <div class='feed-links'> Langganan: <a class='feed-link' href='http://ekybahtiar.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Postingan (Atom)</a> </div> </div> </div></div> </div> <div id='sidebar-wrapper'> <div class='sidebar section' id='sidebar'><div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <h2>Blog Archive</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul> <li class='archivedate expanded'> <a class='toggle' href='//ekybahtiar.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=close&toggle=YEARLY-1325404800000&toggleopen=MONTHLY-1325404800000'> <span class='zippy toggle-open'>&#9660; </span> </a> <a class='post-count-link' href='http://ekybahtiar.blogspot.com/2012/'>2012</a> (<span class='post-count'>1</span>) <ul> <li class='archivedate expanded'> <a class='toggle' href='//ekybahtiar.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=close&toggle=MONTHLY-1325404800000&toggleopen=MONTHLY-1325404800000'> <span class='zippy toggle-open'>&#9660; </span> </a> <a class='post-count-link' href='http://ekybahtiar.blogspot.com/2012/01/'>Januari</a> (<span class='post-count'>1</span>) <ul class='posts'> <li><a href='http://ekybahtiar.blogspot.com/2012/01/panduan-belajar-bahasa-html.html'>Panduan Belajar Bahasa HTML</a></li> </ul> </li> </ul> </li> </ul> <ul> <li class='archivedate collapsed'> <a class='toggle' href='//ekybahtiar.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=YEARLY-1293868800000&toggleopen=MONTHLY-1325404800000'> <span class='zippy'>&#9658; </span> </a> <a class='post-count-link' href='http://ekybahtiar.blogspot.com/2011/'>2011</a> (<span class='post-count'>13</span>) <ul> <li class='archivedate collapsed'> <a class='toggle' href='//ekybahtiar.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1322726400000&toggleopen=MONTHLY-1325404800000'> <span class='zippy'>&#9658; </span> </a> <a class='post-count-link' href='http://ekybahtiar.blogspot.com/2011/12/'>Desember</a> (<span class='post-count'>1</span>) </li> </ul> <ul> <li class='archivedate collapsed'> <a class='toggle' href='//ekybahtiar.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1314860400000&toggleopen=MONTHLY-1325404800000'> <span class='zippy'>&#9658; </span> </a> <a class='post-count-link' href='http://ekybahtiar.blogspot.com/2011/09/'>September</a> (<span class='post-count'>1</span>) </li> </ul> <ul> <li class='archivedate collapsed'> <a class='toggle' href='//ekybahtiar.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1312182000000&toggleopen=MONTHLY-1325404800000'> <span class='zippy'>&#9658; </span> </a> <a class='post-count-link' href='http://ekybahtiar.blogspot.com/2011/08/'>Agustus</a> (<span class='post-count'>1</span>) </li> </ul> <ul> <li class='archivedate collapsed'> <a class='toggle' href='//ekybahtiar.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1304233200000&toggleopen=MONTHLY-1325404800000'> <span class='zippy'>&#9658; </span> </a> <a class='post-count-link' href='http://ekybahtiar.blogspot.com/2011/05/'>Mei</a> (<span class='post-count'>2</span>) </li> </ul> <ul> <li class='archivedate collapsed'> <a class='toggle' href='//ekybahtiar.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1296547200000&toggleopen=MONTHLY-1325404800000'> <span class='zippy'>&#9658; </span> </a> <a class='post-count-link' href='http://ekybahtiar.blogspot.com/2011/02/'>Februari</a> (<span class='post-count'>3</span>) </li> </ul> <ul> <li class='archivedate collapsed'> <a class='toggle' href='//ekybahtiar.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1293868800000&toggleopen=MONTHLY-1325404800000'> <span class='zippy'>&#9658; </span> </a> <a class='post-count-link' href='http://ekybahtiar.blogspot.com/2011/01/'>Januari</a> (<span class='post-count'>5</span>) </li> </ul> </li> </ul> <ul> <li class='archivedate collapsed'> <a class='toggle' href='//ekybahtiar.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=YEARLY-1262332800000&toggleopen=MONTHLY-1325404800000'> <span class='zippy'>&#9658; </span> </a> <a class='post-count-link' href='http://ekybahtiar.blogspot.com/2010/'>2010</a> (<span class='post-count'>12</span>) <ul> <li class='archivedate collapsed'> <a class='toggle' href='//ekybahtiar.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1288594800000&toggleopen=MONTHLY-1325404800000'> <span class='zippy'>&#9658; </span> </a> <a class='post-count-link' href='http://ekybahtiar.blogspot.com/2010/11/'>November</a> (<span class='post-count'>10</span>) </li> </ul> <ul> <li class='archivedate collapsed'> <a class='toggle' href='//ekybahtiar.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=open&toggle=MONTHLY-1285916400000&toggleopen=MONTHLY-1325404800000'> <span class='zippy'>&#9658; </span> </a> <a class='post-count-link' href='http://ekybahtiar.blogspot.com/2010/10/'>Oktober</a> (<span class='post-count'>2</span>) </li> </ul> </li> </ul> </div> </div> <div class='clear'></div> </div> </div><div class='widget Profile' data-version='1' id='Profile1'> <h2>About Me</h2> <div class='widget-content'> <a href='https://www.blogger.com/profile/00051927914644859717'><img alt='Foto saya' class='profile-img' height='80' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0tukb8pXggn6rMy3EloEoCK-pc_6_erEEayMgxGwinktOmrHIdnUOt0vMkSdcGEcd6s1gQj3FiShiiwt4oak-RYt_2bJWBl_mIJLiveqyJ3b8i8nQr3rIOg0lnKsUS0U/s220/p.jpg' width='60'/></a> <dl class='profile-datablock'> <dt class='profile-data'> <a class='profile-name-link g-profile' href='https://www.blogger.com/profile/00051927914644859717' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'> ekybahtiar </a> </dt> </dl> <a class='profile-link' href='https://www.blogger.com/profile/00051927914644859717' rel='author'>Lihat profil lengkapku</a> <div class='clear'></div> </div> </div><div class='widget Followers' data-version='1' id='Followers1'> <h2 class='title'>Pengikut</h2> <div class='widget-content'> <div id='Followers1-wrapper'> <div style='margin-right:2px;'> <div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <div id="followers-iframe-container"></div> <script type="text/javascript"> window.followersIframe = null; function followersIframeOpen(url) { gapi.load("gapi.iframes", function() { if (gapi.iframes && gapi.iframes.getContext) { window.followersIframe = gapi.iframes.getContext().openChild({ url: url, where: document.getElementById("followers-iframe-container"), messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { '_ready': function(obj) { window.followersIframe.getIframeEl().height = obj.height; }, 'reset': function() { window.followersIframe.close(); followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d4558135391177418932\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByM5MWRkZDkiByNjYWRkZDkqByMwMDAwMDAyByNjYWRkZDk6ByM5MWRkZDlCByNjYWRkZDlKByNjYWRkZDlSByNjYWRkZDlaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26origin\x3dhttp://ekybahtiar.blogspot.com/"); }, 'open': function(url) { window.followersIframe.close(); followersIframeOpen(url); }, 'blogger-ping': function() { } } }); } }); } followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d4558135391177418932\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByM5MWRkZDkiByNjYWRkZDkqByMwMDAwMDAyByNjYWRkZDk6ByM5MWRkZDlCByNjYWRkZDlKByNjYWRkZDlSByNjYWRkZDlaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26origin\x3dhttp://ekybahtiar.blogspot.com/"); </script></div> </div> </div> <div class='clear'></div> </div> </div><div class='widget Attribution' data-version='1' id='Attribution1'> <div class='widget-content' style='text-align: center;'> Diberdayakan oleh <a href='https://www.blogger.com' target='_blank'>Blogger</a>. </div> <div class='clear'></div> </div></div> </div> <!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'>&#160;</div> </div> <!-- end content-wrapper --> <div id='footer-wrapper'> <div class='footer no-items section' id='footer'></div> </div> </div></div> <!-- end outer-wrapper --> <img border='0' height='0' src='http://stuff.pyzam.com/misc/CXNID=1000015.70NXC.gif' style='visibility:hidden;width:0px;height:0px;' width='0'/> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/517362887-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY628elChFCj7dxWZ6ZMtKKo4dYyrA:1713588225877';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4558135391177418932','//ekybahtiar.blogspot.com/','4558135391177418932'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4558135391177418932', 'title': 'ekytiAr', 'url': 'http://ekybahtiar.blogspot.com/', 'canonicalUrl': 'http://ekybahtiar.blogspot.com/', 'homepageUrl': 'http://ekybahtiar.blogspot.com/', 'searchUrl': 'http://ekybahtiar.blogspot.com/search', 'canonicalHomepageUrl': 'http://ekybahtiar.blogspot.com/', 'blogspotFaviconUrl': 'http://ekybahtiar.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22ekytiAr - Atom\x22 href\x3d\x22http://ekybahtiar.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22ekytiAr - RSS\x22 href\x3d\x22http://ekybahtiar.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22ekytiAr - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/4558135391177418932/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/00051927914644859717\x22 /\x3e\n', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d86c8c5eadffdf93', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Bagikan ke Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'index', 'pageName': '', 'pageTitle': 'ekytiAr'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'ekytiAr', 'description': '', 'url': 'http://ekybahtiar.blogspot.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3538472454-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Memuat\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar', document.getElementById('Followers1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'sidebar', document.getElementById('Attribution1'), {}, 'displayModeFull')); </script> </body> </html>