kresnasatya · March 10, 2019 12:24
diff --git a/address.html b/address.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Address - Web Semantics</title>
 </head>
 <body>
  <footer>
    <p>This fake article was written by somebody at InternetingIsHard.com, which
       is a pretty decent place to learn how to become a web developer. This footer
       is only for the containing <code>&lt;article&gt;</code> element.</p>
    <!-- Voice over will read "address" tag as "content info" on Chrome
        Voice over will read "address" tag as "content information" on Safari
    -->
    <address>
      Please contact <a href='mailto:[email protected]'>Troy
      McClure</a> for questions about this article.
    </address>
  </footer>
  
  <a href="./index.html">Back</a>
 </body>
 </html>
diff --git a/aside.html b/aside.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Aside - Web Semantics</title>
 </head>
 <body>
  <p>My family and I visited The Epcot center this summer.</p>
  <!-- Voice over will read "aside" tag as complementary on Chrome and Safari -->
  <aside>
    <h4>Epcot Center</h4>
    <p>The Epcot Center is a theme park in Disney World, Florida.</p>
  </aside>

  <a href="./index.html">Back</a>
 </body>
 </html>
diff --git a/details-summary.html b/details-summary.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Details and summary - Web Semantic</title>
 </head>
 <body>
  
  <details>
    <summary>Copyright 1999-2018.</summary>
    <p> - by Refsnes Data. All Rights Reserved.</p>
    <p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
  </details>
 </body>
 </html>
diff --git a/figure-figcaption.html b/figure-figcaption.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Figure-figcaption - Web Semantics</title>
 </head>
 <body>
  <h2>Places to Visit</h2>

  <p>Puglia's most famous sight is the unique conical houses (Trulli) found in the area around Alberobello, a declared UNESCO World Heritage Site.</p>
  
  <figure>
    <img src="./img/pic_trulli.jpg" alt="Trulli" style="width:100%">
    <figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption>
  </figure>

  <footer>
    <p>&copy; w3schools.com</p>
  </footer>

  <br>
  <a href="./index.html">Back</a>
 </body>
 </html>
diff --git a/footer.html b/footer.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Footer - Web Semantics</title>
 </head>
 <body>
  <article>
    <header>
      <h1>Semantic HTML</h1>
      <p>By Troy McClure. Published January 3rd</p>
    </header>
  
    <p>This is an example web page explaining HTML5 semantic markup.</p>
    <!-- ... -->
    
    <footer>         <!-- Add this -->
      <p>This fake article was written by somebody at InternetingIsHard.com,
          which is a pretty decent place to learn how to become a web developer. This
          footer is only for the containing <code>&lt;article&gt;</code> element.</p>
    </footer>        <!-- And this -->
  </article>
  <!-- Voice over will read "footer" as a "footer" on Chrome but not in Safari -->
  <footer>
    <p>&copy; 2017 InternetingIsHard.com</p>
  </footer>

  <a href="./index.html">Back</a>
 </body>
 </html>
diff --git a/header.html b/header.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Header - Web Semantics</title>
 </head>
 <body>
  <!-- Voice over will read "header" as a "banner" on Chrome and Safari -->
  <header>
    <h1>Interneting Is Easy!</h1>
    <nav>
      <ul>
        <li><a href='#'>Home</a></li>
        <li><a href='#'>About</a></li>
        <li><a href='#'>Blog</a></li>
        <li><a href='#'>Sign Up</a></li>
      </ul>
    </nav>
  </header>

  <a href="./index.html">Back</a>
 </body>
 </html>
diff --git a/nav.html b/nav.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Navigation - Web Semantic</title>
 </head>
 <body>
   <!-- Voice over will read "nav" tag as navigation on Chrome and Safari -->
  <nav>
    <ul>
      <li><a href='#'>Home</a></li>
      <li><a href='#'>About</a></li>
      <li><a href='#'>Blog</a></li>
      <li><a href='#'>Sign Up</a></li>
    </ul>
  </nav>

  <br>
  <a href="./index.html">Back</a>
 </body>
 </html>
diff --git a/time.html b/time.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Time - Web Semantics</title>
 </head>
 <body>
  <article>
    <header>
      <h1>Semantic HTML</h1>
      <p>By Troy McClure. Published 
        <!-- Voice over will read the content of "time" tag as "group, editable" on Chrome
        Voice over will read the content of "time" tag as "January 3rd, 3 January 2017" on Safari -->
        <time datetime='2017-01-03'>January 3rd</time></p>
    </header>
  </article>
  <time datetime='2017-1-3 08:00-15:00'>January 3rd</time>
  <br>
  <a href="./index.html">Back</a>
 </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Address - Web Semantics</title>
	</head>
	<body>
	<footer>
	<p>This fake article was written by somebody at InternetingIsHard.com, which
	is a pretty decent place to learn how to become a web developer. This footer
	is only for the containing <code><article></code> element.</p>
	<!-- Voice over will read "address" tag as "content info" on Chrome
	Voice over will read "address" tag as "content information" on Safari
	-->
	<address>
	Please contact <a href='mailto:[email protected]'>Troy
	McClure</a> for questions about this article.
	</address>
	</footer>

	<a href="./index.html">Back</a>
	</body>
	</html>