Ken Kaleta's Place [HTML]



	Getting Started Posting It Background Tags Example: HTML skeleton <HTML> ... </HTML> <HEAD> ... </HEAD> <TITLE> ... </TITLE> <BODY> ... </BODY> <!-- ... --> Example: The bold and italic tags Example:Order of opening and closing tags Attributes Example: ALIGN=CENTER attribute used with the <FONT> tag The <HR> Tag Example: <HR> tag default Example: <HR> tag with attributes (1) Example: <HR> tag with attributes (2) Puting It Together Example: Sample HTML page



	Content The <BR> Tag Example: The <BR> tag The <FONT> Tag <FONT> Tag Attributes The SIZE Attribute Example: The SIZE attribute, absolute examples Example: The SIZE attribute, relative examples The COLOR Attribute Example: The COLOR attribute The FACE Attribute Example: The FACE attribute Headings Example: The 6 Heading Tags Styles Example: The <B> Tag Example: The <I> Tag Example: The <TT> Tag Example: The <U> Tag Example: The <S> Tag Example: The <BIG> Tag Example: The <SMALL> Tag Example: The <SUB> Tag Example: The <SUP> Tag Example: The <EM> Tag Example: The <STRONG> Tag Example: The <CODE> Tag Example: The <SAMP> Tag Example: The <CITE> Tag Example: The <DFN> Tag Example: The <KBD> Tag Example: The <VAR> Tag The <PRE> Tag Example: The <PRE> Tag Example: Better example of the <PRE> Tag Special Characters Example: Numbered entities Example: Named entities The <ADDRESS> Tag Example: The <ADDRESS> Tag The <BLOCKQUOTE> Tag Example: The <BLOCKQUOTE> Tag The <BLINK> Tag Example: The <BLINK> Tag



	Overview Graphic File Formats GIF File Format JPG File Format PNG File Format Graphic File Formats FYI Summary of Graphic File Formats Properties of Graphic Files File Size Dimensions Of The Image Example: Scaling images Resolution Example: Images with different resolutions scaled by the browser Example: Images with different resolutions constrained by the browser Color Space Indexed RGB CMYK Grayscale Bitmap Compression Re-use Of The Image Interlacing Progressive Images Tansparency Gamma Correction Using Background Images Naming Conventions The <IMG> Tag Attributes Of The <IMG> Tag The SRC Attribute Example: Basic <IMG> Tag Example: <IMG> Tag Using Relative Addressing Example: <IMG> Tag Using Absolute Addressing Vertical Alignment Attributes Vertical Image Alignment: ALIGN=TOP Example: <IMG> Tag ALIGN=TOP Vertical image alignment: ALIGN=MIDDLE Example: <IMG> Tag ALIGN=MIDDLE Vertical image alignment: ALIGN=BOTTOM Example: <IMG> Tag ALIGN=BOTTOM Vertical image alignment: ALIGN=TEXTTOP Example: <IMG> Tag ALIGN=TEXTTOP Vertical image alignment: ALIGN=ABSMIDDLE Example: <IMG> Tag ALIGN=ABSMIDDLE Vertical image alignment: ALIGN=BASELINE Example: <IMG> Tag ALIGN=BASELINE Vertical image alignment: ALIGN=ABSBOTTOM Example: <IMG> Tag ALIGN=ABSBOTTOM Horizontal Alignment Attributes Horizontal image alignment: ALIGN=LEFT Example: <IMG> Tag ALIGN=LEFT Horizontal image alignment: ALIGN=RIGHT Example: <IMG> Tag ALIGN=RIGHT Stopping Text Wrap (BR CLEAR) Example: <IMG> Tag CLEAR=LEFT Example: <IMG> Tag CLEAR=RIGHT Example: <IMG> Tag CLEAR=RIGHT with ALIGN=LEFT Adding Space Around Images Example: <IMG> Tag with HSPACE=9 Example: <IMG> Tag with VSPACE=9 Example: <IMG> Tag with HSPACE=9 & ALIGN=RIGHT Example: <IMG> Tag with HSPACE=15 & VSPACE=15 ALIGN=LEFT Scaling Images Using HEIGHT And WIDTH Attributes Example: Height and Width Attribute (100%) Example: Height and Width Attribute (50%) Example: Height and Width Attribute (Anamorphic) The <ALT> Attribute Example: Broken Link Without <ALT> Attribute Example: Broken Link With <ALT> Attribute Example: Broken Link With <ALT> Attribute And HEIGHT & WIDTH Borders Example: Image With Link Example: Image With Link & BORDER Example: Image With Link & No BORDER The <LOWSRC> Attribute Example: of LOWSRC Attribute



	The <A>...</A> Tag The HREF Attribute Example: Basic Use Of HREF Attribute NAME Attribute Example: Use Of NAME Attribute Using Images As Links Example: Using An Image As A Link Addressing A Link Absolute Pathnames Example: Absolute Addressing (1) Example: Absolute Addressing (2) Relative Pathnames Example: Relative Addressing (1) Example: Relative Addressing (2) Example: Relative Addressing (3) Example: Relative Addressing (4) Example: Relative Addressing (5) More about URLs



	Appendix A - Codes to display special characters in HTML Appendix B - List of named colors with color swatch Appendix C - Color Lab. Compare 3 samples of colored text on colored backgrounds Appendix D - Image Quality Chart Appendix E - Display different types of images side by side

©Ken Kaleta. All Rights Reserved.