web前端基础语法
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>这里写标题</title>
</head>
<body>
<h1>标题标签</h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<p>段落标签</p>
<font>文字标签</font>
<!--水平线-->
<hr />
<!--强制换行-->
<br />
<!--空一个空格-->
 
<!--空一个像素-->
<b>加粗</b>
<strong>加粗（强调的那种加粗）</strong>
<i>倾斜</i>
<em>倾斜（强调的那种倾斜）</em>
<img src="图片地址(本地或者网上图片地址)" title="图片名字" alt="如果图片找不到就显示这段话"/>
<!--target="_self" 和 target=_blank 用法你试一下就知道了-->
<a href="链接地址(可以是图片、网页、本地html)" target="_blank">这里可以写文字、图片等等</a>
<a href="#">点我就刷新的意思，会重新加载页面</a>
<!--还有个<a href="#前面搭配好的文字">点我就会跳到指定位置</a>， 这个的功能是滚动到指定的页面位置-->
<!--表格-->
<table border="" cellspacing="" cellpadding="">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<!--ol有序列表、ul无序列表、dl自定义列表-->
<ol>
<li></li>
<li></li>
</ol>
<ul>
<li></li>
<li></li>
</ul>
<dl>
<dt>
<dd></dd>
<dd></dd>
</dt>
<dt>
<dd></dd>
<dd></dd>
</dt>
</dl>
</body>
</html>
下面是添加了一些具体内容的html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>my_review</title>
</head>
<body>
<br />
<br />
<br />
<h1>MY REVIEW</h1>
<h2>2019/1/21</h2>
<h4>文本标签</h4>
<p id="段落1">
姓名 ** 性别 男 民族 汉 不存在<br />
身高 157cm 体重 47kg 血型 未知<br />
政治面貌 共青团员 最高学历 大学本科 健康状况 良好<br />
原出生地 四川成都 户口性质 农村户口<br />
户口所在地 四川省崇州市 身份证号码 510184********243X<br />
现居住地址 四川省崇州市******<br />
联系方式 通讯地址 四川省崇州市******<br />
邮编 611244 E-mail woming**@sina.cn<br />
手机 178****0745 宅电 82324080<br />
教育经历 起止时间 院校名称 所学专业 取得学历<br />
2011.9-2014.7 崇庆中学 语数外、理化生 高中<br />
2014.9-2018.7 中国地质大学(北京) 资源勘查工程 大学本科<br />
专业课程 《地球科学概论》、《矿床学》、《岩石学》等<br />
</p>
<font>
  工作经历 起止时间 工作单位 工作岗位 离职原因</font>
<font>
1、2014.9-2015.7 地学院青协宣传部骨干，负责海报和视频制作 </font>
<font>
ææ2、2018.7 作为登山科考队员参与中科院在新疆幕士塔格峰的打钻取样工作
</font>
<br />
<br />
<h4>表格标签</h4>
<!--我想弄个细线表格-->
<table id="山峰表格" width="800" bgcolor="darkslategray" bordercolor="blue" cellpadding="3" cellspacing="1">
<tr bgcolor="darkgray" align="center" height="30">
<td bgcolor="deepskyblue" width="40">5000米级</td>
<td width="40">哈巴雪山</td>
<td width="40">岗什卡</td>
<td width="40">雪宝顶</td>
<td width="40">大雪塘</td>
</tr>
<tr bgcolor="darkgray" align="center" height="30">
<td bgcolor="deepskyblue">6000米级</td>
<td>雀儿山</td>
<td>格拉丹东</td>
<td>启孜峰</td>
<td>玉珠峰</td>
</tr>
<tr bgcolor="darkgray" align="center" height="30">
<td bgcolor="deepskyblue">7000米级</td>
<td>幕士塔格峰</td>
<td>念青唐古拉中央峰</td>
<td>宁金抗沙峰</td>
<td>贡嘎山</td>
</tr>
</table>
<br />
<br />
<br />
<h4>图片标签</h4>
<img src="img/wo.jpg" title="我" alt="不存在"/>
<br />
<br />
<br />
<img src="img/1.jpg" title="lufei" alt="加载失败!"/>
<br />
<br />
<br />
<h4>列表标签</h4>
<ol>
<li>这是有序列表</li>
</ol>
<ul>
<li>这是无序列表</li>
</ul>
<dl>
<dt>这是自定义列表的分类</dt>
<dd>这个自定义列表上面那个分类的内容</dd>
<dt>这是为了多写几个而存在</dt>
<dd>这个是为了上面那个多写几个的东西存在的内容</dd>
</dl>
<br />
<br />
<br />
<h4>图片标签</h4>
<img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=4068438650,2597260015&fm=27&gp=0.jpg" title="我就想在这儿插个网络图片" alt="抱歉！不存在"/>
<br />
<br />
<br />
<p>下面是一些链接选项，so的一下就跳转过去了</p>
<br />
<h4>超链接标签</h4>
<a href="homework.html" target="_blank">我写的作业</a>
<a href="https://www.8264.com/" target="_blank">8264</a>
<a href="#段落1">回到顶部</a>
<a href="#山峰表格">回到山峰表格</a>
<a href="#">刷新一哈</a>
<br />
<br />
<br />
<br />
<p>走过路过不要错过，点开有惊喜！</p>
<a target="_blank" href="http://bbs.8264.com/thread-5342756-1-1.html"><img src="img/wo.jpg" title="我是一个可以跳转的图片，不信点我试一下" alt="不存在"/></a>
</body>
</html>
网友评论