📄 index.html
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="author" content="Luka Cvrk (www.solucija.com)" />
<meta http-equiv="content-type" content="text/html;charset=iso-8859-2" />
<link rel="stylesheet" href="images/style.css" type="text/css" />
<title>Internet Market</title>
</head>
<body>
<div class="content">
<div class="header_top"></div>
<div class="header">
<div class="sf_right">
<div id="nav">
<ul>
<li><a href="#">Market</a></li>
<li id="current"><a href="#">Offers</a></li>
<li><a href="#">Inquiry</a></li>
<li><a href="#">Job Ranking</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div class="sf_search">
<form method="post" action="?">
<p><b>Search:</b> <input type="text" name="search" class="search" /> <input type="submit" value="Go" class="submit" /> Explore the possibilities!</p>
</form>
</div>
</div>
<div class="sf_left">
<h1><a href="#">Internet Market</a></h1>
</div>
</div>
<div class="header_bottom"></div>
<div class="subheader">
<p><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing elit, sed diam nonummy <a href="#">nibh euismod tincidunt ut laoreet</a> dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
</div>
<div class="header_top"></div>
<div class="left">
<div class="left_side">
<div class="box_top">
<h2>Fresh Advice:</h2>
</div>
<div class="box">
<p><b>Lorem ipsum</b> dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</div>
<div class="box_bottom"></div>
</div>
<div class="right_side">
<div class="article">
<h2>What's new?</h2>
<h3>FRESH NEWS FROM THE MARKET</h3>
<p><img src="images/question.gif" alt="Exclamation mark" />Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing</a> elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad <a href="#">minim</a> veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et <a href="#">accumsan</a> et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</div>
<div class="article">
<h2>Forgotten things from the past</h2>
<h3>DON'T MAKE THE SAME MISTAKE TWICE</h3>
<p><img src="images/exclamation.gif" alt="Question mark" />Lorem ipsum <a href="#">dolor sit amet</a>, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, <a href="#">quis nostrud</a> exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</div>
<div class="grey_top"></div>
<div class="grey">
<p class="highlight"><a href="http://www.oswd.org/">What's your Market?</a> - Posted on 6/3/2006</p>
<p class="highlight"><a href="http://www.andreasviklund.com/">Getting to know your competitors</a> - Posted on 2/1/2005</p>
<p class="highlight"><a href="#">Show that you're there!</a> - Posted on 6/7/2005</p>
</div>
</div>
</div>
<div class="right">
<div class="box_top">
<h2>Fresh Articles:</h2>
</div>
<div class="box">
<p><b>Lorem ipsum</b> dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</div>
<div class="box_bottom"></div>
<div class="box_top">
<h2>Links:</h2>
</div>
<div class="box">
<p><a href="http://www.solucija.com/">Solucija</a><br />
<a href="http://snews.solucija.com/">sNews CMS</a><br />
<a href="http://www.conceptnova.com/">Concept Nova</a><br />
</p>
</div>
<div class="box_bottom"></div>
</div>
<div class="header_bottom"></div>
<div class="footer">
<p><a href="#">RSS Feed</a> | <a href="#">Contact</a> | <a href="#">Accessibility</a> | <a href="#">Products</a> | <a href="#">Disclaimer</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a><br />
© Copyright 2006 Internet Market, Design: Luka Cvrk - <a href="http://www.solucija.com/" title="What's your solution?">Solucija</a></p>
</div>
</div>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -