Patrick J. Kidd - HTML Topics -

HTML Topics

Web Programming Topics...
- Web Page Basics (HTML) & HTML Elements
- Basic HTML Concepts

Sample Homepages ...
Download the complete Website

General HTML Topics

Collapse - Accordion - Details
- HTML & CSS
  - <details> ; class="accordion-body collapse"
  - HTML details Tag
  - The Details disclosure element - HTML | MDN
- HTML
- JavaScript
  - Accordion · Bootstrap v5.0 - Accordion Body Class
  - Collapse · Bootstrap v5.0
  - Bootstrap JS Collapse Reference
HTML Is Actually a Programming Language. Fight Me | WIRED
- Watch Stanford Computer Scientist Answers Coding Questions From Twitter | Tech Support | WIRED
setHomePage Method (homePage)
Example: http://information.com/
<A id=link_homepage onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.pkidd.com');" href="#">Make this your homepage</A>
or
<a href="#" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://www.information.com');">Make Us Your Homepage</a>
IPFS = InterPlanetary File System
- Goodbye HTTP: A Faster, Safer, Decentralized Internet With IPFS
- ipfs blog
  - HTTP is obsolete. It's time for the distributed, permanent web
- IPFS: interplanetary file system | Reddit
- See also:
  - MaidSafe - The New Decentralized Internet
  - MegaNet
Mobile
- Site Not Mobile-Friendly? Kiss Your Google Ranking Goodbye | PCMag
- Mobile-Friendly Test
HTML5
- HTML 5 Cheat Sheet [Free PDF Download] – OnBlastBlog - Thanks to Matt Banner (the author) for recommending this site.
- Dr. Dobb's | Good stuff for serious developers: Programming Tools, Code, C++, Java, HTML5, Cloud, Mobile, Testing
  - Windows 8 and Metro: The World Without Browser Plug-ins | Dr Dobb's
- WebsiteSetup.org - Thanks to Robert Mening - Sander? (the author) for recommending this site.
  - WebsiteSetup.org | HTML5 Beginner's Guide - Thanks to Robert Mening (the author) for recommending this site.
  - Includes a very nice "HTML5 Cheat Sheet".
- HTML5 is Feature Complete. Hello HTML5.1! - SitePoint - 2012-12-17
- All Standards and Drafts - W3C
  - HTML 5.1 - WC3
  - HTML Canvas 2D Context, Level 2
- Learn HTML5, CSS3, Javascript - video style tutorials | TheCodePlayer - (Warning! does not work with MSIE. Use Firefox or Chrome.)
- Facebook
  - HTML5 - Facebook Group
- What is HTML5, and why it will save the web from itself | ExtremeTech
- Comparison of layout engines (HTML5) - Wikipedia
- replaces former versions of HTML - (HTML4, DOM2 HTML, XHTML 1)
- HTML4 was published in 1999
- HTML5 is expected to be finalized in 2022 - However, many parts of the specification are stable now and may be implemented in products now.
- HTML5 aims to reduce the need for proprietary plug-in-based rich Internet application (RIA) technologies such as Adobe Flash, Microsoft Silverlight, and Sun JavaFX.
- HTML5 delivers: a new sensible tagging strategy; localized databases; rich animations without plug-ins; and real apps in the browser; among other things.
- IDC defines HTML5 as referring to several technologies, including the markup language itself, Cascading Style Sheets (CSS3), Document Object Model (DOM), and capabilities surfaced through JavaScript APIs such as WebSocket, SVG, and Canvas.
- HTML5 presentation - 2010-04-20 - presentation works best using Google Chrome
- Dr Dobbs
  - Dr Dobbs - Other Voices: An HTML5 Primer - page 1 - 2010-06-03
  - Dr Dobbs - Other Voices: An HTML5 Primer - page 2 - 2010-06-03
  - HTML5 Family (more or less): - 2010-06-03
    - HTML5 core specification
    - Cascading Style Sheets Version 3 (CSS3) - CSS: Current Work
    - Web Workers
    - Web Storage
    - Web SQL Database
    - Web Sockets
      - RFC 6455 - The WebSocket Protocol
      - Learn Network Programming With Internet Sockets - Thanks to Jennifer Williams for recommending this site.
    - Geolocation API Specification
    - Microdata
    - Device API and File API
- Network Programming with Internet Sockets - Thanks to Jennifer Williams for recommending this site.
Please stop over-coding your website: Use these 8 native HTML tags instead - HowToGeek
- audio, canvas, datalist, details, mark, progress, picture, template
WhoIsHostingThis.com | HTML For Beginners at WhoIsHostingThis.com
Pro tip: Hide web pages (from bots) by using noindex, nofollow, and disallow - TechRepublic
<A title="This message appears when the visitor hovers the mouse over this link. It is just like the ALT attribute for the IMG tag." href="Your URL" target=new>


 Line Feed
  Non-breaking space
" Quotation marks
etc. (HTML Character Entities for the extended character set for HTML)
- &what; -- Discover Your Character
Why an HTML image alt text doesn't show on hover
Why html image alt text doesn't work in Firefox and IE
- <img src="qwertyabcdef.gif" alt="This is a message that used to appear when your mouse hovers over the image (if you were using an older MSIE browser) ">
  - alt= no longer displays text with a mouseover (in MSIE). It is now necessary to use title=
- <img src="qwertyabcdef.gif" title="This is a message that should appear when your mouse hovers over the image">
- Image ALT vs TITLE: Using ALT & TITLE Attributes In Image Tags - The Wpromoter
  - In the context of the image tag, the ALT attribute displays when an image doesn’t load, and the title attribute displays on mouseover. ALT has potential SEO (search engine optimization) benefit, TITLE does not.
- Title tag vs Alt text tag...browsers show Title instead of ALT?
  - The alt attribute should be shown in place of the image, any time the image isn't available (eg text only browser, user has turned images off, image not found or not yet loaded). The title attribute should be shown as a tooltip on :hover for any browsers that support that functionality. You may in some cases decide that you want to use the same text for both, or you may decide to have different text, it depends on the situation and the image.
    Unfortunately, because for years IE has incorrectly shown the alt text as a tooltip on :hover if there's no title attribute given, a lot of people have assumed that's what is supposed to happen. It isn't. Only the title should ever be shown as a tooltip on :hover (and you can likewise put a title on any element to get a tooltip).
- The alt and title attributes | 456 Berea Street
  - The title attribute can be used with all elements except for base, basefont, head, html, meta, param, script, and title, but it isn’t required for any.

Barebones Guide to HTML
Behaviors Library - Microsoft - MSDN Library
<body background=...
- Problem: How to scale the background image to 100% of any screen resolution the user may be using?
Colours
- HTML Colors - W3Schools
- How Web Colors Work | Digital.com
Counters
CSS Topics ...
Design Tip: The Top Ten Reasons Visitors Leave Your Site
DevSoftware - shareware and freeware tools for software developers
Digital Web Magazine - Markup as a Craft
DOCTYPE...
Download the complete Website
- How to Copy a Whole Website to Your Computer Using wget - Linux
  - cURL
  - HTTrack
  - Cyotek WebCopy
  - Scrapy and BeautifulSoup
  - SiteSucker
  - Webscrapbook
- How to Download a Web Page or Article to Read Offline | PCMag
- How to View a Cached Version of a Website | PCMag
- 4K Video Downloader
- Audio Downloader Prime
- Chrome Audio Capture - Chrome Web Store
- Cyotek WebCopy - Copy websites locally for offline browsing • Cyotek
- Download All Images - Chrome Web Store
- Gallerify - Powerful Image Downloader
- How to Download Absolutely Everything You Can Find on the Web
  - HTTrack, Cyotek WebCopy, Gallerify (images), Download All Images (Chrome), Chrome Audio Capture, Audio Downloader Prime, 4K Video Downloader
- HTTrack Website Copier - Free Software Offline Browser (GNU GPL) - $0 - (= WinHTTrack)
  - Save and Backup Websites with HTTrack
  - HTTrack Website Copier - Free Software Offline Browser (GNU GPL)
- A1 Website Download - Website Copier and Offline Browser - Microsys.com
  - See also HTTrack (= WinHTTrack) $0 = A better deal
  - See also: Microsys A1 Link Checker and Website Analyzer ...
  - Price (~$40) includes all releases (of the same version) and one year of free upgrades.
  - Technical SEO Website Crawler - TechSEO360 - $99/year
    - The all-in-one solution for crawling websites and technical SEO: Fix site errors, discover broken links and redirects, find duplicate content, optimize keywords content, create sitemaps and much more.
  - My notes - This program works great. It is too expensive. Lifetime upgrades would be an attractive feature.
  - See also: Link Checkers ...
- Offline Browsing Anywhere Anytime - Part One
- Converting web pages to PDF, Adobe Acrobat
- How Do I Copy a Webpage? Four Approaches and an Interesting Insight - Ask Leo!
  1. Print to PDF - Foxit, Snagit, Adobe Acrobat
  2. Copy&Paste
  3. Browser menu > Save Page as ... > Web Page, complete
  4. PrintScreen or (Ctrl+Shift+ShiftScreen) or (Alt+PrintScreen)
  5. MS-Word > File (menu) > Open > Paste in the URL you want
  6. FastStone Image Viewer, Screen Capture, Photo Resizer ... - You can obtain a screenshot right down to the bottom of a web page even if it goes off the screen.
  7. ScrapBook Addon with Firefox - Saved the website locally. HTTrack works better.
  8. ~~Surfulater.com-- Capture and Find the Content You Need... instantly! - $115. - Is it any good? Worth that much money??~~
    Clibu, accessible knowledge
  9. CaptureSaver - Research software, Information Collection, Information Management - $40-$70 - Is it any good?
  10. PicPick - by NGWIN, All-in-one design tool, Screen Capture, Image Editor, Color Picker, Pixel Ruler and More - $25 - Didn't do what I wanted (i.e. full web page in one file).
Dr. Watson
DHTML

Dynamic Drive DHTML(dynamic html) code library!
Editors / Programming Environments ...
File Types (MIME)
Fonts ...
Forms Resources...
freepolls.com FREE Site Tools
French
- Tag = une balise
Frequently Asked Questions about HTML
FTP = File Transfer Protocol...
<hr size="16" width="60%" color="red">

Links
- The Rotting Internet Is a Collective Hallucination - The Atlantic
- Deep links are links to specific content—think theatlantic.com/article, as opposed to just theatlantic.com.
- links = web references to sources
- rot = decay = broken links = information removed from the Web
- The older the article, the less likely it is that the links work. Digital copies are now seen as the primary vehicle for source reference access, and paper copies (library archives) are deprecated.
- Some information sticks around when it shouldn't, while other information vanishes when it should remain. Retroactive correction (retroactive tweaks to inaccuracies) is potential censorship (even if the rewrite is legally required or mandated).
- Internet Archive: Digital Library of Free & Borrowable Books, Movies, Music & Wayback Machine
- Perma.cc - Perma Link
Link Checkers / Validators ...
- To help find and fix broken links
- "404" error
- "File not found" error
- "Page not found" error
Links for a Web Page - Spoofs
- When an '@' is part of the domain in a Web address, the browser treats the string to the left of it as a user name to fill in any userid prompts, and everything on the right side as the domain name. This is perfectly legitimate syntax. (Standard document about URIs - 1998)
  Malicious coders, such as phishers, often will use this technique to obscure the actual address of the site they send you to. For example, they might send you a message that appears to be from Paypal and include a link that looks something like this:
  http://www.paypal.com@64.225.264.128/accounts/validate.htm
  (The IP address I used is illegal for the same reason they use 555 phone numbers on TV shows.)
  Notice, the numeric string to the right of the '@' mark. This link will not take you to www.paypal.com, but to 64.225.264.128. But most unsophisticated users won't notice the difference. Still, all of this monkey business is perfectly legal (if immoral) under the URI standard.
  The latest bug adds a twist: If you put ASCII 00 and 01 characters (designated as %00%01 in the spec.) just prior to the '@' character, then Internet Explorer won't display the rest of the URL when the user views the page. In Javascript you must use just the %01 character and also decode the string with the unescape() function..
  So what does it actually look like?
- Try pressing the button below. In the Status bar, the link appears to take you to the White House site, but it actually takes you to the latest column of one of our eWEEK columnists.
  Go To White House Web Site...
  The actual link was:
  http://www.whitehouse.gov%01%00@www.eweek.com/article2/0,4149,1415870,00.asp
  or http://www.whitehouse.gov%00@www.eweek.com/article2/0,4149,1415870,00.asp
  The applications for phishing attacks are pretty self-explanatory. The viewers will think they're on www.paypal.com, or whatever, but they will actually be who-knows-where.
  - Note: It seems that the latest versions of MSIE have fixed this problem. In MSIE you now just get a "Cannot find server or DNS Error" message.
**********
HTML For Beginners The Easy Way: Start Learning HTML & CSS Today - Thanks to Richard for recommending this site.
HTML Cheat Sheet - Fully Interactive [Inc HTML5]
HTML Goodies
- HTML Primer
HTML Guard (Prevent unauthorized copies of parts of your Internet sites.)
HTML Help by The Web Design Group (WDG) - Last updated 2011
HTML Reference
HTML Reference Library
HTML References Topics... (chapter summaries)
HTML: The Complete Reference
HTML TIDY - Clean up your Web pages
HTML Writers Guild
Hypertext links
Internet instruction...
Internet Publishing
Introduction to HTML - Scholarly Communications - 1996 - slides
Java Topics ...
JavaScript Topics ...
Markdown ...
Microsoft
- Microsoft Developer | Microsoft Docs
- Visual Studio Express | Now Visual Studio Community
O'Reilly Media - Technology and Business Training
posh - Microformats = Plain Old Semantic HTML
Search Engines for your Web site

Google

Search this site

Remote Search Hosting Services - SearchTools Report

Semantics in HTML - microformatique - a blog about microformats and “data at the edges”
SitePoint
- HTML Reference
- 4 Easy Ways To Spruce Up Your HTML Markup - SitePoint Blogs
Tripod free website templates to make your own free website - Free Website Hosting
SOAP = simple object access protocol
Special Characters
VRML = Virtual Reality Markup Language

VRML Repository

W3C = World Wide Web Consortium

http://www.w3.org/MarkUp/

W3Schools Online Web Tutorials - $0
- NOT recommended.
- W3Fools – A W3Schools Intervention - You have been warned!
- HTML Tutorial
Visdesigns.com
Web Design Library - Builder.com
- Useful HTML Tags and Their Attributes - Web Design Library - Builder.com
Web Developer's Virtual Library
Web Pages That Suck -- learn usability and good Web design by looking at bad design
WebTemplates (US$20/year)
WebDeveloper.com Forums
WebExe (Convert HTML pages into one single, self-running EXE file with an integrated browser.)
Webmonkey (The Web Developer's Resource)
World Wide Web Consortium
- The W3C MarkUp Validation Service
WWW Help Page
XML Topics ...

Counters

First place to look: Contact your own ISP. This is most important if you are hosting your Web pages on your ISP's server.
Server:

Statbot Users Manual

Suspended Animation Page Statistics

Free Web Counter/Tracker from TheCounter.com
WebCounter Commercial Services - US$35/yr