自己做个整理,方便以后复习
一、HTML使用定义
网页文档的结构和格式的定义是由HTML元素来完成的
HTML元素是由单个或一对标签定义的包含范围。一个标签就是左右分别有一个小于号(<)
和大于号(>) 的字符串。开始标签是指不以斜杠( / )开头的标签,其内是一串允许的属性、值对。结束标签则是以一个斜杠( / )开头的标签。
如下
二、HTML元素的四种形式
①空元素
<br>
②带有属性的空元素
<hr color=”bule”>
③带有内容的元素
<title>
④带有内容和属性的元素
<font color=" red">https://www.csdn.net</font>
三、HTML框架-页面
<html> ————————开始HTML文档
<head> ————————开始文档头部
<title> ————————开始文档标题
This is first page
</title>————————结束文档标题
</head>————————结束文档头部
<body> ————————开始文档体
Hello World
</body>————————结束文档体
</html> ————————结束HTML文档
PS:
1.在HTML文档中,一个标签的属性是可选的,在写一个标签时,根据需要,可以写上它的属性,也可以不写。
2.在HTML文档中,给一个标签的属性赋值的时候,可以加双引号,也可以不加。
例如: <hr color="blue">和<hr color=blue>都是合法的。
四、连续空白字符
在HTML文档中,如果存在连续多个空白字符(空格、制表符、回,车、换行等),浏览器显示时将只解析为一个空格字符。
如下:
五、与段落控制相关的标签
①<p align="#" >
表示paragraph,作用:创建一个段。属性align表示段的对齐方式,#可以
是left、center、 right、 justify。
②<br>
表示line break,作用:换行。
③<hr color="clr" >
表示horizontal rule,作用:插入一条水平线。属性color用来指定线的颜
色,clr可以是预定义的颜色名字,例如: red、 blue 、green 、black 、
white、yellow 、olive 、aqua等等,或者以16进制数表示的颜色值,clr
=#rrggbb,例如: #f0000表示红色,#0Off00表示绿色,#000ff表示蓝色。
如下:
六、与文本相关的标签
①<center>... </center>
使文本居中显示。
②<hn align="#">... </hn>
用于指出文档的标题,n是从1到6的整数,1表示最大标题,6表示最小标题。属性align用于设置标题对齐的方式,#可以是left. center、 right.
③<font size=n color="clr">... </font>
用于设置字体,属性size表示字体的大小,n可以是从1到7的整数,数字越大,字体越大;
;color表示字体的颜色,clr可以是预定义的颜色名字,或者以16进制数表示的颜色值。
④<b>...</b>
使文本成为粗体。
⑤<i>...</i>
使文本成为斜体。
如下:
七、常用的字符实体
HTML中很多在键盘中不存在的特殊字符,是需要引用才能使用的,下面是常用的字符实体
八、列表知识点
①建立数字编号的列表
使用<ol>和<li>标签创建带数字编号的列表。
在<ol>标签中使用start属性,设置起始的序号
在<li>标签中使用value属性,改变列表内的编号顺序。
如下:
②制定编号的格式和顺序
在<ol>和<li>标签中,使用type属性指定编号系统的类型。type属性的取值如下所示:
例子如下:
③建立带有项目符号的列表
使用<ul>和<li>标签创建带有项目符号的列表,
<ul>和<li>标签的type属性指定符号的样式,取值如下:
Disc:显示为实心的圆圈
Square:显示为实心的方块
Circle:显示为空心的圆圈
例子如下:
九、表格知识点
①定义表格
表格是用<table>元素来定义的,如下:
<table border=n align="alignment" bgcolor="cIr*> .. </table>
属性border用于定义表格边框的宽度,n可以是从0开始的整数,如果设置border=0,那么表格边框没有宽度,如果忽略border属性,浏览器将不会显示边框,这和设置border=0是一样的效果。
属性align用于设定表格的对齐方式,alignment可 以是left、center或right
属性bgcolor用于指定表格的背景色,它的取值和之前说的color属性的取值是一样的。
<caption>元素用于定义表格的标题,如下:
<caption> .. </caption>
<tr>元素在表格中添加一个新行,如下:
<tr align="alignment" valign=' alignment'> .. </tr>
属性align用于指定这一行在水平方向上的对齐方式,alignment可以是left、center、right。属性valign用于指定这一行在垂直方向上的对齐方式,alignment可以是top、middle、bottom。
<th>元素用于定义表头,如下:
<th>... </th>
<td>元素用于定义单元格,如下:
<td>... </td>
②<input>元素的使用
<input>元素用于接受用户输入的信息。
<input>元素是一个带有属性的空元素,用来创建表单中的控件,
语法如下:
<input type="type" name="name" size="size" value="value">
属性type用来指定要创建的控件的类型。
属性name用来指定控件的名称,
name属性在表单中并不显示。
属性size用来指定表单中控件的初始宽度。
属性value指定控件的初始值。
<input>元素的控件
单行文本输入控件(type="text" )
提交按钮( type="submit")
重置按钮(type="reset")
口令输入控件(type="password")
单选按钮(type="radio")
复选框(type="checkbox" )
隐藏控件(type="hidden" )
十、列表框
列表框允许用户从一个下拉列表框(下拉菜单)中选择一项或多项,其功能和单选按钮或复选
框的功能相同,但显示的方式不一样。
列表框由<select>元素创建,列表框中的各个选项用<option>元素提供。
如下:
十一、超链接
例子如下
这是引入超链接和嵌入图像