初学网页。用记事本打的代码，但是出不来，求大神指导哪里错了
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type"content="text/html;
charset=utf-8">
<title>神探夏洛克</title>
<style type="text/css">
p{font-size:12px;text-indent:2em;}
.img{
text-align:center;
}
.strong{
border:1px,soid,red;}
.table{
border:1psoild;
marfin:0auto;
}
p{
border:2px,soild,red;
}
div{
padding:10px,20px;
}
div
{
marign:10px,20px;
}
</style>
</head>
<body>
<div id="p">1</div><!--父元素-->
<div id="table">2</div>
<h1>简介</h1>
<p><strong>《神探夏洛克》</strong>是一部由BBC出品的英国迷你电视剧，该剧将原著的故事背景从19世纪大英帝国国势鼎盛的时期搬到了21世纪繁华热闹的大都市中。 <!--目前一共三季-->
这一次<span>夏洛克·福尔摩斯</span>   (本尼迪克特·康伯巴奇 Benedict Cumberbatch 饰)不仅是著名大侦探更是一名时尚潮人。和他的 好友兼得力助手<span>约翰·华生</span>（马丁·弗瑞曼 Martin Freeman 饰）分别经历了离奇市民自杀案件、黑帮走私事件和倒计时炸弹杀人案。每一个案件看似独立其实都有联系，两人每解决一个案子，就又会出现新的难题和的受害无辜百姓。经过抽丝剥茧，幕后黑手莫里亚蒂(<span>安德鲁·斯科特</span> Andrew Scott 饰)终于浮出水面<br/><q>主人公被称作“卷福”</q>
</p>
<caption>演员表</caption>
<table>
<tr>
<th>夏洛克·福尔摩斯   <a pref="http://baike.so.com/doc/4440535-4648693.html"title="本尼迪克特·康伯巴奇"卷福</a></th>
<th>约翰·H·花生</th>   <a pref="http://baike.so.com/doc/5679668-5892342.html" target="_blank"马丁·弗瑞曼</a></th>
</tr>
</table>
<img src="http://video.so.com"alt=""http://music.so.com"title="神探夏洛克"
<form>
<text area rows="1" cols="1">卷福和花生谁更帅</text area>
<input type="checkbox" value="卷福" name="checkbox1"check="checkboxed>
<input type="checkbox" value="花生“name="checkox2" checkbox="checkboxed>
<input type="submit" value="提交">
</form>
</body>
</html>
qq_墨宝宝啊宝_043574783回答
-
Caballarii
一塌糊涂，标签不关闭，属性没空格，引号前后不全，错误太多太多了
随时随地看视频慕课网APP
Html/CSS