Basic HTML Links

This page was created for my XHTML course in 2000 and currently is not maintained.

NEWS CONTENTS

• 20200305 : Good IDE for HTML ( Jan 01, 2015 , stackoverflow.com )
• 20200304 : A command-line HTML pretty-printer Making messy HTML readable - Stack Overflow ( Jan 01, 2019 , stackoverflow.com )
• 20190313 : HTML Tags in the specification ( Mar 13, 2019 , www.ampproject.org )
• 20190313 : What is AMP � AMP ( Mar 13, 2019 , www.ampproject.org )
• 20190313 : <base target="_blank"> ( )
• 20190313 : Web colors - Wikipedia, the free encyclopedia ( Web colors - Wikipedia, the free encyclopedia, )
• 20190313 : Clean up your Web pages with HTML TIDY ( Clean up your Web pages with HTML TIDY, )
• 20190313 : How London Created a Snarl In Global Markets ( How London Created a Snarl In Global Markets, )
• 20071020 : P can have width ( P can have width, Oct 20, 2007 )
• 210210 : The way Yahoo created graph in tables ( May 20. 2006 )

Old News ;-)

[Mar 05, 2020] Good IDE for HTML

Notable quotes:

"... Adobe has launched "Brackets". It's an amazing IDE. It used to be "Edge Code" before they renamed it. I would check this out before anything else. And it's free so, that's a plus. ..."

Jan 01, 2015 | stackoverflow.com

Good IDE for HTML Ask Question Asked 5 years, 1 month ago Active 5 years, 1 month ago Viewed 148 times

https://tpc.googlesyndication.com/safeframe/1-0-37/html/container.html

---

Jack , 2015-01-08 23:01:42

I recently started to learn HTML from Code Academy. I have searched around a bit, but I have not been able to find a good IDE that closely resembles the one used in the Code Academy course. If anyone has any suggestions please tell me. I'm just looking for an IDE that resembles the one used in the Code Academy course.

shawty ,

Most devs I know use Sublime Text, me personally I use a variety of tools depending on what I'm working on.

Which are good however are as always with this type of question subject to opinion.

What's good for me, may not suit you where as something I hate may be the perfect tool for you.

One bit of advice I will give you though, learn to code raw before you go looking for an editor that has all the bells and whistles and does stuff for you.

If your just starting out and your learning HTML, one of the worst things IMHO that you can do is to use an editor that writes the code for you.

I've trained a LOT of developers over the years, and by far the ones that always performed the worst, where the ones that used automated tools early in their training.

If you learn to write code, using a very minimalist editor then you'll quickly grow to understand what your writing better rather than thinking, "oh my editor will do this for me, and I can look it up later"

For me personally I have no problems logging into a Linux server at the command line and using something like midnight commander to live edit web pages in real time on a live web site :-)

If I want the bells and whistles, and I'm on windows then Visual Studio is often my tool of choice, if I'm on Linux at a desktop then often Net beans.

Every application has it's pros and cons the best way to find your perfect tool is to just try a few and see how you feel, it's like buying a new pair of shoes, unless you try them you'll never know if their going to fit or not.

Tim Visser ,

For HTML and such I really like Sublime Text ( http://www.sublimetext.com/ )

racecarjonathan ,

Adobe has launched "Brackets". It's an amazing IDE. It used to be "Edge Code" before they renamed it. I would check this out before anything else. And it's free so, that's a plus.

http://brackets.io

[Mar 04, 2020] A command-line HTML pretty-printer Making messy HTML readable - Stack Overflow

Jan 01, 2019 | stackoverflow.com

A command-line HTML pretty-printer: Making messy HTML readable [closed] Ask Question Asked 10 years, 1 month ago Active 10 months ago Viewed 51k times

---

knorv ,

Closed. This question is off-topic . It is not currently accepting answers.

jonjbar ,

Have a look at the HTML Tidy Project: http://www.html-tidy.org/

The granddaddy of HTML tools, with support for modern standards.

There used to be a fork called tidy-html5 which since became the official thing. Here is its GitHub repository .

Tidy is a console application for Mac OS X, Linux, Windows, UNIX, and more. It corrects and cleans up HTML and XML documents by fixing markup errors and upgrading legacy code to modern standards.

For your needs, here is the command line to call Tidy:

tidy inputfile.html

Paul Brit ,

Update 2018: The homebrew/dupes is now deprecated, tidy-html5 may be directly installed.

brew install tidy-html5

---

Original reply:

Tidy from OS X doesn't support HTML5 . But there is experimental branch on Github which does.

To get it:

 brew tap homebrew/dupes
 brew install tidy --HEAD
 brew untap homebrew/dupes

That's it! Have fun!

Boris , 2019-11-16 01:27:35

Error: No available formula with the name "tidy" . brew install tidy-html5 works. – Pysis Apr 4 '17 at 13:34

[Mar 13, 2019] HTML Tags in the specification

Mar 13, 2019 | www.ampproject.org

To demonstrate what additional markup could look like, here's the code required to embed an image into the page:

<amp-img src="welcome.jpg" alt="Welcome" height="400" width="800"></amp-img>

[Mar 13, 2019] What is AMP � AMP

Mar 13, 2019 | www.ampproject.org

AMP HTML AMP HTML is HTML with some restrictions for reliable performance. AMP HTML is basically HTML extended with custom AMP properties. The simplest AMP HTML file looks like this:

<!doctype html>
<html ⚡>
 <head>
   <meta charset="utf-8">
   <link rel="canonical" href="hello-world.html">
   <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
   <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
   <script async src="https://cdn.ampproject.org/v0.js"></script>
 </head>
 <body>Hello World!</body>
</html>

Though most tags in an AMP HTML page are regular HTML tags, some HTML tags are replaced with AMP-specific tags (see also HTML Tags in the AMP spec ). These custom elements, called AMP HTML components, make common patterns easy to implement in a performant way.

For example, the amp-img tag provides full srcset support even in browsers that don't support it yet. Learn how to create your first AMP HTML page .

AMP pages are discovered by search engines and other platforms through the <link rel=""> HTML tag. You can choose to have a non-AMP version and an AMP version of your page, or just an AMP version. Learn more in Make Your Page Discoverable .

<base target="_blank">

It's possible to specify target blank globally in base tag

<head>
<base target="_blank">
... ... ...

Web colors - Wikipedia, the free encyclopedia

The HTML 4.01 specification^[7] defines sixteen named colors, as follows (names are defined in this context to be case-insensitive; the table is alphabetically ordered):

These 16 were also specified as sRGB and included in the HTML 3.0 specification which noted "These colors were originally picked as being the standard 16 colors supported with the Windows VGA palette." ^[8]

Clean up your Web pages with HTML TIDY

When editing HTML it's easy to make mistakes. 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.

Tidy is able to fix up a wide range of problems and to bring to your attention things that you need to work on yourself. Each item found is listed with the line number and column so that you can see where the problem lies in your markup. Tidy won't generate a cleaned up version when there are problems that it can't be sure of how to handle. These are logged as "errors" rather than "warnings".

Dave Raggett has now passed the baton for maintaining Tidy to a group of volunteers working together as part of the open source community at Source Forge. The source code continues to be available under an open source license, and you are encouraged to pass on bug reports and enhancement requests at http://tidy.sourceforge.net.

If you find HTML Tidy useful and you would like to say thanks, then please send me a (paper) postcard or other souvenir from the area in which you live along with a few words on what you are using Tidy for. It will be fun to map out where Tidy users are to be found! My postal address is given at the end of this file.

The W3C public email list devoted to HTML Tidy is: <[email protected]>. To subscribe send an email to [email protected] with the word subscribe in the subject line (include the word unsubscribe if you want to unsubscribe). The archive for this list is accessible online. If you would like to contact the developers, or you just want to submit an enhancement request or a bug report, please visit http://tidy.sourceforge.net.

Tidy can now perform wonders on HTML saved from Microsoft Word 2000! Word bulks out HTML files with stuff for round-tripping presentation between HTML and Word. If you are more concerned about using HTML on the Web, check out Tidy's "Word-2000" config option! Of course Tidy does a good job on Word'97 files as well!

Tidy features in an article by Scott Nesbitt on webreview.com, and more recently on Dave Central's Best of Linux, and as tool of the month on Unix Review by Joe Brockmeier, who writes:

"One thing I love about the UNIX philosophy is the idea that each program should do one job and do it really well. There are zillions of small tools for UNIX-type OSes that make life much easier and are hugely useful, but they don't necessarily get written about. They certainly don't receive the same kind of coverage that Apache and Sendmail receive. One of my favorites, HTML Tidy, is a tool for HTML/Web development that I think will interest a lot of folks. HTML Tidy cleans up HTML produced by WYSIWYG editors and such."

Tidy is available as a downloadable binary, as source code (ANSI C), or as an online service at W3C, Info Network, HTML Help's site Valet and other sites.

How London Created a Snarl In Global Markets

The ... bankers hatched the idea of setting up a fund that would issue short-term commercial paper and medium-term notes to investors, then use the money to buy higher-yielding assets, typically longer-term ones. The bank would profit by collecting fees for operating the fund. The fund's assets would belong to its investors, so they would stay off the bank's balance sheet. SIVs had an advantage over conduits, a similar structure that was already gaining popularity: They didn't require banks to cover fully the fund's debts if the commercial-paper market dried up.

<a style="color: #0C2765; text-decoration: underline" href="http://online.wsj.com/article/SB119266856453862839.html">
How London Created a Snarl In Global Markets</a>
</h4>
<blockquote style="line-height: 1.50em; margin: 1em 40px; background: #f4f4f4">
The ... bankers hatched the idea of
setting up a fund that would issue
short-term commercial paper and
medium-term notes to investors, then use
the money to buy higher-yielding assets,
typically longer-term ones. The bank
would profit by collecting fees for
operating the fund. The fund's assets
would belong to its investors, so they
would stay off the bank's balance sheet.
SIVs had an advantage over conduits, a
similar structure that was already
gaining popularity: They didn't require
banks to cover fully the fund's debts if
the commercial-paper market dried up.</blockquote>

[Oct 20, 2007] P can have width

<p style="WIDTH: 485px">

[May 20. 2006] The way Yahoo created graph in tables

<table cellSpacing="0" cellPadding="2" width="17%" border="0" id="table4">
<tr vAlign="top">
<td bgColor="#666666" style="line-height: 1.25em; font-family: arial,helvetica,sans-serif; font-size: 79%">
&nbsp;</td>
</tr>
</table>

[Oct. 24, 1999] Programming with Perl Have You Ever Meta-Index Like This (Web Techniques Oct 1999)

[Oct. 24, 1999] HTML META REL and REV Tags

[July 2, 1999] Yale Style Manual-Table of Contents

Guides and Tutorials

Basic HTML Markup

• Introduction to HTML- Table of Contents
• A Beginner's Guide to HTML
• Introduction to HTML
• Dave Raggett's Introduction to HTML

Colors

• Web colors - Wikipedia, the free encyclopedia

More complex elements

• DevEdge Online - Dynamic HTML Manual -- Netscape excellent tutorial
• The Dynamic HTML tutorial
• Netscape Dynamic HTML Guide
• BUILDER.COM get started with cascading style sheets
• A guide to HTML and CGI scripts
• Jeff Rule's Dynamic HTML and SMIL Site
• WebCoder.com - Your home for JavaScript and Dynamic HTML on the Web.
• Dynamic HTML Index- Dynamic HTML Index Home Page
• Dynamic HTML Resources
• Site Builder Network (SBN) Workshop Home

Style sheets

• Web Style Sheets

References

HTML 4.0 Online -- very good online reference

A Guide to URLs is an overview of Uniform Resource Locators.

Web colors - Wikipedia, the free encyclopedia

W3

• HTML 4.0 Changes
• HTML 4.0 Reference and Comparison
• HTML 4.0 Specification

Etc.

• HTML Quick Reference
• Dynamic HTML Guru
• Dynamic HTML Resources
• Dynamic HTML Zone
• Inside Dynamic HTML

Recommended Links

Softpanorama Recommended

Top articles

Sites

• SiteExperts.com - Your Community of Site Experts
• Index Dynamic HTML
• Web colors - Wikipedia, the free encyclopedia
• IETF HyperText Markup Language Working Group has everything about HTML.
• The Bare Bones Guide to HTML in a concise, organized format.
• Introduction to HTML -- an intermediate tutorial.
• The NCSA Beginner's Guide to HTML

Tools

Clean up your Web pages with HTML TIDY

Outlines

A Cross Browser Expanding and Collapsing Table of Contents Menu
By Dieter Bungers

One of the simplest and most effective cross-browser menu outliner scripts we have seen. Dieter shows you how to quickly and easily build an expanding and collapsing ToC menu for Internet Explorer and Netscape Navigator. Also includes a utility that helps you generate a ToC menu automatically.

Etc

Society

Groupthink : Two Party System as Polyarchy : Corruption of Regulators : Bureaucracies : Understanding Micromanagers and Control Freaks : Toxic Managers :   Harvard Mafia : Diplomatic Communication : Surviving a Bad Performance Review : Insufficient Retirement Funds as Immanent Problem of Neoliberal Regime : PseudoScience : Who Rules America : Neoliberalism  : The Iron Law of Oligarchy : Libertarian Philosophy

Quotes

War and Peace : Skeptical Finance : John Kenneth Galbraith :Talleyrand : Oscar Wilde : Otto Von Bismarck : Keynes : George Carlin : Skeptics : Propaganda  : SE quotes : Language Design and Programming Quotes : Random IT-related quotes :  Somerset Maugham : Marcus Aurelius : Kurt Vonnegut : Eric Hoffer : Winston Churchill : Napoleon Bonaparte : Ambrose Bierce :  Bernard Shaw : Mark Twain Quotes

Bulletin:

Vol 25, No.12 (December, 2013) Rational Fools vs. Efficient Crooks The efficient markets hypothesis : Political Skeptic Bulletin, 2013 : Unemployment Bulletin, 2010 :  Vol 23, No.10 (October, 2011) An observation about corporate security departments : Slightly Skeptical Euromaydan Chronicles, June 2014 : Greenspan legacy bulletin, 2008 : Vol 25, No.10 (October, 2013) Cryptolocker Trojan (Win32/Crilock.A) : Vol 25, No.08 (August, 2013) Cloud providers as intelligence collection hubs : Financial Humor Bulletin, 2010 : Inequality Bulletin, 2009 : Financial Humor Bulletin, 2008 : Copyleft Problems Bulletin, 2004 : Financial Humor Bulletin, 2011 : Energy Bulletin, 2010 : Malware Protection Bulletin, 2010 : Vol 26, No.1 (January, 2013) Object-Oriented Cult : Political Skeptic Bulletin, 2011 : Vol 23, No.11 (November, 2011) Softpanorama classification of sysadmin horror stories : Vol 25, No.05 (May, 2013) Corporate bullshit as a communication method  : Vol 25, No.06 (June, 2013) A Note on the Relationship of Brooks Law and Conway Law

History:

Fifty glorious years (1950-2000): the triumph of the US computer engineering : Donald Knuth : TAoCP and its Influence of Computer Science : Richard Stallman : Linus Torvalds  : Larry Wall  : John K. Ousterhout : CTSS : Multix OS Unix History : Unix shell history : VI editor : History of pipes concept : Solaris : MS DOS :  Programming Languages History : PL/1 : Simula 67 : C : History of GCC development :  Scripting Languages : Perl history   : OS History : Mail : DNS : SSH : CPU Instruction Sets : SPARC systems 1987-2006 : Norton Commander : Norton Utilities : Norton Ghost : Frontpage history : Malware Defense History : GNU Screen : OSS early history

Classic books:

The Peter Principle : Parkinson Law : 1984 : The Mythical Man-Month :  How to Solve It by George Polya : The Art of Computer Programming : The Elements of Programming Style : The Unix Hater�s Handbook : The Jargon file : The True Believer : Programming Pearls : The Good Soldier Svejk : The Power Elite

Most popular humor pages:

Manifest of the Softpanorama IT Slacker Society : Ten Commandments of the IT Slackers Society : Computer Humor Collection : BSD Logo Story : The Cuckoo's Egg : IT Slang : C++ Humor : ARE YOU A BBS ADDICT? : The Perl Purity Test : Object oriented programmers of all nations : Financial Humor : Financial Humor Bulletin, 2008 : Financial Humor Bulletin, 2010 : The Most Comprehensive Collection of Editor-related Humor : Programming Language Humor : Goldman Sachs related humor : Greenspan humor : C Humor : Scripting Humor : Real Programmers Humor : Web Humor : GPL-related Humor : OFM Humor : Politically Incorrect Humor : IDS Humor : "Linux Sucks" Humor : Russian Musical Humor : Best Russian Programmer Humor : Microsoft plans to buy Catholic Church : Richard Stallman Related Humor : Admin Humor : Perl-related Humor : Linus Torvalds Related humor : PseudoScience Related Humor : Networking Humor : Shell Humor : Financial Humor Bulletin, 2011 : Financial Humor Bulletin, 2012 : Financial Humor Bulletin, 2013 : Java Humor : Software Engineering Humor : Sun Solaris Related Humor : Education Humor : IBM Humor : Assembler-related Humor : VIM Humor : Computer Viruses Humor : Bright tomorrow is rescheduled to a day after tomorrow : Classic Computer Humor

The Last but not Least Technology is dominated by two types of people: those who understand what they do not manage and those who manage what they do not understand ~Archibald Putt. Ph.D

The statements, views and opinions presented on this web page are those of the author (or referenced source) and are not endorsed by, nor do they necessarily reflect, the opinions of the Softpanorama society. We do not warrant the correctness of the information provided or its fitness for any purpose. The site uses AdSense so you need to be aware of Google privacy policy. You you do not want to be tracked by Google please disable Javascript for this site. This site is perfectly usable without Javascript.

Last modified: December 30, 2020