Home > Abakada: Back to Basics

---

Abakada stands for ABC, which is what this part of the workshop is all about: the basics, or the ABC’s of Web design and development.

Expand All

Authoring Your Web Pages Web Authoring Basics Understanding HTML Using Style Sheets HTML Elements Anchors and Links Using Tables Frames and Framesets Using Forms Dynamic HTML DHTML Overview CSS Visual Effects Understanding CSS Animations Understanding CSS Filters Understanding CSS Transforms Understanding CSS Transitions Understanding Events Handling Events Dynamic Styles Dynamic Content Dynamic Positioning Working with Windows and Frames Basic Scripting JavaScript Overview JavaScript Components JavaScript Basics Assignment Operators Comparison Operators Arithmetic Operators Bitwise Operators Logical Operators String Operators Special Operators Programmimg With JavaScript Data Entry Validation Check if all form fields are filled out Checking for alphabet entries only Checking for numeric entries only Checking for a valid range of values Rounding a number to n decimals Checking for valid date input Language References HTML Elements A Element ABBR Element ACRONYM Element ADDRESS Element APPLET Element AREA Element ARTICLE Element ASIDE Element AUDIO Element B Element BASE Element BASEFONT Element BDI Element BDO Element BGSOUND Element BIG Element BLOCKQUOTE Element BODY Element BR Element BUTTON Element CANVAS Element CAPTION Element CENTER Element CITE Element CODE Element COL Element COLGROUP Element HTML Comment Element DATA Element DATALIST Element DD Element DEL Element DETAILS Element DFN Element DIALOG Element DIR Element DIV Element DL Element !DOCTYPE Element DT Element EM Element EMBED Element FIELDSET Element FIGCAPTION Element FIGURE Element FONT Element FOOTER Element FORM Element HEAD Element HEADER Element HGROUP Element Hn Element HR Element HTML Element HTML Comment Element I Element IFRAME Element IMG Element INPUT Element INPUT type=button Element INPUT type=checkbox Element INPUT type=file Element INPUT type=hidden Element INPUT type=image Element INPUT type=password Element INPUT type=radio Element INPUT type=reset Element INPUT type=submit Element INPUT type=text Element INS Element KBD Element LABEL Element LEGEND Element LI Element LINK Element MAIN Element MAP Element MARK Element MARQUEE Element MENU Element META Element METER Element NAV Element NOFRAMES Element NOSCRIPT Element OBJECT Element OL Element OPTGROUP Element OPTION Element OUTPUT Element P Element PARAM Element PICTURE Element PLAINTEXT Element PRE Element PROGRESS Element Q Element RP Element RT Element RUBY Element S Element SAMP Element SCRIPT Element SECTION Element SELECT Element SMALL Element SOURCE Element SPAN Element STRIKE Element STRONG Element STYLE Element SUB Element SUMMARY Element SUP Element TABLE Element TBODY Element TD Element TEMPLATE Element TEXTAREA Element TH Element THEAD Element TIME Element TITLE Element TR Element TRACK Element TT Element U Element UL Element VAR Element VIDEO Element WBR Element XMP Element HTML Element Attributes ABBR Attribute ACCEPT-CHARSET Attribute ACCEPT Attribute ACCESSKEY Attribute ACTION Attribute ALIGN Attribute ALIGN Attribute ALIGN Attribute ALIGN Attribute ALIGN Attribute ALIGN Attribute aLink Attribute ALT Attribute ASYNC Attribute AUTOCAPITALIZE Attribute AUTOCOMPLETE Attribute AUTOCORRECT Attribute AUTOPLAY Attribute BACKGROUND Attribute BACKGROUND Attribute BACKGROUND Attribute BACKGROUND Attribute BALANCE Attribute BEHAVIOR Attribute BGCOLOR Attribute BGCOLOR Attribute BGPROPERTIES Attribute BORDERCOLOR Attribute BORDER Attribute BORDER Attribute BOTTOMMARGIN Attribute CELLPADDING Attribute CELLSPACING Attribute CHARSET Attribute @charset Rule CHECKED Attribute CITE Attribute CLASSID Attribute CLASS Attribute CLEAR Attribute CODE Attribute CODEBASE Attribute CODETYPE Attribute COLOR Attribute COLOR Attribute COLSPAN Attribute COLS Attribute COLS Attribute COLS Attribute COMPACT Attribute CONTENT Attribute CONTROLS Attribute COORDS Attribute DATA Attribute DEFER Attribute DIR Attribute DIRECTION Attribute DIRECTION Attribute DOWNLOAD Attribute FACE Attribute FRAME Attribute FRAMEBORDER Attribute FRAMESPACING Attribute HEIGHT Attribute HREF Attribute HREFLANG Attribute HREF Attribute HREF Attribute HREF Attribute HSPACE Attribute FOR Attribute HTTP-EQUIV Attribute ID Attribute ISMAP Attribute LANG Attribute LANGUAGE Attribute LEFTMARGIN Attribute LINK Attribute LOOP Attribute LOOP Attribute LOWSRC Attribute Abakada DHTML Properties Reference: map Property MARGINHEIGHT Attribute MARGINWIDTH Attribute MAXLENGTH Attribute MEDIA Attribute METHOD Attribute METHODS Attribute MULTIPLE Attribute MUTED Attribute NAME Attribute NAME Attribute NAME Attribute NAME Attribute NOHREF Attribute NORESIZE Attribute NOSHADE Attribute NOWRAP Attribute PING Attribute PLUGINSPAGE Attribute READONLY Attribute REFERRERPOLICY Attribute REL Attribute REV Attribute RIGHTMARGIN Attribute ROWSPAN Attribute ROWS Attribute ROWS Attribute Abakada CSS Properties Reference: ruby-align Attribute Abakada CSS Properties Reference: ruby-overhang Attribute Abakada CSS Properties Reference: ruby-position Attribute RULES Attribute SCROLL Attribute SCROLLAMOUNT Attribute SCROLLDELAY Attribute SCROLLING Attribute SELECTED Attribute SHAPE Attribute SIZE Attribute Abakada DHTML Properties Reference: size Property SIZE Attribute SIZE Attribute Abakada DHTML Properties Reference: size Property SPAN Attribute SRC Attribute SRC Attribute SRC Attribute START Attribute TABINDEX Attribute TARGET Attribute TEXT Attribute Abakada DHTML Properties Reference: text Property TITLE Attribute TITLE Attribute TOPMARGIN Attribute TRUESPEED Attribute TYPE Attribute TYPE Attribute TYPE Attribute TYPE Attribute TYPE Attribute TYPE Attribute TYPE Attribute TYPE Attribute TYPE Attribute TYPE Attribute TYPE Attribute TYPE Attribute UNITS Attribute URL Attribute URN Attribute USEMAP Attribute VALIGN Attribute VALIGN Attribute Abakada DHTML Properties Reference: value Property VALUE Attribute VALUE Attribute VCARD_NAME Attribute VLINK Attribute VOLUME Attribute VSPACE Attribute WIDTH Attribute WRAP Attribute XMLNS Attribute CSS Properties Animation Properties animation Property animation-composition Property animation-delay Property animation-direction Property animation-duration Property animation-fill-mode Property animation-iteration-count Property animation-name Property animation-play-state Property animation-timeline Property animation-timing-function Property At-Rules @charset @colorProfile @container @counterStyle @fontFace @fontFeatureValues @keyframes Box Properties border Property border-bottom Property border-bottom-color Property border-bottom-style Property border-bottom-width Property border-collapse Property border-color Property border-left Property border-left-color Property border-left-style Property border-left-width Property border-radius Property border-right Property border-right-color Property border-right-style Property border-right-width Property border-style Property border-top Property border-top-color Property border-top-style Property border-top-width Property border-width Property box-shadow Property clear Property float Property layout-grid Property layout-grid-char Property layout-grid-char-spacing Property layout-grid-line Property layout-grid-mode Property layout-grid-type Property margin Property margin-bottom Property margin-left Property margin-right Property margin-top Property padding Property padding-bottom Property padding-left Property padding-right Property padding-top Property table-layout Property Color and Background Properties background Property background-attachment Property background-color Property background-image Property background-position Property backgroundPositionX Property backgroundPositionY Property background-repeat Property background Property color Property Display and Position Properties bottom Property clip Property display Property height Property left Property overflow Property overflow-x Property overflow-y Property position Property right Property rotate Property scale Property top Property transform Property translate Property visibility Property width Property z-index Property zoom Property Filter Functions Blur Filter Effect Brightness Filter Effect Contrast Filter Effect Drop-Shadow Filter Effect Grayscale Filter Effect Hue-Rotate Filter Effect Invert Filter Effect Opacity Filter Effect Saturate Filter Effect Sepia Filter Effect Font Properties font Property @font-face Rule font-family Property font-size Property font-style Property font-variant Property font-weight Property Layout Properties Lists Properties list-style attribute list-style-image Property list-style-position Property list-style-type Property Printing Properties page-break-after Property page-break-before Property Pseudo-Classes after Pseudo-class before Pseudo-class active Pseudo-class checked Pseudo-class disabled Pseudo-class empty Pseudo-class enabled Pseudo-class first-child Pseudo-class first-letter Pseudo-class first-line Pseudo-class first-of-type Pseudo-class focus Pseudo-class hover Pseudo-class lang( ) Pseudo-class last-child Pseudo-class last-of-type Pseudo-class link Pseudo-class not( ) Pseudo-class nth-child( ) Pseudo-class nth-last-child( ) Pseudo-class nth-last-of-type( ) Pseudo-class nth-of-type( ) Pseudo-class only-child Pseudo-class only-of-type Pseudo-class root Pseudo-class target Pseudo-class visited Pseudo-class Text Properties letter-spacing Property line-height Property text-align Property text-decoration Property textDecorationBlink Property textDecorationLineThrough Property textDecorationNone Property textDecorationOverline Property textDecorationUnderline Property text-indent Property text-justify Property text-shadow Property text-transform Property vertical-align Property Transform Functions matrix( ) Transform Function matrix3d( ) Transform Function rotate( ) Transform Function rotate3d( ) Transform Function rotateX( ) Transform Function rotateY( ) Transform Function rotateZ( ) Transform Function scale( ) Transform Function skew( ) Transform Function translate( ) Transform Function translateX( ) Transform Function translateY( ) Transform Function Transition Properties transition-behavior Property transition-delay Property transition-duration Property transition-property Property transition-timing-function Property transition Property DHTML Events Reference

For easy cross-references, links to related concepts and methods within this section, as well as to advanced topics in other parts of asp.net.ph, are provided as needed.

Whilst Abakada has been meant for the aspiring Web author, even experienced site builders may find something of value in this workshop’s set of references.

NOTE: This section is currently under major reconstruction. Please bear with whatever inconvenience you may encounter; we hope to complete the job at the soonest possible time.