HTML+CSS学习笔记.docx
- 文档编号:4368252
- 上传时间:2022-12-01
- 格式:DOCX
- 页数:38
- 大小:130.19KB
HTML+CSS学习笔记.docx
《HTML+CSS学习笔记.docx》由会员分享,可在线阅读,更多相关《HTML+CSS学习笔记.docx(38页珍藏版)》请在冰豆网上搜索。
HTML+CSS学习笔记
HTML部分笔记
CSS部分笔记
作者:
***
编写完成时间:
2013-11-14
一、HTML基础部分
1.基本的HTML标签
(1)HTML段落
第一个段落
第二个段落
(2)HTML链接
(3)HTML图像
定义图像。
定义图像地图中的可点击区域。
(4)HTML标题
定义最大的标题。
定义最小的标题。
(5)HTML水平线
标签在HTML页面中创建水平线。
(6)HTML注释
--HTML注释-->
(7)HTML折行
如果您希望在不产生一个新段落的情况下进行换行(新行),请使用
标签。
2.HTML属性
(1)HTML属性的作用
HTML标签可以拥有属性。
属性提供了有关HTML元素的更多的信息。
属性总是以名称/值对的形式出现,比如:
name="value"。
属性总是在HTML元素的开始标签中规定。
(2)始终为属性值加引号
属性值应该始终被包括在引号内。
双引号是最常用的,不过使用单引号也没有问题。
在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:
(3)HTML元素的核心属性(每个标签都有)
属性值描述
classclassname规定元素的类名(classname)
idid规定元素的唯一id
stylestyle_definition规定元素的行内样式(inlinestyle)
titletext规定元素的额外信息(可在工具提示中显示)
3.HTML文本格式化标签
(1)文本格式化标签
定义粗体文本。
定义大号字。
定义着重文字。
定义斜体字。
定义小号字。
定义加重语气。
定义下标字。
定义上标字。
定义插入字。
定义删除字。
为文本添加下划线
(2)“计算机输出”标签
定义计算机代码。
定义键盘码。
定义计算机代码样本。
定义打字机代码。
定义变量。
定义预格式文本。(3)引用和术语定义
定义缩写。
定义首字母缩写。
定义地址。定义文字方向。
定义长的引用。
定义短的引用语。定义引用、引证。
定义一个定义项目。
4.HTML超链接
(1)HTML超链接target属性
使用Target属性,你可以定义被链接的文档在何处显示。
下面的这行会在新窗口打开文档:
VisitW3School! (2)HTML超链接name属性
name属性规定锚(anchor)的名称。
name属性用于创建HTML内部的书签。
当使用命名锚(namedanchors)时,我们可以创建直接跳至页面中某个节的链接,这样使用者就无需不停的滚动页面来寻找他们需要的信息。
例如:
HTML文档内部的已命名的锚:
UsefulTipsSection。 然后,我们创建指向相同文档中“有用的提示”部分的链接:
VisittheUsefulTipsSection或者,创建从另一个页面指向该文档中“有用的提示”部分的链接:
在上面的代码中,我们将#符号和锚名称添加到URL的末端,就可以直接链接到tips这个命名锚了。
5.HTML表格
(1)表格的定义
表格由
标签来定义。
每个表格均有若干行(由
标签定义),每行被分割为若干单元格(由 标签定义)。 字母td指表格数据(tabledata),即数据单元格的内容。
数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
可以用
来定义表头,使用 表示表格标题。 (2)使用colSpan和rowspan
使用colSpan属性设置单元格要跨越的表格列数。
rowspan设置单元格要跨越表格的多少行。
例如:
跨行跨列的表格 姓名
电话号码 --跨列-->
李志伟 --跨行-->
123123 123123 123123 123123 (3)cellpadding属性设置边距
First Row (4)cellspacing属性设置单元格间距
First Row Second Row (5)background属性
background设置背景色或背景图片
(6)align属性设置对齐方式
总计 (7)frame属性
设置表格周围的边框显示的方式。
(8)表格标签
定义表格
定义表格标题。 定义表格的表头。 定义表格的行。 定义表格的主体。定义表格的页脚。定义表格单元。 定义表格的页眉。
定义用于表格列的属性。 定义表格列的组。 6.HTML列表
(1)定义列表的标签
定义有序列表。
定义无序列表。
- 定义列表项。
定义定义列表。
- 定义定义项目。
- 定义定义的描述。
(2)无序列表
- 第一个
- 第二个
(3)有序列表
- 第一个
- 第二个
(4)自定义列表
- 第一
- 第一条数据
- 第二
- 第二条数据
(5)type属性
设置列表的样式。
7.HTML表单和输入
(1)各种表单标签