links - more info

Learning more about the "bricks" of our HTML "building" — HTML tags.

Do you have more to add? Please let us know at the contact form

Learning about the internet

Internet basics at Web Developers Notes http://www.webdevelopersnotes.com/basics/ If we're going to make the web, we have to know what it is and how to use it! Manish Sharma : 2009

Learning more about HTML

Articles at SitePoint http://www.sitepoint.com/recentarticles/ Articles about all subjects of making websites. SitePoint : 2010
The "HTML-Begin" files - Learn HTML at TibetanGeeks http://tibetangeeks.com/technologies/web_development/html-begin/ From the basic tags, to media, fixing problems, standards, and more. TibetanGeeks : 2010
Web Design from Scratch http://www.webdesignfromscratch.com/ Excellent organised introduction to web design: site architecture, html, css, javascript, usability, design, ... Ben Hunt : 2006
Web Developers Notes http://www.webdevelopersnotes.com/ " free web programming tutorials and tips on HTML, JavaScript, Flash, SQL, web graphics, web hosting, web promotion, email programs (Outlook Express, Windows Mail, Windows Live Mail), web master resources, web development articles, internet basics and much more!" Developed by Indian - Manish Sharma - in Hyderabad. Good privacy policy, good thinking. Manish Sharma : 2010

beautiful code

My top 5 HTML coding preferences http://cssglobe.com/post/7088/my-top-5-html-coding-preferences "Every coder has his/her own coding style based on personal preferences. Not all of us markup the document in a same way. Some decide to choose one element while other coders prefer some other solution. In this article I will list 5 of my most usual coding preferences and explain my reasons." Alan Grakalic - CSS Globe : January 2010
POSH - Plain Old Semantic HTML http://www.456bereastreet.com/archive/200711/posh_plain_old_semantic_html/ It's easy. Just: * Validate your HTML * Don't use tables for layout * Use html elements for their purpose (a header is h1, not a bold paragraph) * Use class names and id values that have a meaning (class="sidebar", not class="x1") * Use as little HTML as will get the job done 456 Berea Street : November 2007
What beautiful HTML code looks like http://css-tricks.com/what-beautiful-html-code-looks-like/ "Code? Beautiful? Sure. After all, Code is Poetry. ... what makes beautiful code? In HTML, it comes down to craftsmanship." Chris Coyier : November 2009

converting design to html/css

Code up a web design from PSD to HTML/CSS http://line25.com/tutorials/how-to-code-up-a-web-design-from-psd-to-html "A couple of weeks back we went through the process of creating a gnarly snowboarding themed website design concept in Photoshop. The tutorial covered the process of designing our site concept from sketch to finished PSD design. Now, let's take the design to the next step and code up a complete mockup in HTML and CSS, ensuring our code is semantic and standards compliant. We'll then add some finishing touches with a spot of jQuery" Chris Spooner - Line25.com : February 2010
Coding your design layout in HTML/CSS http://line25.com/tutorials/coding-a-stylish-blog-design-layout-in-html-css "Last week we went through the process of designing a stylish blog layout in Photoshop. Now let's take our visual concept and cut it into slices for use with neat HTML and CSS code." Chris Spooner - Line25.com : August 2010

doctype

Adding a doctype to your webpage http://www.javascriptkit.com/howto/doctype.shtml A "doctype", or "DTD", is a special declaration at the very top of your webpage source, right above the html tag, that tells the browser what version of HTML you are using. JavaScript Kit : 2010

references

Cheatsheets for colors, fonts, usability, SEO, browser compatiblity http://spyrestudios.com/mega-collection-of-cheatsheets-for-designer-developers/#colorfontsseo Links to useful online cheatsheets and references, with screenshots. Spyre Studios : June 2010
HTML Cheatsheets http://spyrestudios.com/mega-collection-of-cheatsheets-for-designer-developers/#html Links to useful online cheatsheets and references, with screenshots. Spyre Studios : June 2010
HTML Reference at SitePoint http://reference.sitepoint.com/html Excellent reference for all html tags. SitePoint : 2010

resources

A List Apart http://www.alistapart.com/ "for people who make websites" A List Apart : 2006
HTML & CSS Forums http://www.codingforums.com/forumdisplay.php?f=13 forums discussing html and css. Coding Forums : 2010
SitePoint http://www.sitepoint.com/ The best website for everything about html and css, as well as web programming, searchability, and more. SitePoint : 2010
The WellStyled Workshop http://www.wellstyled.com/ "Welcome to the CSS and web design workshop, the WellStyled Workshop. Enjoy all CSS, HTML or Javascript techniques, tricks and hacks." This is a really good site. Excellent explanations of tricky stuff with css and html, plus an online "Color Scheme Generator" Petr Stanicek : 2006
WHATWG mail lists http://lists.whatwg.org Mail list archives for HTML questions, and the WHAT working group. WHATWG : 2010
Your HTML Source http://www.yourhtmlsource.com/ "If you are just starting your illustrious HTML career, have a leaf through the two Starting Off sections, if you want more specific tutorials check out the Lessons, and if you’re well-versed in the art of HTML you should read the Advanced stuff." References and Search. Ross Shannon : 2010

tables

Complex tables http://www.yourhtmlsource.com/tables/tablesaccessibility.html captions and summaries; colgroup and col; thead and tbody; and more Ross Shannon : 2006
Tables are for data: the problems with tables for layout http://www.hotdesign.com/seybold/ "The use of tables is now actually interfering with building a better, more accessible, flexible, and functional Web. Find out where the problems stem from, and learn solutions to create transitional or completely table-less layout." A presentation at a Seybold conference. Merikallio and Pratt : 2006

validation

HTML Validator - Firefox plugin http://users.skynet.be/mgueury/mozilla/ Check your HTML code in your (Firefox) browser; don't need internet connection. Marc Geuery : 2010
W3C Markup Validation Service http://validator.w3.org/ Check your HTML code by URL, uploading file, or pasting in code. Very useful! W3C : 2010
W3C Validation: why you should care, and why not http://yoast.com/w3c-validation-seo/ "A look at the pros and cons of W3C validation." Joost de Valk - Yoast.com : June 2010

video tutorials

#58: HTML & CSS – The VERY Basics - Video http://css-tricks.com/video-screencasts/58-html-css-the-very-basics/ "The VERY basics of what HTML and CSS is, for the absolute beginner. HTML and CSS files are, quite literally, just text files. ..." CSS Tricks : 2009
HTML & CSS: The very basics - Video http://css-tricks.com/video-screencasts/58-html-css-the-very-basics/ "This video is the VERY basics of what HTML and CSS is, for the absolute beginner. HTML and CSS files are, quite literally, just text files. You don't need any special software to create them ..." Chris Coyier - CSS Tricks : March 2009

More html info on this site

html-more_info html_n_css-history-links.html Intro1-how_to_start.html html-html5_overview-links.html character_entities.html html-html5 html-xhtml Intro2-why_bother.html HEADER.html html_n_css-beautiful_code html-graphics_in_code-links.html html-graphics_in_code html-begin character_entities-hex_codes.html html_n_css-beautiful_code-links.html html-html5_using_the_tags-links.html html-begin-links.html [ to directory ]

Find this file at http://tibetangeeks.com/technologies/web_development/html-more_info-links.html

This page could not be here without: all the web warriors who ask questions so i can look up answers and put them here ... all the experts who write so we can find and learn ... Jeff Lebow for hosting ... TheFreeDictionary for cool word-lookup-clicking ... all the coders, standards-makers, and browser vendors who make up more great things we can do on the web ... Tim Berners-Lee for inventing this magical www thing ... gnu linux | vi | bash to make me zoom ... all my sponsors who enable me to have the freedom to make it ... my tech teachers and my life teachers ... ... gee i don't know where to stop ... it's that interdependence thing, folks!