<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Jay Skript and the Domsters</title><link rel="stylesheet" href="styles/basic.css"></head><body><!-- 头部区域包含站点的品牌性信息,也是放Logo的地方。这个区域要使用<header>元素 --><header><img src="images/logo.gif" alt=""><!-- 导航区域中包含一组链接,指向各个页面。这个区域使用<nav>元素 --><nav><ul><li><a href="index.html">Home</a></li><li><a href="about.html">About</a></li><li><a href="photos.html">Photos</a></li><li><a href="live.html">Live</a></li><li><a href="contact.html">Contact</a></li></ul></nav></header><!-- 内容区域包含每一页的实质性内容,这个区域使用<acticle>元素 --><article><h1>Lorem Ipsum Dolor</h1><p id="intro">Welcome to the official website of Jay Skript and the Domsters.
Here,<a href="index.html">Home</a>you can learn more about<a href="about.html">about</a> the band, view photos of the band,
find out <a href="photos.html">photo</a>about tour <a href="contact.html">contact</a>dates <a href="live.html">live</a>and getin touch with the band.<a href="https://domscripting.com/domsters/index.html">我是一个演示案例好像是官方</a></p></article><!-- js --><script src="scripts/global.js"></script></body></html>
about.html
<!DOCTYPE html><html><head><meta charset="UTF-8"><title> Jay sckript and the Domsters</title><link rel="stylesheet" type="text/css" href="styles/basic.css"/></head><body><!-- 头部开始--><header><!--头部上半部分--><img src="images/logo.gif"/><!--头部下半部分--><nav><ul><li><a href="index.html">Home</a></li><li><a href="about.html">about</a></li><li><a href="photos.html">photo</a></li><li><a href="live.html">live</a></li><li><a href="contact.html">contact</a></li></ul></nav></header><!--内容--><article><h1>Lorem Ipsum Dolor</h1><nav><ul><li><a href="#jay">jav</a></li><li><a href="#dom">dom</a></li></ul></nav><section id="jay"><h2>jay</h2><p>Jay Skript is going to rock your world!
Together with his compatriots The Domsters, Jay is setfor world domination. Just you wait and see.
Jay Skript has been on the scene since the mid nineties. His talent hasn't always been recognized or fully appreciated.
In the early days, he was often unfavorably compared to bigger, similarly-named artists. That's all in the past now.</p></section><section id="dom"><h2>dom</h2><p>The Domsters have been around,in one form or another,for almost as long.
It's only in the past few years that The Domsters have settled down to their current,
stable line-up. Now they're a rock-solid bunch: methodical and dependable</p></section></article><script src="scripts/global.js" type="text/javascript" charset="utf-8"></script></html>
photos.html
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><title>Jay Skript And The Domsters: Photos</title><script src="scripts/modernizr.js"></script><link rel="stylesheet" media="screen" href="styles/basic.css"/><style>
a>img{
width:23%;}
#placeholder{
width:100%;}</style></head><body><header><img src="images/logo.gif" alt="Jay Skript and the Domsters"/><nav><ul><li><a href="index.html">Home</a></li><li><a href="about.html">About</a></li><li><a href="photos.html">Photos</a></li><li><a href="live.html">Live</a></li><li><a href="contact.html">Contact</a></li></ul></nav></header><article><h1>Photos of the band</h1><ul id="imagegallery"><li><a href="images/background.gif" title="The crowd goes wild"><img src="images/background.gif" alt="the band in concert"/></a></li><li><a href="images/guitarist.gif" title="An atmospheric moment"><img src="images/guitarist.gif" alt="the bassist"/></a></li><li><a href="images/lineup.gif" title="Rocking out"><img src="images/lineup.gif" alt="the guitarist"/></a></li><li><a href="images/navbar.gif" title="Encore! Encore!"><img src="images/navbar.gif" alt="the audience"/></a></li></ul></article><script src="scripts/global.js"></script></body></html>
live.html
<!DOCTYPE html><html><head><meta charset="UTF-8"><title> Jay sckript and the Domsters</title><link rel="stylesheet" type="text/css" href="styles/basic.css"/></head><body><!-- 头部开始--><header><!--头部上半部分--><img src="images/logo.gif"/><!--头部下半部分--><nav><ul><li><a href="index.html">Home</a></li><li><a href="about.html">about</a></li><li><a href="photos.html">photo</a></li><li><a href="live.html">live</a></li><li><a href="contact.html">contact</a></li></ul></nav></header><!--内容--><article><h1>tour data</h1><table><thead><tr><th>Data</th><th>City</th><th>Venue</th></tr></thead><tbody><tr><td>June</td><td>Portland <abbr title="Orgnr">OR</abbr></td><td>croasdasdasd</td></tr><tr><td>June</td><td>Portland <abbr title="Orgnr">OR</abbr></td><td>croasdasdasd</td></tr><tr><td>June</td><td>Portland <abbr title="Orgnr">OR</abbr></td><td>croasdasdasd</td></tr><tr><td>June</td><td>Portland <abbr title="Orgnr">OR</abbr></td><td>croasdasdasd</td></tr></tbody></table></article><script src="scripts/global.js" type="text/javascript" charset="utf-8"></script></html>
contact.html
<!DOCTYPE html><html><head><meta charset="UTF-8"><title> Jay sckript and the Domsters</title><link rel="stylesheet" type="text/css" href="styles/basic.css"/></head><body><!-- 头部开始--><header><!--头部上半部分--><img src="images/logo.gif"/><!--头部下半部分--><nav><ul><li><a href="index.html">Home</a></li><li><a href="about.html">about</a></li><li><a href="photos.html">photo</a></li><li><a href="live.html">live</a></li><li><a href="contact.html">contact</a></li></ul></nav></header><!--内容--><article><h1>Contact the band data</h1><form action="submit.html" method="get"><fieldset><p><label for="name">Name:</label><input type="text" id="name" name="name" placeholder="名" required="required"/></p><p><label for="email">Email:</label><input type="email" name="email" id="email" placeholder="youxiang" required="required"/></p><p><label for="message">Message:</label><textarea name="message" rows="7" cols="45" id="message" placeholder="asd as"></textarea></p><input type="submit" value="Send"/></fieldset></form></article><script src="scripts/global.js" type="text/javascript" charset="utf-8"></script></html>
submit.html
<!DOCTYPE html><html><head><meta charset="UTF-8"><title> Jay sckript and the Domsters</title><link rel="stylesheet" type="text/css" href="styles/basic.css"/></head><body><!-- 头部开始--><header><!--头部上半部分--><img src="images/logo.gif"/><!--头部下半部分--><nav><ul><li><a href="index.html">Home</a></li><li><a href="about.html">about</a></li><li><a href="photos.html">photo</a></li><li><a href="live.html">live</a></li><li><a href="contact.html">contact</a></li></ul></nav></header><!--内容--><article><h1>Thanks!</h1><p>thanks for contact us we will back to you as soon as we can </p></article><script src="scripts/global.js" type="text/javascript" charset="utf-8"></script></html>