HTML links: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
 
(17 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{under construction}}
{{Incomplete}}
Page is under reconstruction. Probably lots of broken links - [[User:Daniel K. Schneider|Daniel K. Schneider]] 11:06, 1 September 2008 (UTC).


== Definition ==
== Definition ==
Line 6: Line 5:
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).
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 pages. See:
This is a simple links page. There are related subjects in this wiki:


* [[HTML]] for a short overview of (X)HTML formats.
* [[HTML]] for a short overview of (X)HTML formats.
* [[XHTML]] for a short introduction to XHML
* [[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 [[URI]]s.
* [[Web design links]] for more conceptual issues.


== Documentation ==
== Documentation ==
Line 17: 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://werbach.com/barebones/ Bare Bones Guides to HTML] (HTML 4)
* [http://werbach.com/barebones/ Bare Bones Guides to HTML] (HTML 4)
* [http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/intro.html  HTML Documentation] by [http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/about_the_author.html  Ian Graham] (U of Toronto). GOOD HTML Manual
* [http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/intro.html  HTML Documentation] by [http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/about_the_author.html  Ian Graham] (U of Toronto). GOOD HTML Manual
 
* [http://www.htmlcodetutorial.com/quicklist.html HTML Quick List] (at codetutorial.com)
* [http://www.w3schools.com/html/html_quick.asp HTML 4.01 Quick List] (at W3cSchools, very short list)
; XHTML 1x
; XHTML 1x
* ???
* [http://www.blooberry.com/indexdot/html/ Index DOT HTML] (Last Update: Oct. 1 2003, but still useful)


=== Specifications ===
=== Specifications ===
Line 45: Line 53:


* [http://www.htmlhelp.org/faq/html/ Web Authoring FAQ]
* [http://www.htmlhelp.org/faq/html/ Web Authoring FAQ]
* Thomas Boutell's various [http://www.boutell.com/newfaq/ WWW FAQs]


== Tutorials ==
== Tutorials ==
Line 63: Line 72:


=== HTML 4x Tutorials ===
=== HTML 4x Tutorials ===
(HTML is outdated)


* [http://www.htmlcodetutorial.com/ HTML Code Tutorial]
* [http://www.htmlcodetutorial.com/ HTML Code Tutorial]
Line 70: 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 ==
Line 98: Line 106:
=== Colors ===
=== Colors ===


* [http://webreference.com/html/tools/colorizer/ Webreference Colorizer], cool on-line tool !
* [http://webreference.com/html/tools/colorizer/ Webreference Colorizer], good on-line tool !
* [http://hotwired.lycos.com/webmonkey/00/37/index2a.html Death of the Websafe Color Palette ?] (article showing that only 25 colors are safe)
* [http://www.webreference.com/authoring/graphics/color/ Color at webreference]
* [http://www.webreference.com/authoring/graphics/color/ Color at webreference]
* [http://the-light.com/netcol.html The Browser Safe Palette] Webgraphics for computers that use only 256 colors (see the interactive [http://the-light.com/colclick.html Color Palette Map for Netscape)]
* [http://the-light.com/netcol.html The Browser Safe Palette] Webgraphics for computers that use only 256 colors (see the interactive [http://the-light.com/colclick.html Color Palette Map for Netscape)]. Usually, todays computers handle more colors.
* [http://www.colormix.com/ ColorMix] (applet)
* There exist browser extensions you can use instead.


=== Frames ===
=== Frames ===
Line 146: Line 153:
=== HTML Editors ===
=== HTML Editors ===


* Read [http://www.hotwired.com/webmonkey/geektalk/97/16/index4a.html?tw=html WYSIWIYG or the Real Thing?] and [http://www.hotwired.com/webmonkey/99/19/index1a.html?tw=html WYSIWIG Editor Shootout] (Webmonkey, 5/99)
* See [[Web authoring system]]
* Index at DaveCentral (free and cheap stuff): [http://www.davecentral.com/html.html HTML Editors] and [http://www.davecentral.com/htmlwys.html Wysiwyg Editors] (see also other Webmasters sites !)
* Recommended Wysiwig at Tecfa: [http://www.nvu.com/download.html NVU] Freeware Unix/Mac/PC. (Voir aussi: [http://tecfa.unige.ch/themes/FAQ-FL/nvu_autotutoral/nvu_pageWEB.html Cr�er des pages WEB facilement] (destin� aux �tudiants LME) * [http://www.adobe.com/products/golive/main.html GoLive] (better for programmers) and [http://www.macromedia.com/software/dreamweaver/ Dreamweaver] ($400). See also this [http://www.alistapart.com/stories/dreamweaver/ article on doing XHTML] from List Apart
* Recommended general programming editors (including HTML support): [http://www.xemacs.org/ Xemacs] (Unix, Win, Mac?) or For the Mac see: [http://web.barebones.com/products/bbedit/bbedit.html BBEdit] $119) or [http://web.barebones.com/free/bbedit_lite.html BBEDit Lite] (free)
* '''Recommended HTML Editors:''' [http://www.chami.com/html-kit/ HTMLKit], many plugins for various languages (freeware, if personal registration) * [http://www.notetab.com/ NoteTab] (freeware version) * [http://www.visic.com/ WebExpert] (but the freeware version is no longer available !)
* '''Recommended XHTML Editors:''' [http://www.lessthanslash.info/ Less Than Slash] (self completing text editor)


=== Filter software ===
=== Filter software ===


* Don't use "save as HTML" in Word, use some '''Rtf2Html:'''
* 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 ....
** [http://www.logictran.com/ 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 [http://tecfa.unige.ch/pub/software/win95/www/editeurs/rtf2html/ copy] (inexpensive payware)
** [http://www.logictran.com/ 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 [http://tecfa.unige.ch/pub/software/win95/www/editeurs/rtf2html/ copy] (inexpensive payware)
** [http://www.xwebware.com/products/rtf2html/ Xtreme Rtrf2Html] (FreeWare)
** [http://www.xwebware.com/products/rtf2html/ Xtreme Rtrf2Html] (FreeWare, dead ???)
** [http://perso.wanadoo.fr/blq/ French rtf2html] (don't know this)
** [http://px.sklar.com/author.html?author_id=557 Jason Stechschulte] wrote a php filter, so you can do it on the fly (some)
** [http://www.exit0.com/ez1/products/pro2000.html HTML Assistant Pro] (payware, does other things)


== Various articles ==
== Various articles of interest ==


* [http://www.firstmonday.dk/issues/issue3_4/hilf/index.html Media Lullabies: The Reinvention of the World Wide Web] article by Bill Hilf
* [http://www.firstmonday.dk/issues/issue3_4/hilf/index.html Media Lullabies: The Reinvention of the World Wide Web] article by Bill Hilf


== Links ==
== Websites and resource pages ==


; Organizations
; Organizations


* [http://www.w3.org/ W3C - the World Wide Web consortium]. Publishes most web standards.
** [http://www.w3.org/MarkUp The World Wide Web Consortium HTML Page]
* [http://www.webstandards.org/ Webstandards.org]. Nice organization that watches out for standards.
* [http://www.webstandards.org/ Webstandards.org]. Nice organization that watches out for standards.


; Web Master sites
; Web Master sites (various)
* [http://www.webreference.com/html/ Webreference.com]. Good site for web developers
.... there exist many more
* [http://www.webreference.com/html/ Webreference.com]. Good site for more advanced tutorials for various web-related technologies.
* [http://www.yourhtmlsource.com/ HTMLSource]. Several HTML/XHTML Tutorials
* [http://www.htmlhelp.com/ 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.
* [http://werbach.com/web//wwwhelp.html The WWW Help Page.] (last updated, 2003) used to index some of the best "how-to" sites and tutorials.
* [http://htmlcenter.com/ HTML Center]
* [http://www.lightsphere.com/dev/ Kira's Web Toolbox]
* [http://www.w3schools.com/ W3 Schools] has many good tutorials. If you don't like the ads, there exist [http://userscripts.org/scripts/search?q=w3+schools Greasemonkey scripts] ;)


; Online Mags
; Technology sites (that include HTML-related stuff)
* [http://www.w3.org/pub/WWW/Journal/ The WorldWideWeb Journal]
* [http://www.comptechdoc.org/ The Computer Technology Documentation Project]
* [http://www.thinkquest.org/en/ ThinkQuest] includes interesting Student projects (you need to search)


; General technology news
.... there exist many more
* [http://slashdot.org/ Slashdot]
* [http://www.internetnews.com/ Internet News]
* [http://wmf.editthispage.com/ Hack the Planet]
* [http://www.theregister.co.uk/ The Register]
* [http://oreilly.com/ O'Reilly]


== Things to move to a french page ==
* See under HTML Trail of [/guides/tie/tie.html TIE slides] (en français)
* [/guides/htmlman/html-1.html TECFA HTML Manuel], en français [ [/guides/htmlman/html.pdf version PDF] ]
* [http://www.la-grange.net/w3c/xhtml1/ XHTML en fran�ais]
* [http://www.normandieweb.org/karl/HTML4/ HTML 4, traduction française]
* [http://fr.selfhtml.org/index.htm SelfHtml] (la version française)


; Online Mags
* [http://www.w3.org/pub/WWW/Journal/ The WorldWideWeb Journal]


[[Category: Links]]


[[Category: Links]]
[[Category: Web authoring]]
[[Category: Technologies]]
[[fr: HTML]]

Latest revision as of 14: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:

Documentation

Manuals & Short References

HTML 4x
XHTML 1x

Specifications

Overviews
HTML
XHTML
DOM

See Document Object Model

FAQ's

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

Introductions and Tutorials on specialized topics

Style sheets and fonts

Icons/Graphics

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

Frames

(don't use frames, because it destroys the idea of the URL, something you can link to)

HTTP

Meta Tags

See also RDF

DHTML

See DHTML (a short tutorial in this wiki)

Mobile Devices

Tools / Software

(only some, some maybe outdated)

Validation and Syntax correction

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

Websites and resource pages

Organizations
Web Master sites (various)

.... there exist many more

Technology sites (that include HTML-related stuff)
General technology news

.... there exist many more


Online Mags
Retrieved from "https://edutechwiki.unige.ch/mediawiki/index.php?title=HTML_links&oldid=35686"