自己做个整理,方便以后复习

一、HTML使用定义

网页文档的结构和格式的定义是由HTML元素来完成的

HTML元素是由单个或一对标签定义的包含范围。一个标签就是左右分别有一个小于号(<)

和大于号(>) 的字符串。开始标签是指不以斜杠( / )开头的标签,其内是一串允许的属性、值对。结束标签则是以一个斜杠( / )开头的标签。

如下

HTML复习

二、HTML元素的四种形式

①空元素

<br>

②带有属性的空元素

<hr color=”bule”>

③带有内容的元素

<title>

HTML复习

④带有内容和属性的元素

<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文档中,如果存在连续多个空白字符(空格、制表符、回,车、换行等),浏览器显示时将只解析为一个空格字符。

如下:

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表示蓝色。

如下:

HTML复习

HTML复习

六、与文本相关的标签

①<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复习HTML复习

 

七、常用的字符实体

HTML中很多在键盘中不存在的特殊字符,是需要引用才能使用的,下面是常用的字符实体

HTML复习

八、列表知识点

①建立数字编号的列表

使用<ol>和<li>标签创建带数字编号的列表。

在<ol>标签中使用start属性,设置起始的序号

在<li>标签中使用value属性,改变列表内的编号顺序。

如下:

HTML复习

HTML复习

②制定编号的格式和顺序

在<ol>和<li>标签中,使用type属性指定编号系统的类型。type属性的取值如下所示:

HTML复习

例子如下:

HTML复习HTML复习

③建立带有项目符号的列表

使用<ul>和<li>标签创建带有项目符号的列表,

<ul>和<li>标签的type属性指定符号的样式,取值如下:

Disc:显示为实心的圆圈

Square:显示为实心的方块

Circle:显示为空心的圆圈

例子如下:
HTML复习HTML复习

九、表格知识点

①定义表格

表格是用<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>元素提供。

如下:

HTML复习

 

十一、超链接

例子如下

HTML复习

这是引入超链接和嵌入图像

相关文章: