Задача 1. Write an HTML page like the following:
<!DOCTYPE html> <html> <head> <title>Runners Home</title> </head> <body> <header> <p>Hello, Stranger!</p> <h1>Welcome to Runners Home™</h1> </header> <div>Runners Home™ is dedicate to providing you with:</div> <div>-the most up-to-date information on running races</div> <div>-the best recources for runners</div> <hr/> <footer>©2007 Runners Home. All Rights Reserved.</footer> </body> </html>
Задача 2. Write an HTML page like the following:
<!DOCTYPE html>
<html>
<head>
<title>Preceding Text</title>
</head>
<body>
<p>Preceding Text</p>
<ol type="I">
<li>List Item 1</li>
<ol type="a">
<li>Nested Item 1.1</li>
<li>Nested Item 1.2</li>
</ol>
<li>List Item 2</li>
<ol>
<li>Nested Item 2.1</li>
<li>Nested Item 2.2</li>
<ul type="circle">
<li>Nested Item 2.2.1.</li>
<li>Nested Item 2.2.2.</li>
<ul type="square">
<li>Nested Item 2.2.2.1</li>
<li>Nested Item 2.2.2.2</li>
</ul>
<li>Nested Item 2.2.3.</li>
</ul>
<li>Nested Item 2.3</li>
</ol>
<li>List Item 3</li>
<ul type="disc">
<li>Nested item 3.1</li>
<li>Nested item 3.2</li>
<li>Nested item 3.3</li>
</ul>
</ol>
</body>
</html>
Задача 3. Create an user profile Web page Profile.html, friends page named Friends.html and info page named Info.html. Link them to one another using <a> tag.
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="styles/semantic-tags.css" />
<title>Profile</title>
</head>
<body>
<div id="navigation">
<ul>
<li>
<a href="Profile.html">
Profile
</a>
</li>
<li>
<a href="Friends.html">
Friends
</a>
</li>
<li>
<a href="AdditionalInformation.html">
Additional information
</a>
</li>
</ul>
</div>
<hr/>
<h1>Profile of Kaloyan</h1>
<hr/>
<img src="images/Kaloyan.jpg" width="50" alt="logo" />
<p>Name:Kaloyan Savov</P>
<p>Birthday: 28 July 1985</p>
<p>Occupation: Student</P>
<p>Area of Occupation: IT</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="styles/semantic-tags.css" />
<title>Friends</title>
</head>
<body>
<div id="navigation">
<ul>
<li>
<a href="Profile.html">
Profile
</a>
</li>
<li>
<a href="Friends.html">
Friends
</a>
</li>
<li>
<a href="AdditionalInformation.html">
Additional information
</a>
</li>
</ul>
</div>
<hr/>
<h1>Friends of Kaloyan</h1>
<hr/>
<dl>
<dt>1.Valentin Bozhinov</dt>
<dd>Software Developer</dd>
<dt>2.Ventislav Petkov</dt>
<dd>Telecommunication Engineer</dd>
<dt>3.Martin Savov</dt>
<dd>Student</dd>
</dl>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="styles/semantic-tags.css" />
<title>Additional information</title>
</head>
<body>
<div id="navigation">
<ul>
<li>
<a href="Profile.html">
Profile
</a>
</li>
<li>
<a href="Friends.html">
Friends
</a>
</li>
<li>
<a href="AdditionalInformation.html">
Additional information
</a>
</li>
</ul>
</div>
<hr/>
<h1>Additional information about Kaloyan</h1>
<hr/>
<p>Student at Telerik Academy</P>
<p>Born in Sofia</p>
<p>Living in Sofia</p>
<p>Working at Altech LTD.</P>
</body>
</html>
Няма коментари:
Публикуване на коментар