01-HTML学习笔记
一.HTML简介
HTML 是用来描述网页的一种语言。
-
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言,而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页(HTML所有的操作都是通过标记实现的,标记即标签)
HTML规范:
-
- 开始标签和结束标签...
- 头标签和正文标签:设置相关头文件信息,页面正文内容
- html代码不区分大小写
- 部分标签没有结束标签:
,
......
HTML的操作思想:
使用标签把要操作的数据包起来(封装),通过修改标签的属性值实现标签内数据样式的变化。
一个标签相当于一个容器,想要修改容器内数据的样式,只需要修改容器的属性值,就可以实现样式的变化。
HTML文档 = 网页,Web浏览器的作用就是用来读取HTML文档,并以网页的形式显示出他们。
二.HTML常用标签
1.标题标签
标题(Heading)是通过
- 等标签进行定义的。 定义最大的标题。 定义最小的标题。
定义最大的标题。 定义最小的标题。
2.水平线标签
标签在 HTML 页面中创建水平线,主要用于分隔内容。
3.注释标签
4.段落标签
段落是通过
标签定义的。
5.换行标签
元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。
6.样式标签
定义字体,定义删除线,定义粗体,定义下划线,定义斜体,上标字,下标字,着重文字,插入字
原样输出,定义计算机代码,定义计算机变量,定义缩写,定义文字方向,定义短的引用语
常用属性:align对齐方式,background设置背景颜色
7.链接标签
Link text,target属性定义新页面打开的方式(blank新开页面,self当前页面打开)
8.图像标签
,
是空标签,意思是说,它只包含属性,并且没有闭合标签。
alt 属性用来为图像定义一串预备的可替换的文本,即当鼠标放在图片上时,悬停显示的内容。
9.表格标签
表格由
标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。
表格标题, 表格页眉, 表格页脚,表格主体,跨行合并,跨列合并。
<table border="1">
<tr>
<td>row 1, cell 1td>
<td>row 1, cell 2td>
tr>
<tr>
<td>row 2, cell 1td>
<td>row 2, cell 2td>
tr>
table>
10.列表标签
无序列表始于
标签,每个列表项始于 - 。此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
有序列表始于
标签,每个列表项始于 - 标签。
自定义列表以
标签开始,每个自定义列表项以 - 开始,每个自定义列表项的定义以
- 开始。
11.块元素标签
元素是块级元素,常见的用途是文档布局,它取代了使用表格定义布局的老式方法。
元素是内联元素,可用作文本的容器,为部分文本设置样式属性。
12.头标签
元素是所有头部元素的容器。 内的元素可包含脚本,指示浏览器在何处可以找到样式表,提供元信息,等等。
容器包含以下标签:
标签定义文档的标题。
标签为页面上的所有链接规定默认地址或默认目标(target)
标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。(meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。)