0x01.标签说明
- 标签分为围堵标签(一对使用)和自闭标签(单个使用)。
- 开始标签中可以定义属性,属性是由键值对构成,值需要用引号(单双都可)引起来。
- 标签的嵌套一定要正确。
0x02.文件标签
<!DOCTYPE html>
:html5中定义该文档是html文档。html
: html文档的根标签。head
: 头标签。用于指定html文档的属性和引入外部的资源。title
:标题标签。body
: 体标签。
0x03.文件标签
<!-- 注释内容 -->
:注释标签。<h1> to <h6>
:标题标签。<p>
:段落标签。<br>
:换行标签。<hr>
:展示一条水平线。<b>
:字体加粗。<i>
:字体斜体。<font>
:字体标签。<center>
:文本居中。
属性:
color
:颜色,可使用颜色英文单词,rgb取色范围和颜色代码三种形式。width
:宽度,默认是 px(像素),也可以使用占比。face
:字体,直接写字体名字,不过需要本机存在该字体。align
:对齐方式,有left
,center
,right
三种。
0x04.图片标签
<img src="image/2.jpg" align="left" alt="ATFWUS" width="500" height="500"/>
src
处填图片目录,相对和绝对都可,相对路径搭配./
和../
使用。
0x05.链接标签
-
<a>
,属性如下: -
href:指定访问资源的URL(统一资源定位符)。
-
target:指定打开资源的方式
- _self:默认值,在当前页面打开
- _blank:在空白页面打开
0x06.列表标签
- 有序列表:
ol
li
- 无序列表:
ul
li
0x07.语义化标签
<header>
:页眉。<footer>
:页脚。
0x08.表格标签
-
div
:块级标签。 -
span
:文本信息在一行展示,行内标签 内联标签。 -
table
:定义表格。width
:宽度。border
:边框。cellpadding
:定义内容和单元格的距离。cellspacing
:定义单元格之间的距离。bgcolor
:背景色。align
:对齐方式。
-
tr
:定义行。bgcolor
:背景色。align
:对齐方式。
-
td
:定义单元格。colspan
:合并列。rowspan
:合并行。
-
th
:定义表头单元格。 -
<caption>
:表格标题。 -
<thead>
:表示表格的头部分。 -
<tbody>
:表示表格的体部分。 -
<tfoot>
:表示表格的脚部分。
0x09.表单标签
-
form
:用于定义表单的。可以定义一个范围,范围代表采集用户数据的范围。action
:指定提交数据的URL。method
:指定提交方式。常用的有get
和post
。get
:请求参数会在地址栏中显示。会封装到请求行中。请求参数大小是有限制的。是不太安全的。post
:请求参数不会再地址栏中显示。会封装在请求体中。请求参数的大小没有限制。比较安全。name
,提交的数据名字。
-
input
:可以通过type属性值,改变元素展示的样式。type
属性:有text
文本输入框,password
密码输入框,radio
单选框,checkbox
复选框,file
文件选择框,hidden
隐藏域,- 按钮:
submit
提交按钮。可以提交表单,button
普通按钮。image
图片提交按钮,src属性指定图片的路径 。
-
label
:指定输入项的文字描述信息。 -
select
:下拉列表,子元素:option
,指定列表项。 -
textarea
:文本域,cols
指定列数,每一行有多少个字符,rows
默认多少行。
参考itcast资料
ATFWUS --Writing By 2020–03–31