校园官方网站html源码(纯静态,适合新手学习html)

【实例截图】

【核心代码】

<div class="content3">
<div id="shortnews">
<div id="con3-header"><a href="shortnews.html"><p>——新 闻 速 递——</p></a></div>
<div class="news">
<div>
<ul>
<li><a href="news2.html"><p class="n">学校第十一届读书节开幕<br/><br/></p></a></li>
<li><a href="#"><p class="n">第二届江浙沪机械学院教学院长联席会议在我校召开<br/><br/></p></a></li>
<li><a href="#"><p class="n">学校举办“大学生生命健康教育”专题督导和培训<br/><br/></p></a></li>
</ul>
</div>
<div>
<ul>
<li><a href="#"><p class="n">香港城市大学党创寅教授做客研究生溯采讲坛第163讲<br/><br/></p></a></li>
<li><a href="#"><p class="n">我校女子足球队在省大学生运动会中夺冠<br/><br/></p></a></li>
<li><a href="#"><p class="n">2019年环境损害行为的刑法规制问题研究学术研讨会在我校召开</p></a></li>
</ul>
</div>
<div>
<ul>
<li><a href="#"><p class="n">学校举办第五期党建论坛<br/><br/></p></a></li>
<li><a href="#"><p class="n">学校开展“第十二届大学生心理委员培训月”系列活动<br/><br/></p></a></li>
<li><a href="#"><p class="n">经济学院“经世讲坛”开讲</p></a></li>
</ul>
</div>
</div>
</div>
<div id="academic">
<div id="con4-header"><a href="academic.html"><p>——学 术 动 态——</p></a></div>
<div class="news">
<div>
<ul>
<li><a href="news3.html"><p class="n">青年教师论坛第十六期预告：酶催化机理和抑制机理的计算化学研究<br/><br/></p></a></li>
<li><a href="#"><p class="n">讲座预告：缺陷在电催化剂的设计与应用<br/><br/></p></a></li>
<li><a href="#"><p class="n">讲座预告：谈实证方法在论文中的运用<br/><br/></p></a></li>

</ul>
</div>
<div>
<ul>
<li><a href="#"><p class="n">讲座预告：从审查的角度看如何准备技术交底书<br/><br/></p></a></li>
<li><a href="#"><p class="n">讲座预告：刑法的学习之道——目的、内容、步骤与方法<br/><br/></p></a></li>
<li><a href="#"><p class="n">讲座预告：从专利价值的角度准备技术交底书与撰写专利申请文件<br/><br/></p></a></li>
</ul>
</div>
<div>
<ul>
<li><a href="#"><p class="n">讲座预告：知青作家乡土小说的“离根写作”现象<br/><br/></p></a></li>
<li><a href="#"><p class="n">讲座预告：要素禀赋 地方工业行业发展与行业选择<br/><br/></p></a></li>
<li><a href="#"><p class="n">“绿色制药前沿论坛”第四十二讲预告</p></a></li>
</ul>
</div>
</div>
</div>
</div>