前言
学习笔记,用于自查
一、标签
1.文件标签
构成HTML最基本的标签
- <html>:根标签。
- <head>:头标签。可以用于引入外部资源。
- <title>:标题标签
- <body>:体标签
2.文本标签
和文本有关的标签
- 注释:<!-- 注释内容 -->
- <h1> 到 <h6>:标题标签。h1~h6:字体大小逐渐减小。
- <p>:段落标签
- <br>:换行标签
- <hr>:展示一条水平线
* 属性:color,width,size,align… - <b>:字体加粗
- <i>:字体斜体
- <font>:字体标签
* 属性:color,face,size… - <center>:文本居中
* 属性:color,face,size
3.图片标签:
- <img>:展示图片
* 属性:src(指定图片的位置), alt(规定图像的替代文本)
4.列表标签:
- 有序列表:
* <ol>
* <li>: 定义列表项 - 无序列表:
* <ul>
* <li>: 定义列表项
5.链接标签:
- <a>: 定义一个超链接
属性:
* href:指定访问资源的URL(统一资源定位符)
* target:指定打开资源的方式。 _self:默认值,在当前页面打开,_blank:在空白页面打开。
6. 表格标签:
- <table>:定义表格
* width:宽度
* border:边框
* cellpadding:定义内容和单元格的距离
* cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条、
* bgcolor:背景色
* align:对齐方式 - <tr>:定义行
* bgcolor:背景色
* align:对齐方式 - <td>:定义单元格
* colspan:合并列
* rowspan:合并行 - <th>:定义表头单元格
- <caption>:表格标题
7.表单标签
用于采集用户输入的数据的。用于和服务器进行交互。
- <form>:用于定义表单的。可以定义一个范围,范围代表采集用户数据的范围
* action:指定提交数据的URL
* method: 指定提交方式。常用方式:get 或 post。
8. 表单项标签:
- <input>:可以通过type属性值,改变元素展示的样式
* type属性:
* text:文本输入框,默认值
* placeholder属性:指定输入框的提示信息,当输入框的内容发生变化,会自动清空提示信息
* password:密码输入框
* radio:单选框
注意:
1. 要想让多个单选框实现单选的效果,则多个单选框的name属性值必须一样。
2. 一般会给每一个单选框提供value属性,指定其被选中后提交的值。
3. checked属性,可以指定默认值。true为选中。
* checkbox:复选框
注意:
1. 一般会给每一个单选框提供value属性,指定其被选中后提交的值。
2. checked属性,可以指定默认值,true为选中。
* file:文件选择框
* hidden:隐藏域,用于提交一些信息。
* 按钮:
* submit:提交按钮。可以提交表单。
* button:普通按钮
* image:图片提交按钮
* src属性指定图片的路径
* date:选择年 月 日。
* datetime-local:选择 年 月 日 时 分。
* email:邮箱输入框。会自动判断邮箱格式。
* number:只能输入数字。 - <label>:指定输入项的文字描述信息
注意:
1. label的for属性一般会和 input 的 id属性值 对应。如果对应了,则点击label区域,会让input输入框获取焦点。 - <select>: 下拉列表
* 子元素:<option>: 指定列表项 - <textarea>:文本域
* cols:指定列数,每一行有多少个字符。
* rows:指定多少行。
最后
该笔记只记载了部分内容,详细可以查看w3cschool文档。