HTML links: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
 
(24 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 ==


== HTML Validation ==
=== Manuals & Short References ===


* [http://validator.w3.org/ W3C HTML Validation Service] (online HTML 4.01 validation service)
; HTML 4x
* Alternatively, you can download and install [http://www.w3.org/People/Raggett/tidy/ HTMLTidy] that will both validate and repair your broken HTMLs
 
* [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://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
* [http://www.blooberry.com/indexdot/html/ Index DOT HTML] (Last Update: Oct. 1 2003, but still useful)


== Manuals & Short References ==
=== Specifications ===


* [/guides/htmlman/html-1.html TECFA HTML Manuel], en français [ [/guides/htmlman/html.pdf version PDF] ]
; Overviews
* [http://werbach.com/barebones/ Bare Bones Guides to HTML] - [/guides/bare_bone.html HTML3.2] (local copy) - [/guides/fr_barebone.html en français] (copie local)
* [http://www.w3.org/MarkUp/ HyperText Markup Language Home Page]
* [http://www.kvaleberg.com/html.html HTML for morons]. Essential HTML within a small page.
* [http://www.w3.org/TR/html/ HTML, latest Specification]
* [http://www.htmlcompendium.org/0frame.htm htmlcompendium.org]
* [http://utopia.knoware.nl/users/schluter/doc/tags/index.html R. Schluter's HTML Tag List]
* [http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.html NCSA Beginner's Guide]
* [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://snowwhite.it.brighton.ac.uk/~mas/mas/courses/html/html.html A guide to HTML and CGI scripts] by [http://snowwhite.it.brighton.ac.uk/~mas/mas/home.html M.A. Smith]. Good site and up to date! It is interactive (yes you can try out things).


== Specifications ==
; HTML


* [http://www.w3.org/TR/html/ HTML latest Spec] (XHTML, starting oct 2002 this is taught to our students)
* [http://www.la-grange.net/w3c/xhtml1/ XHTML en fran�ais]
* [http://www.w3.org/TR/REC-html32.html HTML 3.2 Spec]
* [http://www.w3.org/TR/REC-html32.html HTML 3.2 Spec]
* [http://www.w3.org/TR/html4/ HTML 4.x]
* [http://www.w3.org/TR/html4/ HTML 4.x]
* [http://www.normandieweb.org/karl/HTML4/ HTML 4, traduction française]
 
* [http://www.w3.org/MarkUp/ HyperText Markup Language Home Page]
; XHTML
* [http://www.w3.org/TR/REC-DOM-Level-1/ DOM Level 1 Spec]
* [http://www.w3.org/TR/2002/REC-xhtml1-20020801 XHTML 1.0 The Extensible HyperText Markup Language (Second Edition)]
* [http://www.w3.org/TR/DOM-Level-2/ DOM Level 2 Spec]
* [http://www.w3.org/TR/xhtml-basic/ XHTML Basic] for mobile devices. (There is also an older XHTML mobile profile defined by [http://www.openmobilealliance.org/tech/index.html OMA] or even older WAP/WML)
* [http://www.w3.org/TR/xhtml-basic/ XHTML Basic] for mobile devices. (There is also an older XHTML mobile profile defined by [http://www.openmobilealliance.org/tech/index.html OMA] or even older WAP/WML)
* [http://www.webstandards.org/ Webstandards.org]. Nice organization that watches out for standards.
 
; DOM
 
See [[Document Object Model]]


== FAQ's ==
== FAQ's ==


* [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 ==


== XHTML Tutorials ==
=== XHTML Tutorials ===


* [http://www.htmlgoodies.com/primers/html/ HTML Goodies]
* [http://www.w3schools.com/xhtml/ XHTML Tutorial] at W3Schools
* [http://www.w3schools.com/xhtml/ XHTML Tutorial] at W3Schools
* [http://wdvl.com/Authoring/Languages/XML/XHTML/ Introduction to XHTML, with eXamples]
* [http://wdvl.com/Authoring/Languages/XML/XHTML/ Introduction to XHTML, with eXamples]


== HTML Tutorials ==
=== Interactive XHTML Tutorials ===


(HTML is outdated)
* [http://htmlplayground.com/ htmlPlayground]. You try, modify code and lookup explanation for each element and attribute.


=== Interactive HTML Tutorials ===
* [http://snowwhite.it.brighton.ac.uk/~mas/mas/courses/html/html.html A guide to HTML and CGI scripts] by [http://snowwhite.it.brighton.ac.uk/~mas/mas/home.html M.A. Smith].
=== HTML 4x Tutorials ===
* [http://www.htmlcodetutorial.com/ HTML Code Tutorial]
* [http://www.w3.org/MarkUp/Guide/ Dave Ragett's Introduction to HTML]
* [http://www.w3.org/MarkUp/Guide/ Dave Ragett's Introduction to HTML]
* [http://www.webreference.com/html/ Webreference.com]. Good site.
* [/guides/selfhtml/selfhtml.htm SelfHtml] (good German Guide, LOCAL copy)
* [http://de.selfhtml.org/ SELFHTML] (German Site in German)
* [http://de.selfhtml.org/ SELFHTML] (German Site in German)
* [http://fr.selfhtml.org/index.htm SelfHtml] (la version française)
* [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.qbc.clic.net/~mephisto/carvin/htmlintr.html Cours d'hypertexte pour les enseignants]
* [http://www.oucs.ox.ac.uk/web/html/ A guide to HTML] (Oxford)
* [http://www.florimont.ch/coursCep/ HTML avec Claris Home Page] de Didier Strasser (niveau �cole secondaire)
 
== Online documentation ==
 
* [http://www.w3.org/pub/WWW/Journal/ The WorldWideWeb Journal]
 
== Near Future: XHTML & DOM ==
 
* Track the [http://www.w3.org/ W3C] !
* [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.webreview.com/2001/03_02/designers/index01.shtml To Use or Not to Use: An XHTML Roadmap for Designers] by Molly Holzschlag, WebReview, 3/2001
 
= Specialized topics =


See also [../design/pointers.html WWW Design and Style] and [/guides/hypertext/pointers.html Hypertexts Pointers @ TECFA]
== Introductions and Tutorials on specialized topics ==


== Style sheets and fonts ==
=== Style sheets and fonts ===


* SEE [/guides/css/pointers.html CSS Pointers Page]
* See [[CSS]]


== Icons/Graphics ==
=== Icons/Graphics ===


* [/ico/ Icon library] at Tecfa (locals: point rather than copy!)
* [http://www.wdvl.com/Vlib/Providers/Images_and_Icons.html Ditto] Search Engine (!) for icons
* [http://www.wdvl.com/Vlib/Providers/Images_and_Icons.html VL_WWW Images and Icons] (meta-index of links)
* [http://webreference.com/authoring/graphics/index.html Graphics page at webreference] (maps, color, animation, ...)
* [http://webreference.com/authoring/graphics/index.html Graphics page at webreference] (maps, color, animation, ...)
* [http://www.libpng.org/pub/png/ PNG Home Site]
* [http://creative.gettyimages.com/ gettyimages] (commercial photos)


== Chars & Entities ==
See also in this wiki
* [[graphics file format]]
* [[clipart]]
* [[texture]]


(instead of using old-style entities you can define a character set, a much more simple strategy)
=== Characters & Entities ===


* [http://www.macchiato.com/unicode/chart/ Unicode 4.1.0 Chart]
See: [[Character encoding]]
* [http://www.unicode.org/charts/ Unicode Character Code Charts ] (PDF files)
* [http://www.cs.tut.fi/~jkorpela/chars/index.html Characters and encodings] by Jukka "Yucca" Korpela, very good reading ! See e.g. [http://www.cs.tut.fi/~jkorpela/chars.html A tutorial on character code issues] and [http://www.cs.tut.fi/~jkorpela/www/windows-chars.html On the use of some MS Windows characters in HTML]
* [http://www.jovino.com/entitiesLookup.php HTM entities table] (Steven Garrity)
* [http://www.foxinternet.co.uk/keyboard.html Character Converter] (Iain Tucker)
* [http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/iso_table.html ISO 8859-1 (Latin-1)] (HEX/Dec/Entities)
* [http://www.uni-passau.de/~ramsch/iso8859-1.html iso8859-1 Table]
* [http://www.unicode.org/ UniCode Home Page] (includes for example code-charts and the [http://www.unicode.org/faq/unicode_web.html Unicode and the Web] FAQ)
* [http://www.w3.org/TR/charmod/#URIs Character Model for the World Wide Web 1.0: Fundamentals] (W3C Recommendation 2005).
* [http://www.w3.org/TR/unicode-xml/ Unicode in XML and other Markup Languages] (W3C Technical Report)
* [http://www.bbsinc.com/iso8859.html ASCII - ISO 8859-1 (Latin-1) Table with HTML Entity Names ]
* [http://czyborra.com/charsets/iso8859.html The ISO 8859 Alphabet Soup ]
* [http://www.greywyvern.com/code/php/utf8_html Text to UTF-8 or HTML Entities Tool]
* [http://konieczny.be/unicode.html  Unicode (UTF-8) to HTML entity online converter]
* [http://www.w3.org/International/geo/ W3C I18N GEO Working Group]


UTF-8 example: <code>\u03a3</code> is the code for a SUM sign.
Note: instead of using old-style entities you should define a character set, a much more simple strategy.


== URL encoding ==
=== URL encoding ===


* [http://www.blooberry.com/indexdot/html/topics/urlencoding.htm URL Encoding] (or what are those "%20" codes in URLs?') by Brian Wilson
* [http://www.blooberry.com/indexdot/html/topics/urlencoding.htm URL Encoding] (or what are those "%20" codes in URLs?') by Brian Wilson


== 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 ===


(don't use frames, because it destroys the idea of the URL, something you can link to)
(don't use frames, because it destroys the idea of the URL, something you can link to)
Line 130: Line 117:
* [http://sharkysoft.com/tutorials/frames/ Sharkies Netscape Frames Tutorial]
* [http://sharkysoft.com/tutorials/frames/ Sharkies Netscape Frames Tutorial]


== HTTP ==
=== HTTP ===


* [http://www.jmarshall.com/easy/http/ HTTP Made Really Easy] A Practical Guide to Writing Clients and Servers, good tutorial by James Marshall (1997)
* [http://www.jmarshall.com/easy/http/ HTTP Made Really Easy] A Practical Guide to Writing Clients and Servers, good tutorial by James Marshall (1997)
Line 136: Line 123:
* [http://www.webdav.org/ Web-based Distributed Authoring and Versioning], a few extensions to HTTP that might become the standard for uploading files (4/2000)
* [http://www.webdav.org/ Web-based Distributed Authoring and Versioning], a few extensions to HTTP that might become the standard for uploading files (4/2000)


== META TAGs ==
=== Meta Tags ===


See also our [/guides/rdf/pointers.html RDF page !]
See also [[RDF]]


* [http://vancouver-webpages.com/META/mk-metas.html Meta Builder] and [http://vancouver-webpages.com/META/ META Tags] from vancouver Web Pages
* [http://vancouver-webpages.com/META/mk-metas.html Meta Builder] and [http://vancouver-webpages.com/META/ META Tags] from vancouver Web Pages
* [http://www.koehntopp.de/kris/artikel/rating_does_not_work.html Why Internet Content Rating and Selection does not work]
* [http://www.koehntopp.de/kris/artikel/rating_does_not_work.html Why Internet Content Rating and Selection does not work]


== DHTML ==
=== DHTML ===


DHTML is a combination of HTML, CSS and JavaScript, but we don't teach it here since it the cost/benefit ratio is usually quite low..... and often [moving-things.html useless] Check other sites please, e.g. [http://dynamicdrive.com/dynamicindex13/ Dynamic Drive] or [http://www.activeui.net/ ActiveUI] or [/guides/toolbox.html general WebMaster's ] sites.
See [[DHTML]] (a short tutorial in this wiki)


== Mobile Devices ==
=== Mobile Devices ===


* [http://www.littlespringsdesign.com/design/xhtmlinfo.html An Overview of Mobile Versions of XHTML], short useful articel for those who wonder about XHTML Basic, XHTML Mobile Profile, and WML2....
* [http://www.littlespringsdesign.com/design/xhtmlinfo.html An Overview of Mobile Versions of XHTML], short useful articel for those who wonder about XHTML Basic, XHTML Mobile Profile, and WML2....


= Tools / Software =
== Tools / Software ==


(only some, some maybe outdated)
(only some, some maybe outdated)


== Validation and Syntax correction ==
=== Validation and Syntax correction ===


* [http://tidy.sourceforge.net/ HTML Tidy]. This is installed under Solaris at Tecfa ([/guides/utils/tidy/ local doc dir])
* [http://validator.w3.org/ W3C Markup Validation Service] (online service)
* [http://validator.w3.org/ W3C HTML Validation Service]
* Alternatively, you can download and install [http://www.w3.org/People/Raggett/tidy/ HTMLTidy] that will both validate and repair your broken HTMLs
* [http://www.unipress.com/cgi-bin/WWWeblint/ Weblint code verification]
* [http://www.unipress.com/cgi-bin/WWWeblint/ Weblint code verification]
* Check out also various browser extensions, e.g. for Firefox
** [https://addons.mozilla.org/en-US/firefox/addon/2250 W3C Page validator]
** [https://addons.mozilla.org/en-US/firefox/addon/249 Html Validator]


== 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)


== Filters ==
=== Filter software ===


(need more here)
* 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 ....
 
* Don't use "save as HTML" in Word, use some '''Rtf2Html:'''
** [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)


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


* [http://www.mozilla.org Mozilla]. (Best overall standards compliant browser). Upgrade from Netscape 4.x NOW, give up proprietary solutions !
* [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.webreference.com/programming/mozilla/ Rapid Application Development with Mozilla] (Mozilla as applications platform, this link should go some other place).
* [http://www.webreference.com/scripts/sidebar/ The Multi-Feed RSS Sidebar Tab] (Moz/NS6 Sidebar tutorial @ webreference)


= Links =
== Websites and resource pages ==


* Check the major WebMaster's sites, see [http://tecfa.unige.ch/guides/toolbox.html Toolbox] page.
; Organizations
* [http://www.yourhtmlsource.com/ HTMLSource]. Several HTML/XHTML Tutorials
* [http://www.htmlhelp.com/ htmlhelp.com] (Web Design Group) , good and short
* [http://www.w3.org/MarkUp The World Wide Web Consortium HTML Page]
* [http://www.stack.nl/%7Eboris/HTML/links.html Recommended Sites for HTML Authors]
* [http://werbach.com/web//wwwhelp.html The WWW Help Page.] Indexes some of the BEST "how-to" sites and tutorials.
* [http://www.blooberry.com/indexdot/html/ Index DOT HTML]
* [http://browserwatch.internet.com/ BrowserWatch]
* [http://www.boutell.com/openfaq/browsers/ Web Browsers OpenFAQ]
* [http://www.allhtml.com/ AllHtml] Site fran�ais
* Mozilla based browsers: [http://www.mozilla.org/  Mozilla] * [http://www.beonex.org/ Beonex] (Win/Linux) * [http://www.konqueror.org/ Konqueror] (linux) *


A note about browsers: IE is not a superior browser. Version 5.5 just implemented CSS much better than Netscape 4.x ever did. Newer versions (IE 6+) still fail in many aspects. They don't even respect the fundamental HTTP protocol, e.g. if you put some html in some text file (served as text/plain by the server), it will not display the html code but render it as HTML which it should *not*. IE has trouble with uploading and many other little problems like it doesn't understand correctly served XHTML as XML application. I suggest the following strategy for non-commercial webmasters who build pages and sites which must last:
* [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.


* Do simple HTML. It is much easier to maintain and indexes well with search engines and it will load fast. Go for XHTML (transitional) or HTML 4.01 transitional if you know what I am talking about and don't use any JS code (any stupid beginner can do roll-over menus, so don't be afraid of not using these). People will be able to read your pages for years to come. If your pages must look pretty, you should use external style-sheets, but do NOT use tiny Windows fonts. Windows fonts look big on Windows screens but print very small and look very small on other platforms.
; Web Master sites (various)
* If you plan to write web applications, code by W3C DOM standards and ignore NS 4.x and IE 5. Your code may or may not run with IE 5.5 (you can make allowances for this) but it will with Mozilla which is coming along nicely (install its latest [http://www.mozilla.org/releases/ Beta release] and ignore Netscape if you can). It will also run with Netscape 7.x and IE 6 (unless MS decides to launch some major sabotage project). My [http://tecfa.unige.ch/tecfa-people/schneider.html home page] shows how you can code in XHTML + CSS and still show contents to older browsers. Read [http://www.alistapart.com/ A List Apart] on a regular basis to keep in touch !
.... 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] ;)


== Things to move to a french page ==
; Technology sites (that include HTML-related stuff)
* [http://www.comptechdoc.org/ The Computer Technology Documentation Project]
* [http://www.thinkquest.org/en/ ThinkQuest] includes interesting Student projects (you need to search)


* See under HTML Trail of [/guides/tie/tie.html TIE slides] (en français)
; General technology news
* [/guides/htmlman/html-1.html TECFA HTML Manuel], en français [ [/guides/htmlman/html.pdf version PDF] ]
.... 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]  




; 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 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:

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"