一、body标签的属性
background属性,给背景设置图片(默认在水平和垂直方向平铺) bgcolor属性,给背景设置颜色二、文本修饰标签
加粗<b>内容</b>
Bold
斜体<i>内容</i>
Italic
下划线<u>内容</u>
Underline
删除线<s>内容</s>
Strikethrough
下标 字<sub>下标</sub>
Subscript
上标 字<sup>上标</sup>
Superscript
<font></font>
size属性:1-7
color属性:设置颜色
face属性:设置字体,如:楷体
三、排版标签
段落标签
段落内容
align:控制段落内容的水平位置
值:left(默认) center right
标题标签 ~ 1-6<->大-小
align:控制标题内容的水平位置
值:left center(默认) right
换行标签
水平线标签
color:水平线的颜色
width:水平线的宽度
值:固定数值或百分比(均以父标签为参照物)
size:设置水平线的粗细
noshade:去除水平线的阴影,属性值等于其自身
align:left center(默认) right
预格式化标签 在此标签内的空格和换行会保留
四、div与span
:无实际含义,块级元素,可以设置宽、高,如未设置宽度则为父元素100% :无意义,行内元素,不能设置宽、高,以文字大小为准块级元素:div、h1~h6、p等
行内元素:b、i等
五、字符实体
有些符号会让html误认为是标签如>、<等所以需要使用字符实体
六、图片标签
html可以显示的图片格式:jpg(jpeg)、png、gif、bmp
不可以显示的格式:psd、ai
语法:
alt属性:当图片不存在则显示alt中的文字
title属性:当鼠标放在图片上显示的文字
七、相对路径与绝对路径
相对路径:相对某一文件夹而言
平级关系:可以理解为在同一文件夹下,src输入./文件名 ./可省略
上级关系:可以理解为图片与html所在文件夹为平级关系, src输入…/文件名
绝对路径:即文件所在磁盘中的位置
八、超链接
点击跳转的文字
a -->anchor 锚
href -->hypertext reference 超级链接地址
属性:
title:鼠标悬浮文字上显示的信息
target:_blank -->在新窗口打开链接
实现空链接的方式:href="#"
href=“javascript:void(0)”
九、无序列表、有序列表、定义列表
无序列表:无先后顺序之分
- 表项
- 表项 ......
无序列表前默认为实心圆圈 可在ul或li中添加属性type
列表可以嵌套
有序列表:有顺序之分
- 表项
- 表项 ......
type属性可设置数字的方式
start属性可设置从哪里开始
定义列表:是一个组标签,出现三对标签
dl -->definition list
dt -->definition title
dd -->definition description
- ......
- ...... ......
十、表格标签
......属性:
border:边框
width:宽度 值可为固定值或百分比
height:高度 一般不用高度由其内容决定
background:设置背景图片
bgcolor:背景颜色
align:设置表格水平方向的对其,取值:left(默认)、center、right
cellpadding:表格中文字距离边框的距离
cellspacing:两个单元格间的距离
valign:设置文字垂直的对其方式, 取值:top、middle(默认)、bottom
合并单元格
colspan:跨列合并
rowspan:跨行合并
十、框架
十一、表单
由和表单控件组成
按钮名称
按钮名称
按钮名称
十二、head内的标签
所以使用编辑器进行编辑时,需要表明使用什么编码标准
十三、颜色的表示方式
英文单词表示:如red、yellow等
十进制:rgb(255.0.0)–>红、rgb(0.255.0)–>绿、rgb(0.0.255)–>蓝等
十六进制:#FF0000 使用十六进制兼容性更好
以上颜色可在中添加color属性表示
HTML4 =====> XHTML =====> HTML5
十四、HTML5新增的语义化标签
十五、H5新增的属性
required:在表单控件中添加required=“required”,则此控件为必填项
placeholder:在表单空间中添加placeholder=“内容”,则该文本框内会默认显示内容,当填
入信息后,内容消失。
autofocus:光标自动定位到框内。autofocus=“autofocus”
新增的type属性值:
email:要求用户必须输入的是电子邮件
url:限定用户输入的内容必须网站要包含http://
date:要求用户选择年月日日期
week:要求用户选择周类型
time:要求用户选择时间(小时、分钟)
month:要求用户选择月份
number:要求用户输入的必须时数值类型
color:颜色拾取器
range:范围
多媒体标签
插入一个视频
属性:
autoplay:autoplay=“autoplay” 添加后会自动播放
controls:controls=“controls” 可以显示暂停音量等控件
loop:loop=“loop” 视频重复播放
width:宽度
height:高度
解决浏览器的兼容性问题
插入一个音频
属性同视频
解决浏览器兼容性问题与解决视频方式一样