html知识点概要(一)
2016-10-27 20:24
204 查看
一.html介绍
1.什么是html
html是用来描述网页的一种语言，Hyper Text Markup Language即超文本标记语言，html不是一种编程语言，而是一种标记语言，标记语言是一套标记标签，html使用标记来描述网页。
2.html的作用
Web浏览器的作用是读取html文档，并以网页的形式显示它们。浏览器不会直接显示html标签，而是通过解析标签来解释页面的内容。简单的说，html就是用于展示信息的。
3.html书写规范
1).html标签
html标签是游尖括号包围的关键字，比如<html>,html标签通常是成对出现的，比如<b></b>，标签中的第一个标签是开始标签，第二个是结束标签，绝大多数标签都具有属性，属性值建议使用引号引起。此外，大多数标签是可以嵌套的。
2).html创建
html文件可以直接使用文本编辑器来创建，保存时，后缀名为html或htm,整个文件是在<html></html>标签之间，包括<head>和<body>标签，例如:
没有内容的标签被称为空元素，空元素是在开始标签中关闭的。以<br>为例，在开始标签中添加斜杠<b/>,才是关闭空元素的正确方法，HTML，XHTML，XML都接受这种方式。
4)html的大小写不敏感
html标签对大小写不敏感，但万维网(W3C)在HTML5中推介使用小写，建议使用小写。
二.文件标签介绍
1.html标签
整个文件都处于<html>标签中。<html>用以声明这是HTML文件，让浏览器认出并正确处理此HTML文件。在html文件有两部分<head>和<boyd>.
2.head标签
<head>标签用以加载一些重要的资讯，它的内容不会被显示，只有<body>的内容才会被显示。
3.title标签
<title>只能出现在<head>中，它代表的是标题。
4.body标签
<body>标签中的内容会被显示。
常用的属性：
text:用于设定文字颜色
background:用于设定背景颜色
bgcolor:用于设定背景颜色
5.关于html中颜色取值
颜色由红色，绿色，蓝色混合而成。
有三种取值方式：
rgb(0,0,0):值是在0-255之间
#000000 #454545
red green blue
三.排版标签
1.注释
在html中注释是<!--注释-->
2.p标签
<p>标签是段落标签，可以将html文档分割为若干段落，浏览器会自动在段落前后添加空格。
常用属性：
align:用于设定对齐方式，可选值:left right center 默认值是left
3.br标签
<br>标签是换行标签，因为浏览器会自动忽略空白与换行，因此<br>标签成为了我们最常用的标签。
4.hr标签
<hr>标签会生成一条水平线
常用属性:
align:设置水平线对齐方式
size:设置水平线厚度，以像素为单位，默认为2.
width:设置水平线长度，可以使绝对值或相对值。默认为100%
color:设置水平线颜色，默认为黑色。
5.关于html中数值单位
html的数值默认单位为像素(px),在有些位置可以使用百分比来设置。
四.块标签
1.div标签
用于在文档中定义一块区域
常用属性：align
2.span标签
用于在行内设定一块区域
html中绝大多数与元素被定义为块级元素或内联元素。
块级元素在浏览器中显示时，通常会以新行开始，例如div，p等
内联元素在浏览器显示时，通常不以新行来开始，例如span
五.字体标签
1.font标签
用于规定文本的字体，大小，颜色
常用属性：
face:规定文本的字体
size:规定文本的大小
color:规定文本的颜色
2.h1-h6
用于定义标题
<h1>最大，<h6>最小
六.列表标签
1.ul
表示的是一个无序列表。
常用属性：
type:规定列表的项目符号类型，可取值disc,square,circle,默认值为disc.
2.li
表示的是一个列表项
常用的属性:
type:这个属性只适用于无序列表，用于设定项目符号，默认值为disc.
value:这个属性只适用于有序列表，用于设定列表的项目数字
3.ol
表示的是一个有序列表
常用的属性:
type:这个属性规定列表中使用的标记类型，可取值 1 A a I i.
start:这个属性规定列表的起始值。
六.图片标签
img:用于在页面中引入图片
常用属性：
src:设定要引入图片的url
alt:设定图像的替代文字
width:设定图像的宽度
height:设定图像的高度
border:设定图片的边框
align:设定图片的文字对齐方式
七.链接标签
<a>:用于定义超链接，从一个页面链接到另一个页面
常用属性：
href:用于设定链接指向页面的url
name:用于设定锚的名称
target:用于设定在何处打开链接的页面(_self,_blank,_parent,_top)
八.表格标签
1.table
用于定义表格
常用属性：
align:对齐方式
bgcolor:设定表格的背景颜色
border:设定表格的边框
width:规定表格的宽度
2.tr
用于定义表格的行，包含一个或多个th或td元素
常用属性：
align:行内的内容对齐方式
bgcolor:行内的背景颜色
3.td
用于定义表格单元，文本一般显示为正常字体且左对齐。
常用属性：
align:单元格内容的对齐方式
bgcolor:单元格的背景颜色
height:单元格的高度
width:单元格的宽度
colspan:用于设定列合并
rowspan:用于设定行合并
4.caption
用于定义表格标题，必须紧跟<table>标签之后，一个表格只能有一个<caption>,通常会被居中于表格之上。
5.th
用于定义表格的表头，内部的文本通常呈现为居中加粗文本。
html中有两种类型的单元格：
表头单元格:<th>包含表头信息
标准单元格:<td>包含数据
6.thead
用于定义表格的页眉，组合html表格的表头内容，与<tbody>,<tfoot>元素结合起来使用。内部必须有<tr>标签
7.tbody
用于定义表格的主体，组合html表格的主体内容
8.tfoot
用于定义表格的页脚，组合html表格的表注内容。
1.什么是html
html是用来描述网页的一种语言，Hyper Text Markup Language即超文本标记语言，html不是一种编程语言，而是一种标记语言，标记语言是一套标记标签，html使用标记来描述网页。
2.html的作用
Web浏览器的作用是读取html文档，并以网页的形式显示它们。浏览器不会直接显示html标签，而是通过解析标签来解释页面的内容。简单的说，html就是用于展示信息的。
3.html书写规范
1).html标签
html标签是游尖括号包围的关键字，比如<html>,html标签通常是成对出现的，比如<b></b>，标签中的第一个标签是开始标签，第二个是结束标签，绝大多数标签都具有属性，属性值建议使用引号引起。此外，大多数标签是可以嵌套的。
2).html创建
html文件可以直接使用文本编辑器来创建，保存时，后缀名为html或htm,整个文件是在<html></html>标签之间，包括<head>和<body>标签，例如:
<html> <span style="white-space:pre"> </span><head></head> <span style="white-space:pre"> </span>body></body> </html>3).空的html标签
没有内容的标签被称为空元素，空元素是在开始标签中关闭的。以<br>为例，在开始标签中添加斜杠<b/>,才是关闭空元素的正确方法，HTML，XHTML，XML都接受这种方式。
4)html的大小写不敏感
html标签对大小写不敏感，但万维网(W3C)在HTML5中推介使用小写，建议使用小写。
二.文件标签介绍
1.html标签
整个文件都处于<html>标签中。<html>用以声明这是HTML文件，让浏览器认出并正确处理此HTML文件。在html文件有两部分<head>和<boyd>.
2.head标签
<head>标签用以加载一些重要的资讯，它的内容不会被显示，只有<body>的内容才会被显示。
3.title标签
<title>只能出现在<head>中，它代表的是标题。
4.body标签
<body>标签中的内容会被显示。
常用的属性：
text:用于设定文字颜色
background:用于设定背景颜色
bgcolor:用于设定背景颜色
5.关于html中颜色取值
颜色由红色，绿色，蓝色混合而成。
有三种取值方式：
rgb(0,0,0):值是在0-255之间
#000000 #454545
red green blue
三.排版标签
1.注释
在html中注释是<!--注释-->
2.p标签
<p>标签是段落标签，可以将html文档分割为若干段落，浏览器会自动在段落前后添加空格。
常用属性：
align:用于设定对齐方式，可选值:left right center 默认值是left
3.br标签
<br>标签是换行标签，因为浏览器会自动忽略空白与换行，因此<br>标签成为了我们最常用的标签。
4.hr标签
<hr>标签会生成一条水平线
常用属性:
align:设置水平线对齐方式
size:设置水平线厚度，以像素为单位，默认为2.
width:设置水平线长度，可以使绝对值或相对值。默认为100%
color:设置水平线颜色，默认为黑色。
5.关于html中数值单位
html的数值默认单位为像素(px),在有些位置可以使用百分比来设置。
四.块标签
1.div标签
用于在文档中定义一块区域
常用属性：align
2.span标签
用于在行内设定一块区域
html中绝大多数与元素被定义为块级元素或内联元素。
块级元素在浏览器中显示时，通常会以新行开始，例如div，p等
内联元素在浏览器显示时，通常不以新行来开始，例如span
五.字体标签
1.font标签
用于规定文本的字体，大小，颜色
常用属性：
face:规定文本的字体
size:规定文本的大小
color:规定文本的颜色
2.h1-h6
用于定义标题
<h1>最大，<h6>最小
六.列表标签
1.ul
表示的是一个无序列表。
常用属性：
type:规定列表的项目符号类型，可取值disc,square,circle,默认值为disc.
2.li
表示的是一个列表项
常用的属性:
type:这个属性只适用于无序列表，用于设定项目符号，默认值为disc.
value:这个属性只适用于有序列表，用于设定列表的项目数字
3.ol
表示的是一个有序列表
常用的属性:
type:这个属性规定列表中使用的标记类型，可取值 1 A a I i.
start:这个属性规定列表的起始值。
六.图片标签
img:用于在页面中引入图片
常用属性：
src:设定要引入图片的url
alt:设定图像的替代文字
width:设定图像的宽度
height:设定图像的高度
border:设定图片的边框
align:设定图片的文字对齐方式
七.链接标签
<a>:用于定义超链接，从一个页面链接到另一个页面
常用属性：
href:用于设定链接指向页面的url
name:用于设定锚的名称
target:用于设定在何处打开链接的页面(_self,_blank,_parent,_top)
八.表格标签
1.table
用于定义表格
常用属性：
align:对齐方式
bgcolor:设定表格的背景颜色
border:设定表格的边框
width:规定表格的宽度
2.tr
用于定义表格的行，包含一个或多个th或td元素
常用属性：
align:行内的内容对齐方式
bgcolor:行内的背景颜色
3.td
用于定义表格单元，文本一般显示为正常字体且左对齐。
常用属性：
align:单元格内容的对齐方式
bgcolor:单元格的背景颜色
height:单元格的高度
width:单元格的宽度
colspan:用于设定列合并
rowspan:用于设定行合并
4.caption
用于定义表格标题，必须紧跟<table>标签之后，一个表格只能有一个<caption>,通常会被居中于表格之上。
5.th
用于定义表格的表头，内部的文本通常呈现为居中加粗文本。
html中有两种类型的单元格：
表头单元格:<th>包含表头信息
标准单元格:<td>包含数据
6.thead
用于定义表格的页眉，组合html表格的表头内容，与<tbody>,<tfoot>元素结合起来使用。内部必须有<tr>标签
7.tbody
用于定义表格的主体，组合html表格的主体内容
8.tfoot
用于定义表格的页脚，组合html表格的表注内容。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- html知识点概要(二)——html表单标签
- html知识点概要(三)
- html知识点归纳
- HTMl基本知识点——列表
- jQuery知识点(4)-.html() .text() .val() .attr()获取元素内容、值、属性
- Html标签知识点学习笔记
- HTML小知识点总结
- html知识点：#表格 #列表
- html页面 代码 编写的 一些 基本素养 约定 知识点
- html常用知识点个人笔记
- HTML常用的知识点-2
- html知识点总结积累
- 前端入门应该掌握的html+css知识点
- html table 知识点
- 这些HTML、CSS知识点，面试和平时开发都需要 No1-No4
- jsp&html页面知识点集锦
- [HTML] H5移动端知识点总结
- 前端面试知识点锦集（HTML部分）——附答案
- ECMAScript6知识点概要
- html、css容易被忽略的小知识点