Met malem sobat blog.. cuma pengen share aja ni sedikit mengenai kode-kode HTML yang kita pakai dalam praktek seperti membuat halaman web/blog atau lainnya.

Langsung aja dech berhubung saya uda ngantuk buanget,, hooaamm, abis baru pulang kuliah nyampe rumah jam 10 malem.. tinggal molor dech..

Hhehe.. oh iya keasyikan cerita kodenya ketinggaln, ini dia sob langsung aja... cekebrrott!

Klik DisiNi untuk mentranslate ke bahasa indo

(HTML Commands Codes)

`<!-- ••• -->`
`<!DOCTYPE ...>`
`<A ...>` Anchor	`HREF`: URL you are linking to
	`NAME`: name a section of the page
	`TARGET` = `"_blank"` \| `"_parent"` \| `"_self"` \| `"_top"` \| `window name` which window the document should go in
	`TITLE`: suggested title for the document to be opened
	`onClick`: script to run when the user clicks on this anchor
	`onMouseOver`: when the mouse is over the link
	`onMouseOut`: when the mouse is no longer over the link
	`ACCESSKEY`
`<ADDRESS>`
`<APP ...>`
`<APPLET ...>`	`CODE`: the applet to run
	`CODEBASE`: path to the applet class
	`WIDTH`: width of the applet
	`HEIGHT`: height of the applet
	`ALIGN` = `LEFT` \| `RIGHT` \| `TOP` \| `MIDDLE` \| `BOTTOM` \| `BASELINE` alignment of applet to surrounding text
	`VSPACE`: vertical space between applet and surrounding text
	`HSPACE`: horizontal space between applet and surrounding text
	`BORDER`: empty space surrounding the applet
	`NAME`: name of applet for reference by other applets
	`ARCHIVE`: a compressed collection of applet components
	`MAYSCRIPT`: If Java can use JavaScript
`<AREA ...>`	`HREF`: URL you are linking to
	`ALT`: alternate text if the image isn’t displayed
	`SHAPE` = `RECT` \| `CIRCLE` \| `POLY` \| `DEFAULT` what shape is this area?
	`COORDS`: coordinates for the link area shape
	`TITLE`: Short description of the area
	`TARGET`: what frame to go to
	`NOHREF`: this area is not a link
	`onClick`: script action when the user clicks this area
	`onMouseOver`
	`onMouseOut`
`<B>` Bold
`<BASE ...>` Base Address	`HREF`: default address for hypertext links
`<BASE ...>` Base Address	`TARGET` = `"_blank"` \| `"_parent"` \| `"_self"` \| `"_top"` \| `frame name` default window for linked documents
`<BASEFONT ...>`	`SIZE`
	`COLOR`
	`FACE`
`<BGSOUND ...>`	`SRC`: URL of the sound
`<BGSOUND ...>`	`LOOP` = `INFINITE` \| `number of loops` how many times to play the sound
`<BIG>`
`<BLINK>`
`<BLOCKQUOTE ...>` Block Quote
`<BODY ...>`	`BGCOLOR`: background color of the page
	`BACKGROUND`: background picture for the page
	`TEXT`: color of the text on the page
	`LINK`: color of links that haven’t been followed yet
	`VLINK`: color of links that have been followed
	`ALINK`: color of links while you are clicking on them
	`BGPROPERTIES` = `FIXED` if the background image should not scroll
	`TOPMARGIN`: size of top and bottom margins
	`LEFTMARGIN`: size of left and right margins
	`MARGINHEIGHT`: size of top and bottom margins
	`MARGINWIDTH`: size of left and right margins
	`onLoad`: Script to run once the page is fully loaded
	`onUnload`
	`onFocus`
	`onBlur`
	`STYLESRC`: MS FrontPage extension
	`SCROLL` = `YES` \| `NO` If the document should have a scroll bar
`<BR ...>` Line Break	`CLEAR` = `LEFT` \| `RIGHT` \| `ALL` \| `BOTH` go past a picture or other object
`<BUTTON ...>`	`TYPE` = `BUTTON` \| `SUBMIT` \| `RESET` what type of button is this
	`onClick`: script to run when the user clicks here
	`NAME`: name of this button element
	`VALUE`: the value sent with the form
	`DISABLED`: disable this button
	`ACCESSKEY`: shortcut key for this button
	`TABINDEX`: tab order
`<CAPTION ...>`	`ALIGN` = `TOP` \| `BOTTOM` \| `LEFT` \| `RIGHT` alignment of caption to table
`<CAPTION ...>`	`VALIGN` = `TOP` \| `BOTTOM` if caption should be above or below table
`<CENTER ...>`
`<CITE>` Citation
`<CODE>`
`<COL ...>` Column	`SPAN`: how many columns this affects
	`ALIGN` = `LEFT` \| `CENTER` \| `RIGHT` \| `JUSTIFY` horizontal alignment
	`WIDTH`: width of the column
	`BGCOLOR`: background color of the column
`<COLGROUP ...>` Column Group	`SPAN`: how many columns this affects
	`ALIGN`: alignment of cell contents
	`WIDTH`: Width of the column group
`<COMMENT>`
`<DD>` Definition Description
`<DEL>` Deleted
`<DFN>` Definition
`<DIR ...>` Directory List
`<DIV ...>`	`ALIGN` = `LEFT` \| `CENTER` \| `RIGHT` \| `JUSTIFY` text alignment
`<DL ...>` Definition List	`COMPACT`: take up less space
`<DT>` Definition Term
`<EM>` Emphasis
	`SRC`: URL of resource to be embedded
	`WIDTH`: width of area in which to show resource
	`HEIGHT`: height of area in which to show resource
	`ALIGN` = `ABSBOTTOM` \| `ABSMIDDLE` \| `MIDDLE` \| `TEXTTOP` \| `RIGHT` \| `LEFT` \| `BASELINE` \| `CENTER` \| `BOTTOM` \| `TOP` how text should flow around the picture
	`NAME`: name of the embedded object
	`PLUGINSPAGE`: where to get the plugin software
	`PLUGINURL`: where to get the JAR archive for automatic installation
	`HIDDEN` = `FALSE` \| `TRUE` if the object is visible or not
	`HREF`: make this object a link
	`TARGET`: frame to link to
	`AUTOSTART` = `TRUE` \| `FALSE` if the sound/movie should start automatically
	`LOOP` = `TRUE` \| `FALSE` \| `# of loops` how many times to play the sound/movie
	`PLAYCOUNT`: how many times to play the sound/movie
	`VOLUME`: how loud to play the sound
	`CONTROLS` = `VOLUMELEVER` \| `STOPBUTTON` \| `PAUSEBUTTON` \| `PLAYBUTTON` \| `SMALLCONSOLE` \| `CONSOLE` which sound control to display
	`CONTROLLER` = `TRUE` \| `FALSE` if controls should be displayed
	`MASTERSOUND`: indicates the object in a sound group with the sound to use
	`STARTTIME`: how far into the sound to start and stop
	`ENDTIME`: when to finish playing
`<FIELDSET>`
`<FONT ...>`	`SIZE`: size of the font
	`COLOR`: color of the text
	`FACE`: set the typestyle for text
	`POINT-SIZE`
	`WEIGHT`
`<FORM ...>`	`ACTION`: URL of the CGI program
	`METHOD` = `GET` \| `POST` how to transfer the data to the CGI
	`NAME`: name of this form
	`ENCTYPE` = `"multipart/form-data"` \| `"application/x-www-form-urlencoded"` \| `"text/plain"` what type of form this is
	`TARGET` = `"_blank"` \| `"_parent"` \| `"_self"` \| `"_top"` \| `frame name` what frames to put the results in
	`onSubmit`: script to run before the form is submitted
	`onReset`: script to run before the form is reset
`<FRAME ...>`	`SRC`: what file to put in the frame
	`NAME`: the name of the frame
	`SCROLLING` = `YES` \| `NO` \| `AUTO` should the frame have a scrollbar?
	`NORESIZE`: don’t let the user make the frame bigger or smaller
	`FRAMEBORDER` = `YES` \| `1` \| `NO` \| `0` should this frame have a border?
	`BORDERCOLOR`: color of the surrounding border
	`MARGINWIDTH`: the internal left and right margins for the frame
	`MARGINHEIGHT`: the internal top and bottom margins for the frame
`<FRAMESET ...>`	`COLS`: how many cols in the frameset
	`ROWS`: how many rows in the frameset
	`FRAMEBORDER` = `YES` \| `1` \| `NO` \| `0` if the frames should have borders
	`FRAMESPACING`: space between the frames
	`BORDER`: space between frames
	`BORDERCOLOR`: color of frame borders
`<H# ...>` Headers`<H1 ...>`, `<H2 ...>`, `<H3 ...>`, `<H4 ...>`, `<H5 ...>`, `<H6 ...>`	`ALIGN` = `LEFT` \| `RIGHT` \| `CENTER` \| `JUSTIFY` alignment
`<HEAD>`
`<HR ...>` Horizontal Rule	`NOSHADE`: don’t use shadow effect
	`SIZE`: height
	`WIDTH`: horizontal width of the line
	`ALIGN` = `LEFT` \| `RIGHT` \| `CENTER` horizontal alignment of the line
	`COLOR`: color of the line
`<HTML>`
`<HTMLPLUS ...>`
`<HYPE>`
`<I>` Italics
`<IFRAME ...>` Inline Frame	`SRC`: URL of the document to go in the frame
	`HEIGHT`: height of the inline frame
	`WIDTH`: width of the inline frame
	`NAME`: name of this inline frame
	`LONGDESC`: URL of a long description of the contents of the frame
	`FRAMEBORDER` = `1` \| `0` if the frame should have a border around it
	`MARGINWIDTH`: internal left/right margin for the frame
	`MARGINHEIGHT`: internal top/bottom margin for the frame
	`SCROLLING` = `YES` \| `NO` \| `AUTO` if the frame should have scroll bars
	`ALIGN` = `LEFT` \| `RIGHT` \| `TOP` \| `TEXTTOP` \| `MIDDLE` \| `ABSMIDDLE` \| `CENTER` \| `BOTTOM` \| `ABSBOTTOM` \| `BASELINE` alignment of the frame object to text around it
	`VSPACE`: space above and below the frame
	`HSPACE`: space to the left and right of the frame
`<IMG ...>` Image	`SRC`: where to get the picture
	`ALT`: text to show if you don’t show the picture
	`NAME`
	`LONGDESC`: URL of a long description of the image
	`WIDTH`: how wide is the picture
	`HEIGHT`: how tall is the picture
	`ALIGN` = `LEFT` \| `RIGHT` \| `TOP` \| `TEXTTOP` \| `MIDDLE` \| `ABSMIDDLE` \| `BOTTOM` \| `ABSBOTTOM` \| `BASELINE` how text should flow around the picture
	`BORDER`: border around the picture
	`HSPACE`: horizontal distance between the picture and the text
	`VSPACE`: vertical distance between the picture and the text
	`ISMAP`: is this a clickable map?
	`USEMAP`: name of the map definition
	`LOWSRC`: a version of the picture that isn’t such a big file
	`NATURALSIZEFLAG`: meaningless
	`NOSAVE`: meaningless
	`DYNSRC`: play a movie file
	`CONTROLS`: show the buttons which control the movie
	`LOOP` = `INFINITE` \| `-1` \| `# of loops` how many times to loop the movie
	`START` = `FILEOPEN` \| `MOUSEOVER` when to start playing the movie
	`onLoad`: script to runs after the image is downloaded
	`SUPPRESS` = `TRUE` \| `FALSE` Don’t show icons of images that haven’t downloaded yet
`<INPUT ...>`	`TYPE` = `TEXT` \| `CHECKBOX` \| `RADIO` \| `PASSWORD` \| `HIDDEN` \| `SUBMIT` \| `RESET` \| `BUTTON` \| `FILE` \| `IMAGE` what type of field
	`NAME`: name of this form field
	`VALUE`: initial or only value of this field
	`SIZE`: how wide the text field should be
	`MAXLENGTH`: maximum number of characters
	`CHECKED`: check this checkbox or radio button
	`BORDER`: border around image
	`SRC`: URL of image
	`ALT`: text to show if you don’t show the picture
	`LOWSRC`: a version of the picture that isn’t such a big file
	`WIDTH`: width of image
	`HEIGHT`: height of image
	`ALIGN` = `LEFT` \| `RIGHT` \| `TOP` \| `TEXTTOP` \| `MIDDLE` \| `ABSMIDDLE` \| `CENTER` \| `BOTTOM` \| `ABSBOTTOM` \| `BASELINE` how text should flow around the picture
	`VSPACE`: vertical distance between the picture and the text
	`HSPACE`: horizontal distance between the picture and the text
	`READONLY`: the value of this field cannot be changed
	`DISABLED`: don’t let the user do anything with this field
	`ACCESSKEY`
	`TABINDEX`: tab order
	`LANGUAGE` = `"JavaScript"` \| `"JavaScript1.1"` \| `"JSCRIPT"` \| `"VBScript"` \| `"VBS"` \| `other language` scripting language to use
	`onClick`: when the user clicks here
	`onChange`: when this field is changed
	`onFocus`: when this field gets the focus
	`onBlur`: when this field loses the focus
	`onKeyPress`: script to run when a key is pressed
	`onKeyUp`: script for when a key goes up while the field has the focus
	`onKeyDown`: script for when a key goes down while the field has the focus
	`AUTOCOMPLETE` = `ON` \| `OFF` If the browser should use autocompletion for the field
`<INS>` Inserted`<DEL>`
`<ISINDEX ...>`	`PROMPT`: prompt string to show before the text entry area
`<ISINDEX ...>`	`ACTION`: the CGI to call
`<KBD>` Keyboard
`<LABEL ...>`	`FOR`: form element for which this is a label
`<LEGEND ...>`	`ALIGN` = `RIGHT` \| `CENTER` \| `LEFT`
`<LI ...>` List Item	`TYPE` = `DISC` \| `CIRCLE` \| `SQUARE` \| `1` \| `A` \| `a` \| `I` \| `i` type of bullet or numeral
`<LI ...>` List Item	`VALUE`: where to continue counting
`<LINK ...>`	`REL`: relationship to this page
	`REV`: reverse relationship to this page
	`HREF`: URL of related document
	`TITLE`: suggested title
	`MEDIA` = `SCREEN` \| `PRINT` \| `PROJECTION` \| `AURAL` \| `BRAILLE` \| `ALL` \| `other media` What media type the link applies to
	`TYPE`: MIME type of linked resource
`<LISTING>`
`<MAP ...>`	`NAME`: name of this map
`<MARQUEE ...>`	`WIDTH`: how wide the marquee is
	`HEIGHT`: how tall the marquee is
	`DIRECTION` = `LEFT` \| `RIGHT` which direction the marquee should scroll
	`BEHAVIOR` = `SCROLL` \| `SLIDE` \| `ALTERNATE` what type of scrolling
	`SCROLLDELAY`: how long to delay between each jump
	`SCROLLAMOUNT`: how far to jump
	`LOOP` = `INFINITE` \| `number of loops` how many times to loop
	`BGCOLOR`: background color
	`HSPACE`: horizontal space around the marquee
	`VSPACE`: vertical space around the marquee
`<MENU ...>`
`<META ...>`	`NAME` = `KEYWORDS` \| `DESCRIPTION` \| `REFRESH` \| `many others` The pupose of this META tag
	`HTTP-EQUIV`: Name of the pretend HTTP header
	`CONTENT`: Metainformation content
`<MULTICOL ...>`	`COLS`: how many columns
	`GUTTER`: space between columns
	`WIDTH`: width of a single column
`<NOBR>` No Break
`<NOEMBED>`
`<NOFRAMES>`
`<NOSCRIPT>`
`<OL ...>` Ordered List	`TYPE` = `1` \| `A` \| `a` \| `I` \| `i` type of numerals
`<OL ...>` Ordered List	`START`: where to start counting
`<OPTION ...>`	`VALUE`: what’s the value if this option is chosen
`<OPTION ...>`	`SELECTED`: this option is selected by default
`<P ...>` Paragraph	`ALIGN` = `LEFT` \| `CENTER` \| `RIGHT` \| `JUSTIFY` alignment of text within the paragraph
`<P ...>` Paragraph	`CLEAR` = `LEFT` \| `RIGHT` \| `ALL` \| `BOTH` move past picture and other objects
`<PARAM ...>` Parameter	`NAME`: name of the parameter
`<PARAM ...>` Parameter	`VALUE`: value of the parameter
`<PLAINTEXT>`
`<PRE ...>` Preformatted Text
`<S>` Strikeout
`<SAMP>` Sample
`<SCRIPT ...>`	`TYPE` = `"text/javascript"` \| `"text/vbscript"` \| `other scripting language` Which scripting language to use
	`SRC`: External source for script
	`DEFER`: Continue loading page while downloading script
	`LANGUAGE` = `JAVASCRIPT` \| `LIVESCRIPT` \| `VBSCRIPT` \| `other` Deprecated indicator of language
	`FOR`: object for which this script is an event handler
	`EVENT`: the event this script handles
`<SELECT ...>`	`NAME`: name of this form element
	`MULTIPLE`: allow more than one choice
	`SIZE`: how many options to show
	`READONLY`: don’t let the user change the value of this field
	`DISABLED`: don’t let the user do anything with this field
	`LANGUAGE` = `"JavaScript"` \| `"JavaScript1.1"` \| `"VBScript"` \| `other language` scripting language to use
	`onChange`: what to do when a new option is selected
	`TABINDEX`: tab order
	`onFocus`: script to run when this field gets the focus
	`onBlur`: script to run when this field loses the focus
`<SMALL>`
`<SOUND ...>`
`<SPACER ...>`	`TYPE` = `HORIZONTAL` \| `VERTICAL` \| `BLOCK` what type of space is this
	`ALIGN` = `LEFT` \| `RIGHT` align left or right
	`SIZE`: how tall or wide
	`WIDTH`: how wide
	`HEIGHT`: how tall
`<SPAN ...>`
`<STRIKE>` Strikeout`<S>`
`<STRONG>`
`<STYLE ...>`	`TYPE`: style language
`<STYLE ...>`	`MEDIA`: type of media this syle applies to
`<SUB>` Subscript
`<SUP>` Superscript
`<TABLE ...>`	`BORDER`: size of border around the table
	`CELLPADDING`: space between the edge of a cell and the contents
	`CELLSPACING`: space between cells
	`WIDTH`: width of the table as a whole
	`BGCOLOR`: color of the background
	`BACKGROUND`: picture to use as background
	`ALIGN` = `LEFT` \| `RIGHT` alignment of table to surrounding text
	`HSPACE`: horizontal space between table and surrounding text
	`VSPACE`: vertical space between table and surrounding text
	`HEIGHT`: height of the table as a whole
	`FRAME` = `VOID` \| `BOX` \| `BORDER` \| `ABOVE` \| `BELOW` \| `LHS` \| `RHS` \| `HSIDES` \| `VSIDES` parts of outside border that are visible
	`RULES` = `NONE` \| `ALL` \| `COLS` \| `ROWS` \| `GROUPS` if there should be internal borders
	`BORDERCOLOR`: color of border around the table
	`BORDERCOLORLIGHT`: color of “light” part of border around the table
	`BORDERCOLORDARK`: color of “dark” part of border around the table
	`SUMMARY`: Summary of the purpose of the table
`<TBODY ...>` Table Body Section
`<TD ...>` Table Data	`ALIGN` = `LEFT` \| `CENTER` \| `MIDDLE` \| `RIGHT` horizontal alignment of cell contents
	`VALIGN` = `TOP` \| `MIDDLE` \| `CENTER` \| `BOTTOM` \| `BASELINE` vertical alignment of cell contents
	`WIDTH`: width of cell
	`HEIGHT`: height of cell
	`COLSPAN`: number of columns to cover
	`ROWSPAN`: number of rows to cover
	`NOWRAP`: don’t word wrap
	`BGCOLOR`: color of the background
	`BORDERCOLOR`: color of border around the table
	`BORDERCOLORDARK`: color of “dark” part of border around the table
	`BORDERCOLORLIGHT`: color of “light” part of border around the table
	`BACKGROUND`: picture to use as background
`<TEXTAREA ...>`	`NAME`: name of this form field
	`COLS`: how many characters wide
	`ROWS`: how many rows
	`WRAP` = `SOFT` \| `HARD` \| `OFF` how to wrap the text
	`READONLY`: don’t let the user change the contents of the field
	`DISABLED`: don’t let the user do anything with this field
	`TABINDEX`: tab order
	`LANGUAGE` = `"JavaScript"` \| `"JavaScript1.1"` \| `"VBScript"` \| `other language` scripting language
	`onChange`: Script to run when the user has changed the textarea
	`onKeyPress`: script to run when a key is pressed
`<TFOOT ...>` Table Footer Section
`<TH ...>` Table Header
`<THEAD ...>` Table Header Section`<TBODY ...>`, `<TFOOT ...>`
`<TITLE>`
`<TR ...>` Table Row	`ALIGN` = `LEFT` \| `CENTER` \| `RIGHT` horizontal alignment of cell contents
	`HALIGN` = `LEFT` \| `CENTER` \| `RIGHT`
	`VALIGN` = `TOP` \| `MIDDLE` \| `BOTTOM` \| `BASELINE` vertical alignment of cell contents
	`BGCOLOR`: background color
	`BACKGROUND`: background image
	`BORDERCOLOR`: color of border around each cell
	`BORDERCOLORLIGHT`: color of “light” part of border around each cell
	`BORDERCOLORDARK`: color of “dark” part of border around each cell
`<TT>` Teletype
`<U>` Underline
`<UL ...>` Unordered List	`TYPE` = `DISC` \| `CIRCLE` \| `SQUARE` type of bullets
`<VAR>` Variable
`<WBR>`
`<XMP>`

Welcome to my new blog..... Thank's for visit...!

Selasa, 26 April 2011

Kode HTML beserta Fungsinya

Met malem sobat blog.. cuma pengen share aja ni sedikit mengenai kode-kode HTML yang kita pakai dalam praktek seperti membuat halaman web/blog atau lainnya.

Langsung aja dech berhubung saya uda ngantuk buanget,, hooaamm, abis baru pulang kuliah nyampe rumah jam 10 malem.. tinggal molor dech..

Klik DisiNi untuk mentranslate ke bahasa indo

(HTML Commands Codes)

2 komentar:

Visitors Globe

Chat with Me