前端学习笔记-H5
H5常用标签及其属性：
<a>标签做超链接；
<p>段落标签，自带段间距和换行样式；
<div>块标签，表示一块内容，没有具体语意，区别与p标签，块与块间没有间距；
<h1>标题标签，从大到小一共六级标题；
<img>引用图片，使用相对路径，方便项目移植；
<table>创建表格，tr行，td列；
<iframe>内嵌框架；
<span>标签截取一小截文字，方便配合css添加特定样式，没有具体语意；
<i>标签自带倾斜样式，加强语意，表示用于专业词汇；
<em>标签自带倾斜样式，强调语气；
<br>标签用于换行；
<b>某个关键词或产品名的加粗强调时使用；
<strong>标签大面积加粗；
空格：nbsp；
字符转义(>、<、/)；
三种列表：
一对标签是一个有序列表；
一对标签是一个无序列表；
列表内部一对<li></li>是一条列表内容。
六级标题：
用户注册表单：
file控件选择文件，
text控件是文本编辑框，
password控件是密码输入框，
radio是单项框,多个时设置不同id,
checkbox是多选框，
select是下拉列表,
option是列表内容。
textarea是多行文本编辑框。
button是按钮，submit是提交按钮，reset是重置按钮，image是图片按钮。
表格设置：
一对table标签是一个表格。
一对th标签是一列字段名内容的表格，默认加粗居中。
一对tr标签是一行普通内容的表格，默认左对齐,不加粗。
一对td标签是一列普通内容的表格。
border设置边框线粗细，width设置单元格宽度，height设置单元格高度，bgcolor是背景色。
cellpadding设置内容与单元格内边距，cellspacing设置单元格与单元格的间距。
colspan合并列单元格，align单元格内容水平对齐，valign单元格内容垂直方式对齐。
内嵌框架：
target指定显示位置，
frameborder内嵌框架的边框粗细，
scrolling是内嵌框架的滚动条设置，
<body>
<a href="http://www.baidu.com" target="myfram">百度</a>
<a href="https://www.taobao.com" target="myfram">阿里巴巴</a>
<a href="http://www.qq.com" target="myfram">腾讯网</a><br />
<iframe src="http://www.baidu.com"
width="900" height="500" frameborder="0" scrolling="no" name="myfram">
</iframe>
</body>
使用锚点进行页内跳转：
给指定标签设置id，给指定内容用id做a标签链接至标签Id。
<h1 id="biaoti1">标题1</h1>
<a href="#biaoti1">标题1</a>
<a href="#biaoti2">标题2</a>
<a href="#biaoti3">标题3</a>
<a href="#biaoti4">标题4</a>
点击指定标题后，跳转↓
链接引用：
链接网络地址要加http写完整地址：<a href="http:www.baidu.com" target=“_blank”>有不懂？找度娘！</a>
链接本地图片：<img src="./images/baidu.png" alt="百度logo">
引用本地资源时，使用相对路径，方便项目移植。
转义字符：
>转义为>
<转义为<
转义为空格，连续多个空格时浏览器渲染为一个空格，多个空格用样式实现。
浙公网安备 33010602011771号