Before getting into the details of making HTML documents accessible, an understanding of basic HTML concepts is needed. If you are familiar with the general structure and coding of HTML , you can skip this page and move onto the the first common HTML element to be covered, Making Images Accessible.
You must have the ,
and container tags in every HTML file. The tag tells the browser that this is an HTML document. You must begin and end your files with this tag. The tag contains general information like the title of your document. The tag holds all your content: words, pictures, artwork and other stuff.
HTML is also not case sensitive. That means, you can use either lowercase or uppercase. is the same as . For consistency, use either one or the other. It’s best not to mix and match. For our purposes, I have written our code in lowercase.
The third rule is that every html page has two parts: the head and the body. There must be ,
and container tags in every HTML file. To build any web page, you will need four primary tags: , ,
and <body>. These are all container tags and must appear as pairs with the beginning and an ending.</p>
</div>
<div class="post-tags"><a href="http://animation11.net/tag/basic-concepts-of-html/" rel="tag">Basic Concepts of HTML</a>, <a href="http://animation11.net/tag/html/" rel="tag">HTML</a>, <a href="http://animation11.net/tag/html-concepts/" rel="tag">HTML Concepts</a>, <a href="http://animation11.net/tag/html-tools/" rel="tag">HTML tools</a></div>
</div>
<!-- /post -->
<!-- post -->
<div id="post-28" class="post-28 post hentry category-uncategorized">
<h2 class="title"><a href="http://animation11.net/2009/09/10/dreamweaver-tips-and-tricks/" rel="bookmark" title="Permanent Link: Dreamweaver Tips and Tricks">Dreamweaver Tips and Tricks</a></h2>
<div class="post-date">
<p>Sep 10th</p>
</div>
<div class="post-info">
<p class="author alignleft">Posted by <a href="http://animation11.net/author/yogi/" title="Posts by yogi ">yogi</a> in <a href="http://animation11.net/category/uncategorized/">Uncategorized</a> </p>
<p class="comments alignright"><a href="http://animation11.net/2009/09/10/dreamweaver-tips-and-tricks/#comments" class="no comments">No comments</a></p>
<div class="clear"></div>
</div>
<div class="post-content clearfix">
<p>We’ve shared some really cool tips on Macromedia Dreamweaver in this article. They are handy tips that all Dreamweaver users should know about to allow more flexibility and creativity while designing sites in Dreamweaver. Adobe Dreamwever (Macromedia Dreamweaver prior to version 8). Please check out the compatible versions listed in the box below. Since this tutorial series covers the core functions of Dreamweaver to learn handy tips that will allow you more flexibility and creativity while designing sites in Dreamweaver, mostly any version of these software should be fine.</p>
<p>Dreamweaver Tips:</p>
<p>The properties bar is dynamic – it changes according to what is selected in the document. It gives you options to deal from everything from text to photos to tables to table cells according to the location of the cursor or what has been selected.</p>
<p>To get a single return – use the soft return. Hold down the shift key – while you press the ‘return.’</p>
<p>SAVE your document – and when you type in the name —- include the .html — the Dreamweaver default only gives you .htm.</p>
<p>Just the same, you’ve come to the right place for tips, tricks and links for Adobe Dreamweaver that will hopefully have you working so well and so efficiently that your jobs will be done long before reaching the morning light.</p>
</div>
</div>
<!-- /post -->
<!-- post -->
<div id="post-54" class="post-54 post hentry category-basic-concepts tag-flash-developers tag-flash-developers-tips tag-tips-for-flash-developers">
<h2 class="title"><a href="http://animation11.net/2009/09/01/tips-for-flash-developers/" rel="bookmark" title="Permanent Link: Tips for Flash Developers">Tips for Flash Developers</a></h2>
<div class="post-date">
<p>Sep 1st</p>
</div>
<div class="post-info">
<p class="author alignleft">Posted by <a href="http://animation11.net/author/yogi/" title="Posts by yogi ">yogi</a> in <a href="http://animation11.net/category/basic-concepts/">Basic Concepts</a> </p>
<p class="comments alignright"><a href="http://animation11.net/2009/09/01/tips-for-flash-developers/#comments" class="no comments">No comments</a></p>
<div class="clear"></div>
</div>
<div class="post-content clearfix">
<ul>
<li>Make the most of the updated Flash interface, including its new Motion tools</li>
<li>Draw and paint original art in Flash</li>
<li>Use layers and the Library to efficiently organize your content</li>
<li>Build animations using shape tweening, Flash CS4’s new motion tweening, and advanced inverse kinematics</li>
<li>Create special effects with shapes, filters, and the new Deco Tool</li>
<li>Add interactivity to your Flash movies</li>
<li>Integrate a wide spectrum of audio and video content</li>
<li>Use ready-built components to create sophisticated content without programming</li>
<li>Get started with ActionScript 3</li>
<li>Publish your movies to the Web</li>
<li>Design modular Flash sites that load quickly and perform well.</li>
</ul>
</div>
<div class="post-tags"><a href="http://animation11.net/tag/flash-developers/" rel="tag">Flash Developers</a>, <a href="http://animation11.net/tag/flash-developers-tips/" rel="tag">Flash Developers tips</a>, <a href="http://animation11.net/tag/tips-for-flash-developers/" rel="tag">Tips for Flash Developers</a></div>
</div>
<!-- /post -->
<div class="page-navigation" id="pagenavi">
<div class="alignleft"></div>
<div class="alignright"></div>
<div class="clear"></div>
</div>
</div>
<!-- /primary content -->
<div id="sidebar">
<ul class="sidebar-blocks">
<li class="block"><div class="block-widget_calendar" id="instance-calendar-4"><h3 class="title"><span> </span></h3><div class="block-div"></div><div class="block-div-arrow"></div><div id="calendar_wrap"><table id="wp-calendar" summary="Calendar">
<caption>September 2009</caption>
<thead>
<tr>
<th abbr="Monday" scope="col" title="Monday">M</th>
<th abbr="Tuesday" scope="col" title="Tuesday">T</th>
<th abbr="Wednesday" scope="col" title="Wednesday">W</th>
<th abbr="Thursday" scope="col" title="Thursday">T</th>
<th abbr="Friday" scope="col" title="Friday">F</th>
<th abbr="Saturday" scope="col" title="Saturday">S</th>
<th abbr="Sunday" scope="col" title="Sunday">S</th>
</tr>
</thead>
<tfoot>
<tr>
<td abbr="August" colspan="3" id="prev"><a href="http://animation11.net/2009/08/" title="View posts for August 2009">« Aug</a></td>
<td class="pad"> </td>
<td abbr="October" colspan="3" id="next"><a href="http://animation11.net/2009/10/" title="View posts for October 2009">Oct »</a></td>
</tr>
</tfoot>
<tbody>
<tr>
<td colspan="1" class="pad"> </td><td><a href="http://animation11.net/2009/09/01/" title="Tips for Flash Developers">1</a></td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td>
</tr>
<tr>
<td>7</td><td>8</td><td>9</td><td><a href="http://animation11.net/2009/09/10/" title="Dreamweaver Tips and Tricks">10</a></td><td>11</td><td>12</td><td><a href="http://animation11.net/2009/09/13/" title="Basic Concepts of HTML">13</a></td>
</tr>
<tr>
<td>14</td><td>15</td><td>16</td><td><a href="http://animation11.net/2009/09/17/" title="Top 10 Graphic Design Software">17</a></td><td>18</td><td>19</td><td>20</td>
</tr>
<tr>
<td>21</td><td>22</td><td>23</td><td><a href="http://animation11.net/2009/09/24/" title="Troppus Web Services Recruitment 2009">24</a></td><td>25</td><td><a href="http://animation11.net/2009/09/26/" title="Aruna Technological Solutions Recruitment 2009">26</a></td><td><a href="http://animation11.net/2009/09/27/" title="Picasa – Google’s free Photo Organizing and Sharing Software">27</a></td>
</tr>
<tr>
<td>28</td><td><a href="http://animation11.net/2009/09/29/" title="Webz Sol Recruitment – Web Designers">29</a></td><td>30</td>
<td class="pad" colspan="4"> </td>
</tr>
</tbody>
</table></div></div></li><li class="block"><div class="block-widget_archive" id="instance-archives-4"><h3 class="title"><span>Archives</span></h3><div class="block-div"></div><div class="block-div-arrow"></div> <ul>
<li><a href='http://animation11.net/2010/03/' title='March 2010'>March 2010</a></li>
<li><a href='http://animation11.net/2010/02/' title='February 2010'>February 2010</a></li>
<li><a href='http://animation11.net/2010/01/' title='January 2010'>January 2010</a></li>
<li><a href='http://animation11.net/2009/12/' title='December 2009'>December 2009</a></li>
<li><a href='http://animation11.net/2009/11/' title='November 2009'>November 2009</a></li>
<li><a href='http://animation11.net/2009/10/' title='October 2009'>October 2009</a></li>
<li><a href='http://animation11.net/2009/09/' title='September 2009'>September 2009</a></li>
<li><a href='http://animation11.net/2009/08/' title='August 2009'>August 2009</a></li>
<li><a href='http://animation11.net/2009/07/' title='July 2009'>July 2009</a></li>
</ul>
</div></li><li class="block"><div class="block-widget_categories" id="instance-categories-5"><h3 class="title"><span>Categories</span></h3><div class="block-div"></div><div class="block-div-arrow"></div> <ul>
<li class="cat-item cat-item-14"><a href="http://animation11.net/category/basic-concepts/" title="View all posts filed under Basic Concepts">Basic Concepts</a>
</li>
<li class="cat-item cat-item-78"><a href="http://animation11.net/category/blogging/" title="View all posts filed under Blogging">Blogging</a>
</li>
<li class="cat-item cat-item-9"><a href="http://animation11.net/category/careers-for-freshers/" title="View all posts filed under Careers For freshers">Careers For freshers</a>
</li>
<li class="cat-item cat-item-236"><a href="http://animation11.net/category/gaming/" title="View all posts filed under Gaming">Gaming</a>
</li>
<li class="cat-item cat-item-3"><a href="http://animation11.net/category/graphics/" title="View all posts filed under Graphics">Graphics</a>
</li>
<li class="cat-item cat-item-174"><a href="http://animation11.net/category/news/" title="View all posts filed under News">News</a>
</li>
<li class="cat-item cat-item-138"><a href="http://animation11.net/category/review/" title="View all posts filed under Review">Review</a>
</li>
<li class="cat-item cat-item-60"><a href="http://animation11.net/category/softwares/" title="View all posts filed under Softwares">Softwares</a>
</li>
<li class="cat-item cat-item-269"><a href="http://animation11.net/category/technology/" title="View all posts filed under Technology">Technology</a>
</li>
<li class="cat-item cat-item-68"><a href="http://animation11.net/category/tools/" title="View all posts filed under Tools">Tools</a>
</li>
<li class="cat-item cat-item-1"><a href="http://animation11.net/category/uncategorized/" title="View all posts filed under Uncategorized">Uncategorized</a>
</li>
<li class="cat-item cat-item-5"><a href="http://animation11.net/category/web-designing/" title="View all posts filed under Web Designing">Web Designing</a>
</li>
</ul>
</div></li><li class="block"><div class="block-widget_links" id="linkcat-2"><h3 class="title"><span>Blogroll</span></h3><div class="block-div"></div><div class="block-div-arrow"></div>
<ul class='xoxo blogroll'>
<li><a href="http://aprocon.org/">Aprocon [dot] Org</a></li>
<li><a href="http://votepuma.com/">Crucial Gadgetz</a></li>
<li><a href="http://greenheartmed.com/">EDUCATION plus</a></li>
<li><a href="http://kicae.com/">Fashion Freeze</a></li>
<li><a href="http://nam-na.com/">NEWS @ SCREEN</a></li>
<li><a href="http://filmslanka.com/">News Galaxy</a></li>
</ul>
</div></li>
<li class="block"><div class="block-widget_recent_comments" id="instance-recent-comments-3"> <h3 class="title"><span>Recent Comments</span></h3><div class="block-div"></div><div class="block-div-arrow"></div> <ul id="recentcomments"><li class="recentcomments"><a href='http://stencilingart.info/pt-templet-stencils-alpha-and-numeric-alphabet-and-symbols/' rel='external nofollow' class='url'>PT TEMPLET Stencils Alpha and Numeric, Alphabet and Symbols | The art of stenciling</a> on <a href="http://animation11.net/2009/10/26/numeric-keypad/comment-page-1/#comment-10">Numeric Keypad</a></li><li class="recentcomments">Dorothy Parker on <a href="http://animation11.net/2009/11/07/easy-debt-consolidation/comment-page-1/#comment-9">easy debt consolidation</a></li><li class="recentcomments"><a href='http://Website' rel='external nofollow' class='url'>Polprav</a> on <a href="http://animation11.net/2009/10/03/what-is-rss-feeds/comment-page-1/#comment-4">What is RSS Feeds?</a></li><li class="recentcomments"><a href='http://Website' rel='external nofollow' class='url'>Polprav</a> on <a href="http://animation11.net/2009/10/13/basic-things-about-computer-graphics/comment-page-1/#comment-2">Basic Things about Computer Graphics</a></li><li class="recentcomments"><a href='http://wordpress.org/' rel='external nofollow' class='url'>Mr WordPress</a> on <a href="http://animation11.net/2009/10/10/careers-in-creative-field/comment-page-1/#comment-1">Careers in Creative Field</a></li></ul>
</div></li><li class="block"><div class="block-widget_text" id="instance-text-3"><h3 class="title"><span>Alexa Rank</span></h3><div class="block-div"></div><div class="block-div-arrow"></div> <div class="textwidget"><SCRIPT type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/s/a?url=http://animation11.net/'></SCRIPT></div>
</div></li><li class="block"><div class="block-widget_meta" id="instance-meta-4"><h3 class="title"><span>Meta</span></h3><div class="block-div"></div><div class="block-div-arrow"></div> <ul>
<li><a href="http://animation11.net/wp-login.php?action=register">Register</a></li> <li><a href="http://animation11.net/wp-login.php">Log in</a></li>
<li><a href="http://animation11.net/feed/" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
<li><a href="http://animation11.net/comments/feed/" title="The latest comments to all posts in RSS">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
<li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li>
</ul>
</div></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<!-- /main content -->
<!-- foooter -->
<div id="footer">
<div class="page-content">
<div id="copyright">
Mystique theme by <a href="http://digitalnature.ro">digitalnature</a> | Powered by <a href="http://wordpress.org/">WordPress</a> <br /> <a class="rss-subscribe" href="http://animation11.net/feed/" title="RSS Feeds">RSS Feeds</a> <a class="valid-xhtml" href="http://validator.w3.org/check?uri=referer" title="Valid XHTML">XHTML 1.1</a> <a id="goTop" class="js-link">TOP</a>
</div>
</div>
</div>
<!-- /footer -->
</div>
</div>
<!-- /shadow -->
<script type='text/javascript' src='http://animation11.net/wp-content/themes/mystique/js/jquery.mystique.min.js?ver=2.8.4'></script>
<script type="text/javascript">
/* <![CDATA[ */
var isIE6 = false; /* <- do not change! */
var isIE = false; /* <- do not change! */
/* ]]> */
</script>
<!--[if lte IE 6]> <script type="text/javascript"> isIE6 = true; isIE = true; </script> <![endif]-->
<!--[if gte IE 7]> <script type="text/javascript"> isIE = true; </script> <![endif]-->
<!--[if lte IE 7]>
<div class="crap-browser-warning">You're using a old and buggy browser. Switch to a <a href="www.mozilla.com/firefox/">normal browser</a> or consider <a href="http://www.microsoft.com/windows/internet-explorer/">upgrading your Internet Explorer</a> to the latest version</div>
<![endif]-->
<!-- 34 queries. 0.222 seconds. -->
</div>
</body>
</html>