Create a Web app that allows the user to see historical information on the NBA teams. Add three links to the site:
1. Displays all the information on all of the teams
2. Displays the top five oldest teams
3. Display the top five most recently founded teams.
I want to be complete with html not PHP
Thank You
NBA stands for National Basketball Association.
As per your requirement, I made the main HTML page with three links
one for listing the information of the teams, one for listing top
five older NBA team members and one for listing top five new NBA
team members.
I followed the basic HTML5 design with header, footer,
body.
Code as follws.
index.html:
<!DOCTYPE html>
<html>
<head>
<title>NBA Teams info</title>
<style>
*
{
box-sizing: border-box;
}
body
{
font-family: sans-serif;
}
header
{
background-color: gray;
padding: 30px;
text-align: center;
font-size: 35px;
color: white;
}
footer {
background-color: maroon;
padding: 10px;
text-align: center;
color: white;
}
}
</style>
</head>
<body>
<header>
<h2>NBA Teams Site</h2>
</header>
<div>
<center>
<!-- here i had use nba.com to get complete teams info, used
target ="_blank to redirect to new tab you can use target="_self"
or remove the target attribute itself since target="_seld is by
default." -->
<a href="https://www.nba.com/teams" target="_blank">click
here</a> to get the complete information on the NBA
Teams.<br>
<a href="topfive_oldest.html" target="_blank">click
here</a> to get top five old NBA Players.<br>
<a href="topfive_new.html" target="_blank">click
here</a> to get top five new NBA Players.<br>
</center>
</div>
<footer>
<p>NBA Teams</p>
</footer>
</body>
</html>
topfive_new.html:
<!DOCTYPE html>
<html>
<head>
<title>Top Five Young NBA Players</title>
<style>
*
{
box-sizing: border-box;
}
body
{
font-family: sans-serif;
}
header
{
background-color: gray;
padding: 30px;
text-align: center;
font-size: 35px;
color: white;
}
footer {
background-color: maroon;
padding: 10px;
text-align: center;
color: white;
}
}
</style>
</head>
<body>
<header>
<h2>Top Five Young NBA Players</h2>
</header>
<div>
<center>
<ul>
<li>LeBron James</li>
<li>Stephen Curry</li>
<li>James Harden</li>
<li>Kevin Durant</li>
<li>Giannis Antetokounmpo</li>
</ul>
</center>
</div>
<footer>
<p>NBA Teams</p>
</footer>
</body>
</html>
topfive_oldest.html:
<!DOCTYPE html>
<html>
<head>
<title>Top Five Old NBA Players</title>
<style>
*
{
box-sizing: border-box;
}
body
{
font-family: sans-serif;
}
header
{
background-color: gray;
padding: 30px;
text-align: center;
font-size: 35px;
color: white;
}
footer {
background-color: maroon;
padding: 10px;
text-align: center;
color: white;
}
}
</style>
</head>
<body>
<header>
<h2>Top Five Old NBA Players</h2>
</header>
<div>
<p>These people are older but still active.</p>
<ol>
<li>Vince Carter</li>
<li>Dirk Nowitzki</li>
<li>Jamal Crawford</li>
<li>Udonis Haslem</li>
<li>Pau Gasol</li>
</ol>
</div>
<footer>
<p>NBA Teams</p>
</footer>
</body>
</html>
I had used the nba.com to display all teams related information if your requirement has not met kindly excuse me. I had tried my level best to answer the given question if you have queries or concerns related to above answer please try to comment I will reply as soon as possible.
Create a Web app that allows the user to see historical information on the NBA teams. Add three links to the site: 1. Displays all the information on all of the teams 2. Displays the top five oldest t...
For milestone #1, we will start the CARIT site with three static HTML pages and a CSS file. Create a dedicated folder for this project. This folder should contain all related files in this project. The future milestones are cumulative and built directly on top of your prior work. Function/content requirements: A home page named “index.html”, which include these contents at least: Description of the center. You may reference the example sites. Latest news: use list tags; make up some...
Creating the Home and Template Pages Overview In this assignment, you will start building your Web site for your fictional organization by creating a homepage using HTML5 and some of the key elements that define a Web page. You are required to use either a simple text editor to write your code, or an enhanced text editor such as Brackets. Note: Microsoft Word is not a good tool for developing code because it is a document processor and not a...
1) analyze the following case 2) give a summary and suggest ways for the company —————— Salesforce.com, one of the most disruptive technology companies of the past few years, has single-handedly shaken up the software industry with its innovative business model and resounding success. Salesforce provides customer relationship management (CRM) and other application software solutions in the form of software as a service leased over the Internet, as opposed to software bought and installed on machines locally. The company was...