7、标签
7.1、标题:
-
,字体由大变小。
eg:
标题1
标题2
标题3
标题4
标题5
标题6
7.2、段落:
eg:
段落标签
7.3、文字显示:
7.3.1、加粗:定义文本粗体
eg:
这是一个加粗文本
7.3.2、斜体:
7.3.3、强调文本内容:
eg:
强调文本
7.3.4、定义重要的文本:
7.3.5、定义一个定义项目:
7.3.6、定义计算机代码文本:
7.3.7、定义样本文本:
7.3.8、定义键盘文本:
7.3.9、定义变量:,您可以将此标签与
及标签配合使用。
7.4、定义计算机代码样本:
eg:蓝色
7.5、换行:
,该标签是空标签。
7.6、定义水平线:
,创建一个上水平先线得效果,用于分隔文件。
7.7、定义文档中的节:
7.7.1、解析:常用于组合块级元素;经常与 CSS 一起使用,用来布局网页;可定义文档中的分区或节(division/section);
把文档分割为独立、 不同的部分。
7.7.2、语法:
属性: left 左对齐内容。
right 右对齐内容。
center 居中对齐内容。
justify 对行进行伸展,这样每行都可以有相等的长度(就像在报纸和杂志中)。
7.8、无序列表:
eg:
- Coffee
- Tea
- Milk
7.9、有序列表:
eg:
- Coffee
- Tea
- Milk
7.10、定义列表的项目:
eg:
- Coffee
- Tea
- Milk
7.11、定义列表详情:
eg:
Coffee
- Black hot drink
Milk
- White cold drink
7.12、定义列表中的项目:
eg:
Coffee
- Black hot drink
Milk
- White cold drink
7.13、定义注释:
eg:
7.14、定义图像:
7.14.1、格式:<img src=“图片的存放路径(绝对/相对/图片网址)” alt=替换文本" title=“提示文本”>
7.14.2、img的属性:
alt text 规定图像的替代文本。
src URL 规定显示图像的 URL。
height pixels 规定图像的高度。
width pixels 规定图像的宽度。
crossoriginNew anonymous/use-credentials 设置图像的跨域属性
ismap ismap 将图像规定为服务器端图像映射。
usemap #mapname 将图像定义为客户器端图像映射。
7.14.3、
7.14.4、
7.15、定义超文本链接:
7.15.1、三种用法:
用法1:存放网址:
欢迎访问xxx网站
用法2:链接项目中的其他页面
回到首页
用法3:链接到当前页面的指定位置(锚记)
toTop
7.15.2、a的属性:
downloadNew filename 指定下载链接
href URL 规定链接的目标 URL。
hreflang language_code 规定目标 URL 的基准语言。仅在 href 属性存在时使用。
mediaNew media_query 规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。
type New MIME_type 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。
注:MIME = Multipurpose Internet Mail Extensions。
rel (alternate 规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag)
target (_blank 规定在何处打开目标 URL。仅在 href 属性存在时使用。
_parent
_self
_top
framename)
7.16、定义表格:<table></table>
7.16.1、一个HTML表格包括<table>元素,一个或多个<tr>表格行、<th>表头、<td>表格单元。
更复杂的HTML表格也可能包括<caption>、<col>、<colgroup>、<thead>、<tfoot>以及<tbody> 元素。
7.16.2、属性:
边框:border “1" 规定表格单元是否拥有边框。
eg:
<table style="1">:给表格设置1像素的边框。
单元格间距:
<table style="border-collpase:collapse">:可以消除单元格之间的间距和多余的边框。
对齐方式:align
left 规定表格相对周围元素的对齐方式
center
right
7.16.3、合并单元格:
rowspan:行数合并
eg:<td rowspan="2">该单元格占两行一列</td>
colspan:列数合并
eg:<td colspan="2">该单元格占一行两列</td>
7.17、定义表单:<form></form>
7.17.1.用途:用于创建供用户输入的 HTML 表单。
7.17.2.<form> 元素包含一个或多个如下的表单元素:
<input>
<textarea>
<button>
<select>
<option>
<optgroup>
<fieldset>
<label>
7.17.3.表单中get个post的区别:
get:通过路径传参,参数不安全。
post:参数放在请求中,参数安全,传输的数据比get多。
7.17.4.常见表单元素:
(1)input:(文本字段、复选框、掩码后的文本控件、单选按钮、按钮等)
text:文本框、password:密码、radio:单选框、checkbox:多选框、file:文件、
submit:提交、image:图片、reset:重置、button按钮、hidden:隐藏域。
(2)select:
select元素可创建单选或多选菜单。
<select>元素中的<option>标签用于定义列表中的可用选项。
(3)textarea:
<textarea>标签定义多行的文本输入控件。
可以通过cols和rows属性来规定textarea的尺寸,不过更好的办法是使用CSS3的heigh和width属性。
7.17.5.表单元素常用属性:
(1)name属性:
在一个表单域,每一个元素(除了按钮)必须包含一个name的属性,否则该表单元素的数据无法正确提交。
(2)value:用户选择的项需要设置value值(单选按钮、复选框、下拉列表项),输入框的value值就是用户输入的
内容,可以通过设置输入框的value值,给表单元素设置默认值。
(3)disabled='disabled':禁用表单元素
(4)checked='checked':设置单选按钮、复选框的默认选中项
(5)selected='selected':设置下拉表的默认选中项。