HTML基础篇
为了更好的提高自己,将所学习的知识点自己整理存放在博客中,方便以后查看。
HTML概论:
HTML是一种超文本标记语言,超文本的意思就是页面内包含图片、链接,甚至音乐、程序等非文字元素,标记就是使用标签的方法将需要的内容包括起来。
HTML标签:
基础:
1. <!DOCTYPE> 定义文档类型,指示web浏览器关于页面使用哪个HTML版本,使用HTML5时,需在<html>标签之前写上<!DOCTYPE html>
2. <html> 定义HTML文档,<html> 与 </html> 标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。
3. <title> 定义文档的标题
4. <body> 定义文档的主体
5. <h1> to<h6> 定义HTML标题
6.<p> 定义段落
7.<br> 定义简单的折线
8.<font> 规定文本的字体、字体尺寸、字体颜色。
表单:
表单的作用在于向数据库传输数据。
1.<form> 定义供用户输入的HTML表单,表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等
2.<input> 标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮
属性 | 值 | 描述 |
---|---|---|
accept | mime_type | 规定通过文件上传来提交的文件的类型。 |
align |
|
不赞成使用。规定图像输入的对齐方式。 |
alt | text | 定义图像输入的替代文本。 |
autocomplete |
|
规定是否使用输入字段的自动完成功能。 |
autofocus | autofocus |
规定输入字段在页面加载时是否获得焦点。 (不适用于 type="hidden") |
checked | checked | 规定此 input 元素首次加载时应当被选中。 |
disabled | disabled | 当 input 元素加载时禁用此元素。 |
form | formname | 规定输入字段所属的一个或多个表单。 |
formaction | URL |
覆盖表单的 action 属性。 (适用于 type="submit" 和 type="image") |
formenctype | 见注释 |
覆盖表单的 enctype 属性。 (适用于 type="submit" 和 type="image") |
formmethod |
|
覆盖表单的 method 属性。 (适用于 type="submit" 和 type="image") |
formnovalidate | formnovalidate |
覆盖表单的 novalidate 属性。 如果使用该属性,则提交表单时不进行验证。 |
formtarget |
|
覆盖表单的 target 属性。 (适用于 type="submit" 和 type="image") |
height |
|
定义 input 字段的高度。(适用于 type="image") |
list | datalist-id | 引用包含输入字段的预定义选项的 datalist 。 |
max |
|
规定输入字段的最大值。 请与 "min" 属性配合使用,来创建合法值的范围。 |
maxlength | number | 规定输入字段中的字符的最大长度。 |
min |
|
规定输入字段的最小值。 请与 "max" 属性配合使用,来创建合法值的范围。 |
multiple | multiple | 如果使用该属性,则允许一个以上的值。 |
name | field_name | 定义 input 元素的名称。 |
pattern | regexp_pattern |
规定输入字段的值的模式或格式。 例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字。 |
placeholder | text | 规定帮助用户填写输入字段的提示。 |
readonly | readonly | 规定输入字段为只读。 |
required | required | 指示输入字段的值是必需的。 |
size | number_of_char | 定义输入字段的宽度。 |
src | URL | 定义以提交按钮形式显示的图像的 URL。 |
step | number | 规定输入字的的合法数字间隔。 |
type |
|
规定 input 元素的类型。 |
value | value | 规定 input 元素的值。 |
width |
|
定义 input 字段的宽度。(适用于 type="image") |
3.<textarea> 定义多行的文本输入控件。
4.<button> 定义按钮
5.<select> 定义选择列表(下拉列表)。
6.<option> 定义选择列表中的选项。浏览器将 <option> 标签中的内容作为 <select> 标签的菜单或是滚动列表中的一个元素显示。option 元素位于 select 元素内 部。
属性 | 值 | 描述 |
---|---|---|
disabled | disabled | 规定此选项应在首次加载时被禁用。 |
label | text | 定义当使用 <optgroup> 时所使用的标注。 |
selected | selected | 规定选项(在首次显示在列表中时)表现为选中状态。 |
value | text | 定义送往服务器的选项值。 |
表单逻辑框图:
链接:
1.<a> 定义锚
2.<link> 定义文档与外部资源的关系
3.<nav> 定义导航链接
列表:
1.<ul> 定义无序列表。
2.<ol> 定义有序列表。
3.<li> 定义列表的项目
表格:
1.<table> 定义表格
2.<th> 定义表格中的表头单元格。
3.<tr> 定义表格中的行。
4.<td> 定义表格中的单元
5.<thead >定义表格中的表头内容。
6.<tbody> 定义表格中的主体内容。
样式:
1.<style> 定义文档的样式信息。
2.<div> 定义文档中的节。
3.<span> 定义文档中的节。