HTML links: Difference between revisions
(5 intermediate revisions by the same user not shown) | |||
Line 9: | Line 9: | ||
* [[HTML]] for a short overview of (X)HTML formats. | * [[HTML]] for a short overview of (X)HTML formats. | ||
* [[XHTML]] for a short introduction to XHTML | * [[XHTML]] for a short introduction to XHTML | ||
* [[DHTML]], a HTML + JavaScript + CSS tutorial | |||
* [[HTML5]] for an overview of HTML5 | |||
* [[HTML and XHTML elements and attributes]] | |||
* [[CSS]] for styling | * [[CSS]] for styling | ||
* [[URL]] for a short introduction to URLs (web links), and the more general [[URN]] and [[URI]]s. | * [[URL]] for a short introduction to URLs (web links), and the more general [[URN]] and [[URI]]s. | ||
Line 19: | Line 22: | ||
; HTML 4x | ; HTML 4x | ||
* | * [http://reference.sitepoint.com/html HTML reference] at sitepoint.com. This website is also interfaced with the [https://addons.mozilla.org/en-US/firefox/addon/13048 Codeburner for Firefox] extension. | ||
* [http://htmldog.com/reference/htmltags/ HTML Tags] (at HTML Dog, includes a list of legal child elements for each tag.) | * [http://htmldog.com/reference/htmltags/ HTML Tags] (at HTML Dog, includes a list of legal child elements for each tag.) | ||
* [http://werbach.com/barebones/ Bare Bones Guides to HTML] (HTML 4) | * [http://werbach.com/barebones/ Bare Bones Guides to HTML] (HTML 4) | ||
Line 69: | Line 72: | ||
=== HTML 4x Tutorials === | === HTML 4x Tutorials === | ||
* [http://www.htmlcodetutorial.com/ HTML Code Tutorial] | * [http://www.htmlcodetutorial.com/ HTML Code Tutorial] | ||
Line 76: | Line 77: | ||
* [http://de.selfhtml.org/ SELFHTML] (German Site in German) | * [http://de.selfhtml.org/ SELFHTML] (German Site in German) | ||
* [http://www.internatif.org/eve/serveurs/index.html Conception, suivi et animation d'un site web associatif] Guide complet pour le dévelopement d'un site (sur le plan conceptuel!) | * [http://www.internatif.org/eve/serveurs/index.html Conception, suivi et animation d'un site web associatif] Guide complet pour le dévelopement d'un site (sur le plan conceptuel!) | ||
* [http://www.oucs.ox.ac.uk/web/html/ A guide to HTML] (Oxford) | |||
== Introductions and Tutorials on specialized topics == | == Introductions and Tutorials on specialized topics == |
Latest revision as of 13:11, 23 October 2011
Definition
The HyperText Markup Language (HTML) is a simple markup language used to createhypertext documents that are portable from one platform to another. It is the publishing language of the World Wide Web (WWW). HTML documents are SGML documents with generic semantics that are appropriate for representing information from a wide range of applications. XHTML documents are XML documents and you should start coding in XHTML (this page needs some tutorials on XHTML, but since there are so many indexes, you'll have to wait maybe forever).
This is a simple links page. There are related subjects in this wiki:
- HTML for a short overview of (X)HTML formats.
- XHTML for a short introduction to XHTML
- DHTML, a HTML + JavaScript + CSS tutorial
- HTML5 for an overview of HTML5
- HTML and XHTML elements and attributes
- CSS for styling
- URL for a short introduction to URLs (web links), and the more general URN and URIs.
- Web design links for more conceptual issues.
Documentation
Manuals & Short References
- HTML 4x
- HTML reference at sitepoint.com. This website is also interfaced with the Codeburner for Firefox extension.
- HTML Tags (at HTML Dog, includes a list of legal child elements for each tag.)
- Bare Bones Guides to HTML (HTML 4)
- HTML Documentation by Ian Graham (U of Toronto). GOOD HTML Manual
- HTML Quick List (at codetutorial.com)
- HTML 4.01 Quick List (at W3cSchools, very short list)
- XHTML 1x
- Index DOT HTML (Last Update: Oct. 1 2003, but still useful)
Specifications
- Overviews
- HTML
- XHTML
- XHTML 1.0 The Extensible HyperText Markup Language (Second Edition)
- XHTML Basic for mobile devices. (There is also an older XHTML mobile profile defined by OMA or even older WAP/WML)
- DOM
FAQ's
- Web Authoring FAQ
- Thomas Boutell's various WWW FAQs
Tutorials
XHTML Tutorials
Interactive XHTML Tutorials
- htmlPlayground. You try, modify code and lookup explanation for each element and attribute.
Interactive HTML Tutorials
HTML 4x Tutorials
- HTML Code Tutorial
- Dave Ragett's Introduction to HTML
- SELFHTML (German Site in German)
- Conception, suivi et animation d'un site web associatif Guide complet pour le dévelopement d'un site (sur le plan conceptuel!)
- A guide to HTML (Oxford)
Introductions and Tutorials on specialized topics
Style sheets and fonts
- See CSS
Icons/Graphics
- Graphics page at webreference (maps, color, animation, ...)
See also in this wiki
Characters & Entities
See: Character encoding
Note: instead of using old-style entities you should define a character set, a much more simple strategy.
URL encoding
- URL Encoding (or what are those "%20" codes in URLs?') by Brian Wilson
Colors
- Webreference Colorizer, good on-line tool !
- Color at webreference
- The Browser Safe Palette Webgraphics for computers that use only 256 colors (see the interactive Color Palette Map for Netscape). Usually, todays computers handle more colors.
- There exist browser extensions you can use instead.
Frames
(don't use frames, because it destroys the idea of the URL, something you can link to)
HTTP
- HTTP Made Really Easy A Practical Guide to Writing Clients and Servers, good tutorial by James Marshall (1997)
- HTTP header revealed
- Web-based Distributed Authoring and Versioning, a few extensions to HTTP that might become the standard for uploading files (4/2000)
Meta Tags
See also RDF
- Meta Builder and META Tags from vancouver Web Pages
- Why Internet Content Rating and Selection does not work
DHTML
See DHTML (a short tutorial in this wiki)
Mobile Devices
- An Overview of Mobile Versions of XHTML, short useful articel for those who wonder about XHTML Basic, XHTML Mobile Profile, and WML2....
Tools / Software
(only some, some maybe outdated)
Validation and Syntax correction
- W3C Markup Validation Service (online service)
- Alternatively, you can download and install HTMLTidy that will both validate and repair your broken HTMLs
- Weblint code verification
- Check out also various browser extensions, e.g. for Firefox
HTML Editors
Filter software
- Word to HTML. "Save as HTML" in Word leads to "difficult" HTML and it may be useful to get some filter software. However, this section needs updating ....
- Logictran RTF Converter (Html and XML). Probably the best tool, goes back to the well known rtf2html 2.7.5 by Chris Hector and rtftoweb 1.6 by Christian Bolik of which we seem to have a copy (inexpensive payware)
- Xtreme Rtrf2Html (FreeWare, dead ???)
Various articles of interest
- Media Lullabies: The Reinvention of the World Wide Web article by Bill Hilf
Websites and resource pages
- Organizations
- W3C - the World Wide Web consortium. Publishes most web standards.
- Webstandards.org. Nice organization that watches out for standards.
- Web Master sites (various)
.... there exist many more
- Webreference.com. Good site for more advanced tutorials for various web-related technologies.
- HTMLSource. Several HTML/XHTML Tutorials
- htmlhelp.com and [http://blog.htmlhelp.com/ The HTML Help and Web Design Blog (Web Design Group). This used to be very good, but seems to be asleep since 2008.
- The WWW Help Page. (last updated, 2003) used to index some of the best "how-to" sites and tutorials.
- HTML Center
- Kira's Web Toolbox
- W3 Schools has many good tutorials. If you don't like the ads, there exist Greasemonkey scripts ;)
- Technology sites (that include HTML-related stuff)
- The Computer Technology Documentation Project
- ThinkQuest includes interesting Student projects (you need to search)
- General technology news
.... there exist many more
- Online Mags