作为一个医学院的本科学生,由于学校作业问题,导致电脑文件管理和分享极其不方便;在前几年突发奇想整理出一个网站模型,就是现今的SCALE文学网。对于刚刚入门的html代码简直是一头雾水,一点点摸索现在还是有些不清楚,想麻烦各位修改和讨论以下主页代码的优缺点并让我加以改进!
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="@Scale网站-文学网" />
<meta name="description" content="@Scale网站-文学网" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<link rel="apple-touch-icon" href="pic/logo.png" /><!--ping到ios桌面-->
<!--
第一个meta标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;
第二个meta标签是iphone设备中的safari私有meta标签,它表示:允许全屏模式浏览;
第三个meta标签也是iphone的私有标签,它指定的iphone中safari顶端的状态条的样式;
第四个meta标签表示:告诉设备忽略将页面中的数字识别为电话号码
-->
<title>@Scale网站-文学网首页</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</HEAD>
<BODY>
<header class="top_bar">
<div class="topbar_list"><a href="index.html" alt="@Scale网站-文学网-手机网" title="@Scale网站-文学网-手机网" class="topbar_listbg"><img src="pic/home.gif" width="23" /></a></div>
<div class="topbar_logo"><a class="logo"><img src="pic/logo.gif" width="109" /></a></div>
<div class="topbar_bl"><a href="http://free.3v.do/gbook/index.asp?username=maozzz12" title="上传:文章" alt="上传:文章"><img src="pic/write.jpg" width="28"></a></div>
</header>
<!--nav-->
<div class="navbox">
<nav class="nav site">
<div class="">
<A href="O.html" >文学</A>
<A href="D.html" >科幻</A>
<A href="E.html" >视频</A>
<A href="F.html" >都市</A>
<A href="G.html" >游戏</A>
<A href="C.html" >灵异</A>
<A href="H.html" >信仰</A>
<A href="L.html" >言情</A>
<A href="A.html" >同人</A>
<A href="B.html" >校园</A>
<A href="M.html" >古代</A>
<A href="N.html" >幻想</A>
</div>
</nav>
</div>
</script>
<!--幻灯片-->
<article>
<ul class="p_tabnav">
<!--代码-->
<div id="dropmrcsubject"></div>
<div id="dropmsg0">
<a href="#" style="color:#f00;FONT-WEIGHT: bold;">2019年@Scale网站-文学网-火热征稿中…</a>
</div>
<div id="dropmsg1">
<a href="wCAT.html" style="color:#000;FONT-WEIGHT: bold;">#点击关注#@Scale网站-文学网-公众号</a>
</div>
<div id="dropmsg2">
<a href="tougao.html" style="color:#008000;FONT-WEIGHT: bold;">#点击浏览文学网投稿须知!!!-</a>
</div>
<!--代码-->
</ul>
</article>
<!--幻灯片-->
<article>
<ul class="p_tabnav" id="j_guide">
<li class="active">最新文章</li>
<li>推荐文章</li>
<li>最热文章</li>
</ul>
<ul class="p_tabnum">
<li class="active">1</li>
<li>2</li>
<li>3</li>
</ul>
<div id="j_floor_1" class="p_newstab">
<div class="p_newsitem">
<div>
<ul class="p_newslist">
<!--最新文章-->
<li><a href="yixueziyuanye.html">-</a><font color="read">(scale)</font></li>
<li><a href="yixueziyuan2.html">-</a><font color="read">(scale)</font></li>
<li><a href="yixueziyuan3.html">-</a><font color="read">(scale)</font></li>
<li><a href="q3.html">-</a><font color="#a3a3a3">(-)</font></li>
<li><a href="dy1.html">-</a><font color="#a3a3a3">(scale)</font></li>
<li><a href="lwjs1.html">-</a><font color="red">(scale)</font></li>
<li><a href="dy3.html">-</a><font color="#a3a3a3">(scale)</font></li>
<li><a href="wexin7.html">-</a><font color="#a3a3a3">(-)</font></li>
<!--最新文章-->
</ul></div>
<div class="hide">
<ul class="p_newslist">
<!--编辑推荐文章-->
<li><a href="1.html">-</a><font color="#a3a3a3">(-)</font></li>
<li><a href="2.html">--</a><font color="#a3a3a3">(--)</font></li>
<li><a href="3.html">-</a><font color="#a3a3a3">(-)</font></li>
<li><a href="wexin7.html">-</a><font color="#a3a3a3">(-)</font></li>
<li><a href="q1.html">-</a><font color="#a3a3a3">(-)</font></li>
<li><a href="q2.html">《-》</a><font color="#a3a3a3">(-)</font></li>
<li><a href="s1.html">《-》</a><font color="#a3a3a3">(-)</font></li>
<li><a href="s2.html">《-》</a><font color="#a3a3a3">(-)</font></li>
<!--编辑推荐文章-->
</ul></div>
<div class="hide">
<ul class="p_newslist">
<!--最热文章-->
<li><a href="1.html">-</a><font color="#a3a3a3">(-)</font></li>
<li><a href="2.html">-</a><font color="#a3a3a3">(-)</font></li>
<li><a href="3.html">-</a><font color="#a3a3a3">(-)</font></li>
<li><a href="4.html">-</a><font color="#a3a3a3">(-)</font></li>
<li><a href="q3.html">-</a><font color="#a3a3a3">(-)</font></li>
<li><a href="r1.html">-</a><font color="#a3a3a3">(-)</font></li>
<li><a href="wexin6.html">-</a><font color="#a3a3a3">(-)</font></li>
<li><a href="d1.html">-</a><font color="#a3a3a3">(-)</font></li>
<!--最热文章-->
</ul></div>
</div>
</div>
</article>
<div class="footer">
<a href="qita.html">其他</a><a href="about.html">关于我们</a><a href="lyb.html">公告</a><h3><p><font face="黑体" color="black">#网站计数: </font><script language="JavaScript" src="http://free.3v.do/count.asp?id=maozzz10"></script> </p></h3> </a>
</div>
<div class="end">
<p><a href="index.html">电脑版</a> <em>|</em> <a href="index.html">手机版</a> <em>|</em> <a href="#">返回顶部</a></p>
</div>
<script src="pic/zepto.js"></script>
<script src="pic/home.min.js"></script>
<script src="pic/swipe.min.js"></script>
<script src="pic/autotxt.js"></script>
</body>
</html>
由于作者原因就已:“-”代替原有的名称请谅解!