您好我的HTML问题我不想识别我的外部样式表。
<!DOCTYPE html>
<!-- Brock Paradise 4/28/18 -->
<html lang="en">
<head>
<title> Brock Paradise Résumé </title>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1"
<link rel=stylesheet" type='text/css'
href="CSS/stylesheet.css">
</head>
<header>
<h2> Oakland Brock Paradise Résumé </h2>
</header>
<body>
<nav>
<ul>
<li> <a href="#Summary"> Summary </a> </li>
<li> <a href="#Contact"> Contact Information </a> </li>
<li> <a href="#Skills"> Skills </a> </li>
<li> <a href="#Education"> Education </a> </li>
</ul>
</nav>
<main>
<h2> Contact Information </h2>
<p id="Contact">
<ul>
<li> Oakland Brock Paradise </li>
<li> 918 East Alabama Avenue </li>
<li> Albertville, Alabama, 35950 </li>
<li> (256) 506-0522 </li>
<li> oakland.paradise@gmail.com </li>
</ul>
</p>
<h2> Summary </h2>
<p id="Summary">
Graduated from Boaz High School with an advanced diploma and currently attending Snead State Community College with a General Education major. Worked at Snead State Community College as a baseball manager attending to the players and umpires needs while keeping the inventory and making sure everything was cleaned and in its proper place. Volunteered at Hamacon a convention in Huntsville, Alabama where I was part of registration and also helping out anywhere that was needed. I’ve also worked for Marshall Medical South as a shuttle driver for a short period improving my communication skills and my ability to get where I need to be in a timely manner.
</p>
<style>
table {
border-collapse: collapse;
border: 1px solid black;
}
th,td {
border: 1px solid black;
}
table.a {
table-layout: auto;
width: 180px;
}
</style>
<p id="Education">
<h2> Education </h2>
<table class="a">
<tr>
<th>School</th>
<th>Degree/Diploma</th>
<th>Graduated Year</th>
</tr>
<tr>
<td>Boaz High</td>
<td>Advanced Diploma</td>
<td>May 2013</td>
</tr>
<tr>
<td>Snead State</td>
<td>General Education</td>
<td>May 2018</t>
</tr>
</table>
</p>
<h2> Employment History </h2>
<ul>
<li> Snead State Baseball Manager from August 2014 - May 2015 </li>
<li> Volunteered at Hamacon a convention in Huntsville, Alabama from 2017 - Present </li>
<li> Marshall Medical South shuttle driver from Septemper 2017 - Febuary 2018 </li>
</ul>
<p id="Skills">
<h2> Professional Skills </h2>
<ul>
<li> Management </li>
<li> Sanitation </li>
<li> Inventory Work </li>
<li> Communication </li>
<li> Teamwork </li>
<li> Organization </li>
<li> Multitasking </li>
<li> Priortization </li>
<li> Adaptablility </li>
<li> Time Management </li>
<li> Quick Learner </li>
<li> Driving </li>
</ul>
</p>
<style>
.responsive {
width: 100%;
height: auto;
}
</style>
<img class="responsive" src="Images/Thumbsup.jpg" alt="Thumbsup" width="400" height="100">
</main>
</body>
<footer>
<p> Brock Paradise 2018©</p>
</footer>
</div>
</html>
&#13;
这是我目前的代码和这些:
https://gyazo.com/ac9fd81a642a7c0004056be68ac140aa
https://gyazo.com/d179a47cfd5e5b7ba4997617d21c6672?token=f93f8d160431f2913bcc6d388cd4eb05
是文件位置 我无法弄清楚为什么它不能正常工作,我对此非常陌生如此抱歉,如果我没有多大帮助。
答案 0 :(得分:0)
您发送的文件中缺少元标记末尾的结束标记。
从此改变:
<html lang="en">
<head>
<title> Brock Paradise Résumé </title>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1"
<link rel=stylesheet" type='text/css' href="CSS/stylesheet.css">
</head>
对此:
<html lang="en">
<head>
<title> Brock Paradise Résumé </title>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="CSS/stylesheet.css">
</head>