HTML基础篇

来源：互联网发布：互联网软件开发工资编辑：程序博客网时间：2024/06/04 23:30

为了更好的提高自己，将所学习的知识点自己整理存放在博客中，方便以后查看。

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 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮

属性值描述acceptmime_type规定通过文件上传来提交的文件的类型。align

left
right
top
middle
bottom

不赞成使用。规定图像输入的对齐方式。alttext定义图像输入的替代文本。autocomplete

规定是否使用输入字段的自动完成功能。autofocusautofocus

规定输入字段在页面加载时是否获得焦点。

（不适用于 type="hidden"）

checkedchecked规定此 input 元素首次加载时应当被选中。disableddisabled当 input 元素加载时禁用此元素。formformname规定输入字段所属的一个或多个表单。formactionURL

覆盖表单的 action 属性。

（适用于 type="submit" 和 type="image"）

formenctype见注释

覆盖表单的 enctype 属性。

（适用于 type="submit" 和 type="image"）

formmethod

get
post

覆盖表单的 method 属性。

（适用于 type="submit" 和 type="image"）

formnovalidateformnovalidate

覆盖表单的 novalidate 属性。

如果使用该属性，则提交表单时不进行验证。

formtarget

_blank
_self
_parent
_top
framename

覆盖表单的 target 属性。

（适用于 type="submit" 和 type="image"）

height

pixels
%

定义 input 字段的高度。（适用于 type="image"）listdatalist-id引用包含输入字段的预定义选项的 datalist 。max

number
date

规定输入字段的最大值。

请与 "min" 属性配合使用，来创建合法值的范围。

maxlengthnumber规定输入字段中的字符的最大长度。min

number
date

规定输入字段的最小值。

请与 "max" 属性配合使用，来创建合法值的范围。

multiplemultiple如果使用该属性，则允许一个以上的值。namefield_name定义 input 元素的名称。patternregexp_pattern

规定输入字段的值的模式或格式。

例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字。

placeholdertext规定帮助用户填写输入字段的提示。readonlyreadonly规定输入字段为只读。requiredrequired指示输入字段的值是必需的。sizenumber_of_char定义输入字段的宽度。srcURL定义以提交按钮形式显示的图像的 URL。stepnumber规定输入字的的合法数字间隔。type

button
checkbox
file
hidden
image
password
radio
reset
submit
text

规定 input 元素的类型。valuevalue规定 input 元素的值。width

pixels
%

定义 input 字段的宽度。（适用于 type="image"）

3.<textarea> 定义多行的文本输入控件。

4.<button> 定义按钮

5.<select> 定义选择列表（下拉列表）。

6.<option> 定义选择列表中的选项。浏览器将 <option> 标签中的内容作为 <select> 标签的菜单或是滚动列表中的一个元素显示。option 元素位于 select 元素内部。

属性值描述disableddisabled规定此选项应在首次加载时被禁用。labeltext定义当使用 <optgroup> 时所使用的标注。selectedselected规定选项（在首次显示在列表中时）表现为选中状态。valuetext定义送往服务器的选项值。

表单逻辑框图：

链接：

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> 定义文档中的节。

阅读全文

0 0