HTML, Hyper Text Markup Language

Color Codes
Column Top
Img Borders
Links 2
Links 4
META label
Mouseover Text
Ordered List
Page HTML 2
Special Characters
Testing Svs.
Text Around Image
Wider Than Screen
(ck wide URLs)

Text Around Image

Float text around images Insert your image into you Page.

canvas_stack.jpg also add

or To wrap text around an image: 1. Select the image you want to wrap text around. The Format tab will appear on the right side of the Ribbon. ... 2. On the Format tab, click the Wrap Text command in the Arrange group. ... 3. Hover the mouse over the various text-wrapping options. ... 4. The text will wrap around the image. or bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

META label





library tile HTML
Alphabetical List of Links by Subject
Jump to Big Link List | Testing Services | Notes on Logs
multicolor bar divider
Help for Beginners
Cheat Sheets (print these out and keep beside your PC for reference)

Online Tutorials (read through a few and familiarize yourself with the approach and with your cheat sheets)

Software Tutorials (downloads--these will allow you to practice and test your comprehension.. they also have more bells and whistles)

Once you are up and running, explore the links below for additional learning and times you have to research a problem. -CG



colspan & rowspan = "2"

th text

Columns of equal width


Insert a colgroup element in your table: ...

Column Top


Color Codes


#FFEBCD *Pale Tan page BG
#D3FEC3 *Perfect Lgt green for table BG
#E9F99D *Lgt Yellow great table BG

#D3FEC3 *Perfect Lgt green for table BG
#E9F99D *Lgt Yellow great table BG
#E9F99D *Pale yellow for table BG
#F2F5A9 *pale pale yellow table

#E9F99D lgt yellow
#F0FFF0 pale pale mint green BG

#DBED88 Lgt green/yellow
#FDEBD0 pale tan
#F0FFF0 Very Pale Green page BG
#DAF7A6 Pale green page BG< *br> #00AA00 Pale Mint Green page BG
#D4FF33 Pale Green table BG
#FFFF00 Yellow
#BDFD03 Green table BG
#ABEBC6 Lt. aqua
#OO8OOO Green

jpeg Fix

Image Border Colors

The Right Way to Add a Border to an Image
Read more:


Creating mouseover text with HTML


Creating an ordered list

An ordered HTML list

  1. Coffee
  2. Tea
  3. Milk

An unordered HTML list


The Big HTML Link List

HTML Symbols

Char Ref

HTML Codes Table

Analysis Service--Bobby is an online HTML analysis service provided by the Center for Applied Special Technology. What makes this service unique? It has the function of helping to make HTML documents accessible to those with disabilities.
Audio, see Sound
Applet Menu Pack Java applet collection free from ZDNet
Barebones Guide to HTML
Barebones Tag reference (HTML vers. 4)
Barebones HTML Q&A
Barebones, Kevin's hompage
Barebones WWW Help, links to best resources
Barebones Hall of Fame, great pages
Beginner's Central --tutorials for Web beginners
Browser Differences--HTML 4.0 in Netscape and article discusses the differences between Navigator 4.0 and Internet Explorer 4.0 implementation of the W3C (World Wide Web Consortium) HTML 4.0 Specifications. and advanced tutorials and articles
Building Really Annoying Websites includes code for many special effects
CGI SCRIPTS -see Programming Languages
CGI -W3C and HTML Tools
CGI -Web Developer's Virtual Library
CLIPART & GRAPHICS -page of links
Colby's Experimental Pages
Colby's Notes on CONTENT TAGS
Colby's Notes on Raw HTML Made Less Raw, Colby class
Color Chart, True
Color Codes, HTML from gifArt
Color Codes List
Color Codes VisiBone
Color Palette Map
Composing Good HTML--an essay on style
COMPUTER LANGUAGES -page of links for students and reference
Computer Terminology--Dictionary --Glossary and Acronyms
Configuring Your PC, Colby class notes
CONTENT TAGS Colby's notes
Country codes list of URL extensions
Crash course in HTML
CSS (Cascading Style Sheets) -Web Developer's Virtual Library
CSShark Answers Frequently Asked Questions: The CSS Know-How Site "What you always wanted to know about CSS..."
Design Helper, Web contains 129 free full-page templates, along with 21 horizontal menus, 26 vertical menus, and 23 table templates, 144 fonts, 120 icons (with such popular images as tables, graphs, and charts), 67 types of arrows, and 128 buttons, lots of clipart by category 100 tutorials and 450 JavaScripts--also see A good forms tutorial here
devx programming help in many languages
DHTML - Microsoft's Vision
DHTML - Web Developer's Virtual Library
Dictionary of Web Webopedia
Disabled & Analysis Service--Bobby is an online HTML analysis service provided by the Center for Applied Special Technology. What makes this service unique? It has the function of helping to make HTML documents accessible to those with disabilities.
Dynamic HTML, see DHTML
Domain Names - for $17 per year
Drop Down Menu
EDITORS FOR HTML, a very complete annotated list of links
Font, a strong discussion of the tag
FONTS, a page of links
Fonts, Phil's page
Font Finder 32, program searches your system for installed fonts
Forms Processing Scripts and Services for free
Goodies, HTML
GRAPHICS & CLIPART -page of links
Guide to HTML and Javascript
HELP -Finding Help for your PC, Colby notes
HTML a simple introduction for librarians
HTML: An Interactive Tutorial for Beginners
spinning star to get your attention HTML Compendium "the Compendium one of the most comprehensive works on HTML on the net. This means the site is rather large and somewhat difficult to keep organized" - more than 20,000 pages; an unabridged reference
HTML Goodies--tutorials, free images, FAQ, and a large JavaScript depository
HTML Primer basic tutorials in HTML
HTML, The Definitive Guide
HTML Tidy "Wouldn't it be nice if there was a simple way to fix these mistakes automatically and tidy up sloppy editing into nicely layed out markup? Well now there is! Dave Raggett's HTML TIDY is a free utility for doing just that. It also works great on the atrociously hard to read markup generated by specialized HTML editors and conversion tools, and can help you identify where you need to pay further attention on making your pages more accessible to people with disabilities.
HTML Writers Guild--excellent collection of links
idocs Guide to HTML "the most helpful and complete guide to creating web pages anywhere" latest news on HTML design
JAVA page of links
JAVASCRIPT page of links
Learning/Using ASP
LinkRunner "easy-to-use Website link validator. It's straightforward, intuitive, and loaded with tools to simplify site maintenance"; shareware, but much cheaper than LinkBot at $39.95, some good stuff, lots for sale
Maintaining Your PC
Mapping an image - example view code for HyperPhysics
Meta Tag Tutorial
Michele-Web all about how to build a web site, from a beginner's tutorial to advanced javascript
Microsoft homepage
Netscape homepage
Next Generation HTML: The Big Picture --article designed to help developers understand how new specifications fit into the Big Picture--the efforts of the World Wide Web Consortium (W3C)... includes "Cascading Style Sheets, HTML 4.0, the Document Object Model, Dynamic HTML, the XML family of specifications, and the many specifications based on XML, such as RDF, SMIL, and MathML." [Scout review]
Next Generation HTML: The Big Picture
O' home programming books and news
PERL -see Programming Language Links
PROGRAMMING LANGUAGES -page of links for students and reference
Projectcool--examples, forums, tutorials to build a better site
PYTHON -see Programming Languages links
Raw HTML Made Less Raw, Colby class
star Reference -WebMonkey HTML Reference --Excellent basic list of HTML commands --this is the place to begin...
star Reference -HTML guru for complete coverage.. later try some of the sites below...
Reference -HTML 4.0 Tags
Reference -Barebones
Reference -WebMonkey
* complete resource on HTML, with 1000 links
Research -HTML 4.0 Tags
"RSS and You" good introduction to RSS (Rich Site Summary)
RSS - "Making Headlines With RSS" Using Rich Site Summaries to Draw New Visitors
RSS - "Writing RSS 1.0" a tutorial
Script Archive, Matt's
SERVERS page of links
Site Experts community discussions of dynamic HTML
Slacker's Guide to HTML
Sound - the EMBED tag
Tetranet Software
Tutorials on WWW site development
Tutorials on HTML, Goodies (see left)
Tutorials on HTML -Barebones HTML Q & A
Tutorials -Web Development Tutorial
Typography and Web Design
W3C homepage the HTML standards people
W3C HTML 4.01 Tag Specs
W3 Style Sheet
W3C and HTML Tools
Web Building
Web Developer's Journal
Web Developer's Virtual Library
*Webmonkey: mastering HTML--extensive tutorial on frames
WebMonkey Reference
Web Techniques (magazine) "Solutions for Internet Professionals"
WhatUseek intrasearch "..a search tool for YOUR web site. Our spiders will visit your entire site and record all of the pages/URLs. It will then store the URLs and page descriptions into a new database. This database can be searched just like a web search engine, but will only contain results from your web site"
World Wide Web Consortium (W3C) homepage the HTML standards people
WROX publishers programming books, news, and programmer discussions
XML (eXtensible Markup Language) page of links
ZDNet Anchordesk--up-to-date technology information site
ZDNet for Webmasters

Testing Services

NetMechanic, Tune up your Website


AADDZZ Free Access Counters and Trackers
Access Watch "is one of the most popular website traffic analysis tools on the net. It is designed to be easily installed and create comprehensive reports to summarize activity on your site... AccessWatch is open source shareware, written in Perl, and will run on any major web server. You are welcome to try it for 30 days."
Collecting and Using Server Statistics article from the SunWorld...
"All NCSA-derived servers, including NCSA's httpd and the Apache server, write a one-line entry to a log file each time someone attempts to access the Web server. Usually, these entries are kept in a file named access_log within a directory named logs in the installation directory for your server. This default location can vary, of course, based on the value of the TransferLog directive in your httpd.conf file in the conf directory... check out the collection of log tool references on Yahoo) my personal favorite is analog, written by Stephen Turner of the University of Cambridge Statistical Laboratory.
Utilities some nice Perl scripts, useful
W3perl pgm. for analysis of statistics.
Wusage 7 "Wusage is a statistics system that helps you determine the true impact of your web server. By measuring the popularity of your documents, as well as identifying the sites that access your server most often...Evaluation copies of wusage are provided free to enable you to determine its suitability for your needs. After 30 days, you are expected to register the software in order to continue using it. Steep discounts are provided to educational and nonprofit institutions."
WHAT YOU NEED: "If you have one of the supported versions of Unix, IBM OS/2, Windows 95 or NT, or MacOS, all you need is a web server which produces an access log file in one of several standard log file formats. If your web server is run for you by an ISP, the ISP must provide you with access to the log files, or at least to the portion of those log files that relates to your web pages. Wusage cannot do anything useful without a source of data! These acceptable log file formats are known as the "common" log file format (most servers output this), the EMWAC log file format (some versions of the EMWAC server for Windows NT output this), the Microsoft IIS log file format, the "extended log format" defined by the W3C and implemented by Microsoft IIS 4.0, and the WebStar log format used on the Macintosh."
wwwstat and a variety of software and explanations from UCI
Terms to explore:
proxy server logs
access log file

FONT SIZE: The size attribute specifies how large a font will be displayed in either relative or absolute terms. Close the tag with to return to a normal text size. The default font size is 3, and the largest font size that can be displayed in a browser is 7.

Snap directory of HTML resources



-Garden Cover Crops


-Garden Edibles

-Garden Fertilizer

< -Garden Essentials/I>

-Garden Containers -Garden Fruits

-Garden Foliage, Houseplants

-Forest Herbs

forest dark with moss on ground

Wider than Screen

My web page is wider than screen.what is the solution

--You really need to make sure no elements have a large fixed width, especially since you are using a lot of margins. Ideally, wrap all elements in a large wrapper that has a set width (unless your content is meant to be full width anyway), and then don't set widths on the children.

--You also have a bunch of HTML between the and tags, so you should move that below .

--In case of fixed width page design, reduce the table width to less than the page width. If you are using a dynamic page design, set the table width to a percentage like

--you've got a load of content before the start tag. Because we don't have access to the images you've used, we have no idea what we should be seeing. If you could give a link to a live page with images and a screenshot or sketch of what you want it to look like, we might be able to help. As it is, I'm just getting a black screen. Your huge negative margins are pulling most of the content way off-screen, and are not a suitable way to lay out a page at all, I'm afraid.

-- is riddled with issues.

No doctype == kiss off working the same across browsers.

Content before the BODY tag. (already mentioned)

Multiple image tags for what are likely NOT content images.

PRE doing a list and CSS' job.

Massive amount of CSS with bizzare margin declarations when it doesn't even look like your HTML is done yet.

HTML 3.2 style tags and attributes like "align" that have no business in HTML any time after 1998...

Stack Overflow

--The facebook iframe has its ///width set to 575px \\\via the style attribute, which is causing the page to be wider than 100%.

Note that you can add the CSS rule html,body{overflow-x: hidden;} to mask the problem, but instead, you should really fix that button.

-- 6 down vote Two ways to diagnose the culprit. Method A Open the Chrome dev tools in the Elements tab.

Expand all elements under HTML by hovering over the triangle on the left, then Ctrl+Alt click (Windows) or Option click (Mac).

Hover your mouse over each element and see if it highlights inside the area on the webpage making it too wide.

Method B

Open the Chrome dev tools then hit Esc to open the console.

Paste in this code and hit Enter.

var docWidth = document.documentElement.offsetWidth; [] document.querySelectorAll('*'), function(el) { if (el.offsetWidth > docWidth) { console.log(el); } } );

This will find all the elements in the page overhanging.

How to prevent HTML tables from becoming too wide

The layout model of tables differ from that of block level elements in that they will normally expand beyond their specified width to make their contents fit. At first that may sound like a good thing – and it often is – but it makes it possible for oversized content to make text unreadable or completely break a site's layout, especially in Internet Explorer.

This happened to me recently when a client's legacy content, which contains some layout tables, was injected into the CSS-based layout I had built. It worked well in most cases, but some of the old documents have very long URLs that the browser can't break. I needed to find a solution to that problem.

Your first instinct is probably to do what I did: start hacking away at the CSS. How about giving overflow:hidden a try? Nope, nothing happens. What if I give the table a different width? No, it doesn't budge. But there is a solution.

The trick is to use the CSS property table-layout. It can take three values: auto, fixed, and inherit. The normal (initial) value is auto, which means that the table width is given by its columns and any borders. In other words, it expands if necessary.

What you want to use is table-layout:fixed. Bam! Now the table is as wide as you have specified in the CSS. No more, no less. And to my great surprise this seems to be widely supported by browsers. The only browser of any significance that does not support it is IE/Mac, and the significance of that browser is rapidly approaching zero.

Next is deciding what to do with the content that doesn't fit in the table anymore. If the table only contains text, word-wrap:break-word (word-wrap is specified in the CSS3 Text Effects Module) will force the browser to break words as necessary to prevent overflow.

My width is bigger than my screen, but body and html are set to 0 padding and margin and 100% width

After removing bootstrap I've run into this issue with the width of my page being larger than the screen, and having a horizontal scroll bar as a result. I thought setting body, html to 0 padding and margin as well as 100% width would be okay but the issue persists..

SOLUTION EDIT: I had images that were wider than the view, so I needed to set box-sizing: border-box to contain the images in the parent. Then I inherited this for all elements. So now the top of my CSS is:

body, html { margin: 0; padding: 0; width: 100%; height: 100%; box-sizing: border-box; } * { box-sizing: inherit; } html: @{ ViewBag.Title = "Home Page"; }






How to limit HTML table width to 95% of the screen width?

I'm using

A heading

A paragraph.

Special Characters


International Accent Marks and Diacriticals. HTML Codes, Two Methods & Alternatives

Special Characters Cheat Sheet for HTML