HTML基础标签总结

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:对齐方式,有leftcenterright三种。

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:指定提交方式。常用的有getpost
    • 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

发布了171 篇原创文章 · 获赞 192 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/ATFWUS/article/details/105230305