HTML基础
1.HTML基础
1.1 HTML:Hyper Text Markup Language,超文本标记语言
标记语言:使用(Tag)来标识内容的编程语言,标记语言可以有指定的
标签集(TagLibrary),HTML是一种有确定的标签集的标记语言。
1.2 基础语法
1.2.1 标签的写法:
<html></html>: html的标签全部用尖括号(<>)来标识。尖括号内为标签名,
标签有开始标签和结束标签,结束标签是在开始标签的基础上加上/。如果一对标签的中间没有任何内容,则可以将开始标签和结束标签写在一起,例如:<input/>
HTML标签总是要有开始标签和结束标签。
1.2.2标签可以有属性,属性分为属性名和属性值,标签的属性写在标签的开始标签
中,属性名和属性值使用等于号(=)连接,属性值必须使用双引号("")引用。一个标签可以有0至n个属性。
<input type="text" name="username"/>
1.2.3 一个标签称为一个元素。元素有元素名,属性,内容
1.2.4 HTML标签可以嵌套。
<html><body><input type="text"name="username"/></body></html>
1.3 HTML认知
1.3.1 HTML是一种代码,由HTML编写的代码被保存成.html或.html为后缀名的文件。
1.3.2 HTML是一中浏览器页面,由HTML编写的代码的.html文件使用浏览器软件打开时,会在浏览器中显示成页面。
2. HTML 基础标签
2.1 <!doctype html>:文档类型的声明,不是标签,用于声明本html文档的类型,应写于html文档的第一行。
2.2 <html></html>:html元素,是整个html的根元素,html文档只有一个html元素,其他元素均为html元素的内容。
2.3 <head></head>:head元素,是html文档的头部元素,用于定义本文档的一些基本信息。head元素中的内容不在页面上显示。
2.4 <title></title>: title元素,是html稳定的标签元素,用于定义在浏览器标签栏显示的内容。
2.5 <body></body>: body元素,是html文档的页面体元素,用于定义所有在页面部分显示的内容。
2.6 <h1>......<h6>: 标题元素,用于定义文章的标题,文章标题会根据标号越大字体越小,自动开始行,并独占一改行的规则显示标题内容。
2.7 <hr/> : 水平分隔线元素,用于在页面显示一条水平分隔线
2.8 <br/>: 换行元素,用于在页面显示一个换行符,开始新行。
2.9 <font>标签: 是用于指定文字样式的标签。
color属性:用于指定文字显示的颜色,可以使用颜色关键字,rbg颜色标识系统,HEX颜色标识系统。例如:
<font color="bule">文字</font>
<font color="rbg(117,117,117)">文字</font>
<font color="#efefef">文字</font>
size属性:用于指定文字显示的大小,文字从小到大可以标识为1-7号
<font size="">1号字</font>
3.0 <p>标签:用于指定一个段落。会为指定的段落加上浏览器认的段落样式。
3.1 <b> 标签: 用于加粗文字。
3.2 <i> 标签: 用于斜体字。
3.3 <sup> 标签:用于指定上标。
3.4 <sub> 标签: 用于指定下标。
3.5 <ol>标签:用于指定有序列表,会将列表中的项目标注序号
3.6 <ul>标签: 用于指定无序列表,会将列表中的项目标注圆点。
3.7 <li>标签: 用于指定列表项,用于ol元素或者ul元素中。
3.8 <center>标签: 用于指定内容,在页面居中显示。
1.HTML基础
1.1 HTML:Hyper Text Markup Language,超文本标记语言
标记语言:使用(Tag)来标识内容的编程语言,标记语言可以有指定的
标签集(TagLibrary),HTML是一种有确定的标签集的标记语言。
1.2 基础语法
1.2.1 标签的写法:
<html></html>: html的标签全部用尖括号(<>)来标识。尖括号内为标签名,
标签有开始标签和结束标签,结束标签是在开始标签的基础上加上/。如果一对标签的中间没有任何内容,则可以将开始标签和结束标签写在一起,例如:<input/>
HTML标签总是要有开始标签和结束标签。
1.2.2标签可以有属性,属性分为属性名和属性值,标签的属性写在标签的开始标签
中,属性名和属性值使用等于号(=)连接,属性值必须使用双引号("")引用。一个标签可以有0至n个属性。
<input type="text" name="username"/>
1.2.3 一个标签称为一个元素。元素有元素名,属性,内容
1.2.4 HTML标签可以嵌套。
<html><body><input type="text"name="username"/></body></html>
1.3 HTML认知
1.3.1 HTML是一种代码,由HTML编写的代码被保存成.html或.html为后缀名的文件。
1.3.2 HTML是一中浏览器页面,由HTML编写的代码的.html文件使用浏览器软件打开时,会在浏览器中显示成页面。
2. HTML 基础标签
2.1 <!doctype html>:文档类型的声明,不是标签,用于声明本html文档的类型,应写于html文档的第一行。
2.2 <html></html>:html元素,是整个html的根元素,html文档只有一个html元素,其他元素均为html元素的内容。
2.3 <head></head>:head元素,是html文档的头部元素,用于定义本文档的一些基本信息。head元素中的内容不在页面上显示。
2.4 <title></title>: title元素,是html稳定的标签元素,用于定义在浏览器标签栏显示的内容。
2.5 <body></body>: body元素,是html文档的页面体元素,用于定义所有在页面部分显示的内容。
2.6 <h1>......<h6>: 标题元素,用于定义文章的标题,文章标题会根据标号越大字体越小,自动开始行,并独占一改行的规则显示标题内容。
2.7 <hr/> : 水平分隔线元素,用于在页面显示一条水平分隔线
2.8 <br/>: 换行元素,用于在页面显示一个换行符,开始新行。
2.9 <font>标签: 是用于指定文字样式的标签。
color属性:用于指定文字显示的颜色,可以使用颜色关键字,rbg颜色标识系统,HEX颜色标识系统。例如:
<font color="bule">文字</font>
<font color="rbg(117,117,117)">文字</font>
<font color="#efefef">文字</font>
size属性:用于指定文字显示的大小,文字从小到大可以标识为1-7号
<font size="">1号字</font>
3.0 <p>标签:用于指定一个段落。会为指定的段落加上浏览器认的段落样式。
3.1 <b> 标签: 用于加粗文字。
3.2 <i> 标签: 用于斜体字。
3.3 <sup> 标签:用于指定上标。
3.4 <sub> 标签: 用于指定下标。
3.5 <ol>标签:用于指定有序列表,会将列表中的项目标注序号
3.6 <ul>标签: 用于指定无序列表,会将列表中的项目标注圆点。
3.7 <li>标签: 用于指定列表项,用于ol元素或者ul元素中。
3.8 <center>标签: 用于指定内容,在页面居中显示。