Monday, January 29, 2018

dl, dt, dd

    <h4>Multiple descriptions</h4>
   <dl>
      <dt> Course</dt>
       <dd>   HTML Essential Training</dd>
    <dt>Author</dt>
       <dd> James Williamson</dd>
    <dt> Producer</dt>
       <dd> Dan Weston</dd>
     <dt>Technical Reviewers</dt>
       <dd>Simon Allardice</dd>
     <dd>Garrick Chow</dd>
       <dd> Josh Fitgatner</dd>
      </dl>

Multiple descriptions

Course
HTML Essential Training
Author
James Williamson
Producer
Dan Weston
Technical Reviewers
Simon Allardice
Garrick Chow
Josh Fitgatner

Sunday, January 28, 2018

list

unordered list
<ul></ul>

TagDescription
<ul>Defines an unordered list
<ol>Defines an ordered list
<li>Defines a list item
<dl>Defines a description list


 <ol reversed start="6">
      <li>Item one    </li>
      <li>Item two    </li>
      <li>Item three    
        <ol type="a">
          <li>item 3.1    </li>
          <li>item 3.2    </li>
          <li>item 3.3    </li>
        </ol>
      </li>
      <li>item four </li>
    </ol>

 <ul>
        <li><a href="http://www.lynda.com" title="lynda.com online training library"><b>lynda.com online training library</b></a>
          <ul>
            <li><a href="http://www.lynda.com/HTML-training-tutorials/224-0.html" title="lynda.com html related titles">HTML related titles</a></li>
            <li><a href="http://www.lynda.com/Web-Design-training-tutorials/1376-0.html" title="lynda.com web design related titles">Web Design related titles</a></li>
          </ul>

lynda.com online training library

(fragment) jump in the same page

 <h1 id="top">Using fragment identifiers</h1>
<p><a href="#one" title="section one">Link to Section 1</a></p>
      <p><a href="#two" title="section two">Link to Section 2</a></p>
      <p><a href="#three" title="section one">Link to Section 3</a></p>
<p>Link to <a href="destination.htm#two" title="destination">Section 2</a> of the destination.htm page</p>

out side source opening a new page
 <p><a href="https://www.w3.org/TR/html5/browsers.html#navigating-to-a-fragment-identifier" title="W3C Fragment Identifier" target="_blank">
        Fragment identifiers </a>as defined by the W3C</p>

 <h3 id="one">Section 1</h3>

  <h3 id="two">Section 2</h3>

  <h3 id="three">Section 3</h3>

<a href="#top" title="back to the top">Back to top</a>

download

open pdf file
<a href="_assets/syntax.pdf" title="HTML syntax reference" >HTML syntax reference!</a>

download
 <a href="_assets/syntax.pdf" title="HTML syntax reference" download>HTML syntax reference!</a>

name the file of the content
    <p>Download our <a href="_assets/syntax.pdf" title="HTML syntax reference" download="HTML_syntax">HTML syntax reference!</a></p>

elements (nav/section/article/aside/div)

https://www.w3.org/TR/html5/

https://www.w3.org/TR/html5/sections.html#the-nav-element

https://www.w3.org/TR/html5/sections.html#the-section-element

https://www.w3.org/TR/html5/sections.html#the-article-element

https://www.w3.org/TR/html5/grouping-content.html#the-div-element

https://www.w3.org/TR/html5/sections.html#the-header-element

https://www.w3.org/TR/html5/sections.html#the-footer-element

https://www.w3.org/TR/html5/grouping-content.html#the-main-element

https://www.w3.org/TR/wai-aria/
https://www.w3.org/TR/wai-aria/#landmark_roles

https://www.w3.org/TR/html-aria/


https://www.w3schools.com/html/html5_semantic_elements.asp

Common Named Character Entities

Common Named Character Entities

CharacterDescriptionEntity
"double quotation mark&quot;
&ampersand&amp;
left-angle bracket&lang;
right-angle bracket&rang;
<less than symbol&lt;
>greater than symbol&gt;
non-breaking white space&nbsp;
'apostrophe&apos;
left double quote&ldquo;
right double quote&rdquo;
«left-pointing double angle quotation mark&laquo;
®registered sign&reg;
©copyright symbol&copy;
trademark symbol&trade;
fraction slash&frasl;
en dash&ndash;
em dash&mdash;

HTML