一、注释文字
语法:
二、
-
标签
这是标题 1
这是标题 2
这是标题 3
这是标题 4
这是标题 5
这是标题 6
三、
标签
在 HTML 页面中创建水平线
hr 标签定义水平线:
这是段落。
这是段落。
这是段落。
四、
标签
这是一个段落。
这是一个段落。
这是一个段落。
五、
标签
这个
段落
演示了分行的效果
六、标签、标签、标签、标签、标签
对输出的文本进行格式, 如:粗体 or 斜体
通常标签替换加粗标签("bold")来使用,替换("italic") 标签使用。
加粗文本
斜体文本
电脑自动输出
这是 下标 和 上标
七、标签、 target 属性、id 属性
1.语法:
链接文本
2.target 属性
链接文本
链接文本
链接文本
链接文本
3.id 属性
如:
点击前往
文章
在HTML文档中插入ID:
有用的提示部分
在HTML文档中创建一个链接到"有用的提示部分(id="tips")":
访问有用的提示部分
或者,从另一个页面创建一个链接到"有用的提示部分(id="tips")":
访问有用的提示部分
八、 标签、Alt属性
1.语法:
2.Alt属性
3.设置图像的高度与宽度
属性值默认单位为像素:
九、
2.合并行
十、
标签、标签、标签、标签、标签、type属性、start属性
HTML 支持有序、无序和定义列表:
1.无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表使用
标签CoffeeMilk
属性 值
type disc实心圆
circle空心圆
square实心矩形
2.有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于
标签。每个列表项始于 标签。
列表项项使用数字来标记。
CoffeeMilk
浏览器中显示如下:
1.Coffee
2.Milk
属性 值
type 数字,小写大写字母,罗马数字
start 数字
3.自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以
开始。每个自定义列表项的定义以 开始。Coffee- black hot drinkMilk- white cold drink
浏览器显示如下:
Coffee
- black hot drink
Milk
- white cold drink
十一、
、
大多数 HTML 元素被定义为块级元素或内联元素。
块级 (block-level)在浏览器显示时,通常会以新行来开始(和结束)。
实例:
,
,
,
内联元素(inline)在显示时通常不会以新行开始。
实例:,
, , 元素是块级元素
元素是内联元素
十二、
标签、name属性、method属性、action属性、 标签、type属性标签功能结构
属性 值
name 字符串
method get/post
actionURL
1.文本域
标签来设定文本域,当用户要在表单中键入字母、数字等内容时,就会用到文本域。
First name:
Last name:
2.多行文本
文本内容
3.密码字段
标签来定义密码字段:
Password:
4.单选按钮(Radio Buttons)
标签定义了表单单选框选项
Male
Female
5.复选框(Checkboxes)
定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。
I have a bike
I have a car
6.下拉框
(1)简单下拉框
Volvo
Saab
Fiat
Audi
(2)预选下拉框
Volvo
Saab
Fiat
Audi
(3)组别下拉框
河北
天津
深圳
广州
7.提交按钮(Submit Button)
定义了提交按钮.
当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。:
Username:
8.登录、重置、空按钮
按钮
9.上传文件
十三、框架集及
以下为例:
网页就会被分割成三个窗口,分别显示百度网易搜狐。
框架集一般会用于后台管理系统:
首先先建立T型页面,
浏览器显示如下:
然后建立三个HTML页面head.html、left.html、body.html,见下:
创建完三个HTML页面,为head.html、left.html、body.html后,src到之前的后台管理页面中,见下:
显示如下,基本框架已出现:
然后实现点击左侧超链接,右侧会出现相关内容。则再新建一个people.html、xitong.html:
然后回到后台管理T型页面,给右侧frame起名字为body,见下:
然后回到left.html,在
再加上target=“body”,见下,这使点击左侧的超链接时,会显示在name为body的frame中。
标签语法、设置高度与宽度、移除表框:
例:点击链接时页面会显示在 iframe框架中,见下:
注意:因为 a 标签的 target 属性是名为 iframe_a 的 iframe 框架,所以在点击链接时页面会显示在 iframe框架中。