一、排版标签
1）标题标签h
作用：作为标题使用，并且依据重要性递减
<h1> 标题文本 </h1>
<h2> 标题文本 </h2>
<h3> 标题文本 </h3>
<h4> 标题文本 </h4>
<h5> 标题文本 </h5>
<h6> 标题文本 </h6>2）段落标签p
作用：可以把 HTML 文档分割为若干段落
<p> 文本内容 </p>3）水平线标签hr
<hr />是单标签4）换行标签br
如果希望某段文本强制换行显示，就需要使用换行标签
<br />5）div 和 span标签
<div> 这是头部 </div> <span>今日价格</span>他们两个都是盒子，用来装我们网页元素的， 只不过他们有区别，现在我们主要记住使用方法和特点就好了
div标签 用来布局的，但是现在一行只能放一个div
span标签 用来布局的，一行上可以放好多个span
| 标签名 | 定义 | 说明 |
| <hx></hx> | 标题标签 | 作为标题使用，并且依据重要性递减 |
| <p></p> | 段落标签 | 可以把 HTML 文档分割为若干段落 |
| <hr /> | 水平线标签 | 没啥可说的，就是一条线 |
| <br /> | 换行标签 | |
| <div></div> | div标签 | 用来布局的，但是现在一行只能放一个div |
| <span></span> | span标签 | 用来布局的，一行上可以放好多个span |
二、文本格式化标签
| 标签 | 显示效果 |
| <b></b> 或 <strong></strong> | 文字以粗体显示 (XHTML推荐使用strong) |
| <i></i>或<em></em> | 文字以斜体显示(XHTML推荐使用em) |
| <s></s>或<del></del> | 文字以加删除线显示(XHTML推荐使用em) |
| <u></u>或<ins></ins> | 文字以加下划线显示(XHTML使用ins) |
区别：
b 只是加粗 strong 除了可以加粗还有强调的意思，语义更强烈。
三、标签属性
使用HTML制作网页时，如果想让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置。
<标签名 属性1="属性值1" 属性2="属性值2" …> 内容 </标签名>
<手机 颜色="红色" 大小="5寸"> </手机>四、图像标签img
<img src="图像URL" />
border 后面会用css来做
注意:
- 标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。
- 属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
- 采取 键值对 的格式 key="value" 的格式
比如:
正常的<br />
<img src="cz.jpg" width="300" height="300" /><br />
带有边框的<br />
<img src="cz.jpg" width="300" height="300" border="3" /><br />
有提示文本的<br />
<img src="cz.jpg" width="300" height="300" border="3" title="这是个小蒲公英" /><br />
有替换文本的<br />
<img src="cz.jpg" width="300" height="300" border="3" alt="图片不存在" />五、链接标签
语法格式：
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>| 属性 | 作用 |
|---|---|
| href | 用于指定链接目标的url地址，（必须属性）当为标签应用href属性时，它就具有了超链接的功能 |
| target | 用于指定链接页面的打开方式，其取值有self和blank两种，其中_self为默认值，__blank为在新窗口中打开方式。 |
注意：
- 外部链接 需要添加 http:// www.baidu.com
- 内部链接 直接链接内部页面名称即可 比如 < a href="index.html"> 首页 </a >
- 如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”(即href="#")，表示该链接暂时为一个空链接。
- 不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。
六、注释标签
语法格式：
<!-- 注释语句 --> 快捷键是： ctrl + / 或者 ctrl +shift + / 七、锚点定位
通过创建锚点链接，用户能够快速定位到目标内容。
1. 使用相应的id名标注跳转目标的位置。 (找目标)
<h3 id="two">第2集</h3>
2. 使用<a href="#id名">链接文本</a>创建链接文本（被点击的）
<a href="#two"> 八、base 标签
语法：
<base target="_blank" />总结：
- base 可以设置整体链接的打开状态
- base 写到 <head> </head> 之间
- 把所有的连接 都默认添加 target="_blank"
九、预格式化文本pre标签
被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<pre>
此例演示如何使用 pre 标签
对空行和 空格
进行控制
</pre>十、特殊字符
十一、表格
创建表格
<table>
<tr>
<td>单元格内的文字</td>
...
</tr>
...
</table>- table用于定义一个表格标签。
- tr标签 用于定义表格中的行，必须嵌套在 table标签中。
- td 用于定义表格中的单元格，必须嵌套在标签中。
- 字母 td 指表格数据（table data），即数据单元格的内容，现在我们明白，表格最合适的地方就是用来存储数据的。
表格属性
三参为0， 指 border cellpadding cellspacing 为 0
表头单元格标签 th
- 作用：
- 一般表头单元格位于表格的第一行或第一列，并且文本加粗居中
- 语法：
- 只需用表头标签<th></th>替代相应的单元格标签<td></td>即可。
表格标题caption
<table>
<caption>我是表格标题</caption>
</table>注意：
- caption 元素定义表格标题，通常这个标题会被居中且显示于表格之上。
- caption 标签必须紧随 table 标签之后。
- 这个标签只存在 表格里面才有意义。
合并单元格(难点)
- 跨行合并：rowspan="合并单元格的个数"
- 跨列合并：colspan="合并单元格的个数"
合并的顺序按照 先上 后下 先左 后右 的顺序
十二、列表标签
1、无序列表
无序列表的各个列表项之间没有顺序级别之分，是并列的。
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ul>2、有序列表（了解）
有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列定义
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ol>3、自定义列表（理解）
定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
...
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd>
...
</dl>十三、表单标签（掌握）
1、 input 控件（重点）
语法：
<input type="属性值" value="你好">常用属性：
1) type 属性
- 这个属性通过改变值，可以决定了你属于那种input表单。
- 比如 type = 'text' 就表示 文本框 可以做 用户名， 昵称等。
- 比如 type = 'password' 就是表示密码框 用户输入的内容 是不可见的。
用户名: <input type="text" />
密 码：<input type="password" />2） value 属性
用户名:<input type="text" name="username" value="请输入用户名"> value 默认的文本值。 有些表单想刚打开页面就默认显示几个文字，就可以通过这个value 来设置。
3） name 属性
用户名:<input type="text" name=“username” /> name指表单的名字， 后台可以通过这个name属性找到这个表单。 页面中的表单很多，name主要作用就是用于区别不同的表单。
- name属性后面的值，是我们自己定义的。
- radio 如果是一组，我们必须给他们命名相同的名字 name 这样就可以多个选其中的一个
<input type="radio" name="sex" />男
<input type="radio" name="sex" />女4）checked 属性
表示默认选中状态。 较常见于 单选按钮和复选按钮。
性 别:
<input type="radio" name="sex" value="男" checked="checked" />男
<input type="radio" name="sex" value="女" />女 2、textarea 控件（文本域）
语法：
<textarea >
文本内容
</textarea>作用：
通过textarea控件可以轻松地创建多行文本输入框.
3、select 下拉列表
目的：
如果有多个选项让用户选择，为了节约空间，我们可以使用select控件定义下拉列表.
语法：
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
...
</select>注意：
1、<select> 中至少包含一对 option
2、在option 中定义selected =" selected "时，当前项即为默认选中项。
4、form 表单域
目的：
在HTML中，form标签被用于定义表单域，以实现用户信息的收集和传递，form中的所有内容都会被提交给服务器。
语法：
<form action="url地址" method="提交方式" name="表单名称">
各种表单控件
</form>常用属性：
| 属性 | 属性值 | 作用 |
|---|---|---|
| action | url地址 | 用于指定接收并处理表单数据的服务器程序的url地址。 |
| method | get/post | 用于设置表单数据的提交方式，其取值为get或post。 |
| name | 名称 | 用于指定表单的名称，以区分同一个页面中的多个表单。 |
2643
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
