KA BLOG HI ENGE I HMUH DAN?

28 March, 2016

HTML QUICK reference

HTML quick reference

A - Anchor

<A HREF=URI REL=LinkTypes TYPE=ContentTypeTARGET=[ _blank | _self | _parent | _top ]TABINDEX=Number ONFOCUS=ScriptONBLUR=Script> ... </A>

B - Bold Text

<B> ... </B>

BODY - Document Body

<BODY BACKGROUND=URI BGCOLOR=#RRGGBBTEXT=#RRGGBB ONLOAD=ScriptONUNLOAD=Script> ... </BODY>

BR - Line Break

<BR CLEAR=[ left | all | right | none ]>

BUTTON - Submit, Reset, or Push Button

<BUTTON NAME=CDATA VALUE=CDATA TYPE=[ submit | reset | button ] DISABLEDACCESSKEY=Character ONFOCUS=ScriptONBLUR=Script> ... </BUTTON>

DIV - Generic Block-level Container

<DIV ALIGN=[ left | center | right | justify ]> ... </DIV>

FONT - Font Change

<FONT SIZE=CDATA COLOR=#RRGGBBFACE=CDATA> ... </FONT>

FORM - Interactive Form

<FORM ACTION=URI METHOD=[ get | post ]ENCTYPE=ContentType NAME=CDATA ACCEPT-CHARSET=Charsets ACCEPT=ContentTypesONSUBMIT=Script ONRESET=Script> ... </FORM>

<FORM METHOD=post ACTION="/test.php"> <FIELDSET> <INPUT TYPE=text id=name ID=name></INPUT> <INPUT TYPE=text id=email ID=email></INPUT> <TEXTAREA id=adr ID=addr ROWS=4 COLS=40></TEXTAREA> </FIELDSET> <INPUT TYPE=submit VALUE="Submit"></INPUT> </FORM>

HR - Horizontal Rule

<HR ALIGN=[ left | center | right ] NOSHADESIZE=Pixels WIDTH=Length>

IMG - Inline Image

<IMG SRC=URI ALT=Text LONGDESC=URIWIDTH=Length HEIGHT=Length USEMAP=URIISMAP ALIGN=[ top | middle | bottom | left | right ]BORDER=Pixels HSPACE=Pixels VSPACE=PixelsNAME=CDATA>

INPUT - Form Input

<INPUT TYPE=[ text | password | checkbox | radio | submit | reset | file | hidden | image | button ]NAME=CDATA VALUE=CDATA CHECKEDSIZE=CDATA MAXLENGTH=NumberSRC=URIforImage ALT=CDATA DISABLEDREADONLY ACCEPT=ContentTypesACCESSKEY=Character TABINDEX=NumberONFOCUS=Script ONBLUR=ScriptONSELECT=Script ONCHANGE=Script>

Example

LI - List Item for <UL> (unordered list) or<OL> (ordered list)

<LI TYPE=[ disc | square | circle | 1 | a | A | i | I ]VALUE=Number> ... </LI>

LINK - Document Relationship

<LINK REL=[ Prev | Next | Start |... ] REV=[ Prev | Next | Start |... ] HREF=URI TYPE=[ "text/css" | "application/pdf" | ... ] TARGET=[ _blank | _self | _parent | _top ] MEDIA= [ screen | print | all | ... ]HREFLANG=LanguageCode CHARSET=Charset>

META - Metadata

<META NAME=[ description | keywords | robots | author | ... ] HTTP-EQUIV=[ Expires | Refresh | ... ]CONTENT=[ noindex | follow | nofollow |... ]SCHEME=CDATA>

OL - Ordered List (container for <LI>)

<OL TYPE=TYPE=[ 1 | a | A | i | I ] START=NumberCOMPACT> ... </OL>

OPTION - Menu Option (for <SELECT>)

<OPTION VALUE=CDATA SELECTED DISABLEDLABEL=Text> ... </OPTION>

Example

P - Paragraph

<P ALIGN=[ left | center | right | justify ]> ... </P>

SCRIPT - Embedded Script

<SCRIPT TYPE=[ "text/javascript" | ... ] SRC=URICHARSET=Charset DEFER> ... </SCRIPT>

SELECT - Option Selector (container for<OPTION>)

<SELECT NAME=CDATA MULTIPLE SIZE=NumberDISABLED TABINDEX=Number ONFOCUS=ScriptONBLUR=Script ONCHANGE=Script> ... </SELECT>

<SELECT id=browser> <OPTION LABEL="Firefox">Firefox</OPTION> <OPTION LABEL="MSIE">MSIE</OPTION> <OPTION LABEL="Opera">Opera</OPTION> </SELECT>

STYLE - Embedded Style Sheet

<STYLE TYPE=[ "text/css" | ... ] MEDIA= [ screen | print | all | ... ] TITLE=Text> ... </STYLE>

TABLE - Table

<TABLE SUMMARY=Text WIDTH=LengthBORDER=Pixels FRAME=[ void | above | below | hsides | lhs | rhs | vsides | box | border ] RULES=[ none | groups | rows | cols | all ]CELLSPACING=Length CELLPADDING=Length> ... </TABLE>

<TABLE BORDER=1 CELLPADDING=5> <TR ALIGN=left> <TD VALIGN=middle>One<TD> <TD VALIGN=middle>Two<TD> <TD VALIGN=middle>Three<TD> </TR> </TABLE>

TD - Table Data Cell

<TD ROWSPAN=Number COLSPAN=NumberSCOPE=[ row | col | rowgroup | colgroup ]AXIS=CDATA ALIGN=[ left | center | right | justify | char ] CHAR=AlignmentCharacterCHAROFF=Length VALIGN=[ top | middle | bottom | baseline ]> ... </TD>

Example

TR - Table Row

<TRALIGN=[ left | center | right | justify | char ]CHAR=AlignmentCharacter CHAROFF=LengthVALIGN=[ top | middle | bottom | baseline ]> ... </TR>

Example

TEXTAREA - Multi-line Text Area for<FORM>

<TEXTAREA NAME=CDATA ROWS=NumberCOLS=Number DISABLED READONLYACCESSKEY=Character TABINDEX=NumberONFOCUS=Script ONBLUR=ScriptONSELECT=Script ONCHANGE=Script> ... </TEXTAREA>

Example

UL - Unordered List (container for <LI>)

<UL TYPE=TYPE=[ disc | square | circle ]COMPACT> ... </UL>

No comments:

Post a Comment