(1) < >标签：组织网页结构
(2)<!DOCTYPE html><!--声明-->
(3)<html><!--文档开始--->
(4)<head><!--设置文档特性--->
(5)<meta>
1 设置网页字符编码 utf-8通用中文字符编码
2 设置网页刷新频率
3 设置网页检索关键字<meta name=“keywords content="一些关键字“”
4 设置网页的简述<meta name="desctip" content="一些描述词”
5 <title>标题</title><link rel=“shortcut icon”href="路径”图标设计
<body>
常用的块级标签
1 标题标签 <h1></h2>一级标题 <h2></h2>二级标题
2 段落标签 <p></p>
3有序列表 <li></li>
4无序列表
<ul>
<li></li>
</ul>
5 div盒子 作布局用 div+css
6,描述标签<dl>
<dt>标题</dt>
<dd>描述的内容</dd>
</dl>
7水平线标签<hr> </hr>
例题
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>通信实习</title>
<!---标题小图标--->
</head>
<body>
<h1>商品信息</h1>
<h2>产品类别</h2>
<hr/>
<ul>
<li>数码产品</li>
<ul type="circle">
<li>笔记本电脑</li>
<li>小米手机</li>
<li>TCL家电</li>
</ul>
<li>户外用品</li>
<li>服装鞋帽</li>
</ul>
<hr/>
<dl>联想电脑</dl>
<dd>产品型号：联想Thinkpad T440s</dd>
<dd>价格：15999元</dd>
<dd>所在地：上海</dd>
<hr/>
<p2>购物流程</p2>
<ol type="1">
<li>确认购买信息</li>
<li>付款给支付宝</li>
<li>确认收货</li>
<li>双方互评</li>
</body>
</html>
常用的行级标签
1.<a></a> 属性1.<a hret="http://www.baidu.com">
属性2.<a target="___blank" hret......>....<a>
2.span标签
<span>....</span>与上级显示在同一行
3.img标签 自封闭标签 放图片
<img/>eg:<img src"....."/>
属性1.src路径 2.width宽<img width="> 3.height高 4.,<audio></audio>音频 <audio controls="controls src="audio/ig.mp3">
4.视频 新建一个目录video <video></video>与音频一样有播放控制面板（自动播放 auto play 静音模式 muted）`
心得
通过今天的学习，掌握了一些简单的网页制作。虽然有些枯燥但是也有一些收获。在课上用HBuilder制作简单的网页结构，了解了常用的块级标签，如 标题标签 段落标签 有序列表等。虽学习来有难度，但是要坚持做好每一个实验
近期评论