标签align对齐属性值:
align="left" 左对齐内容align="right" 右对齐内容
align="center" 居中对齐内容
align="justify" 对行进行伸展,这样每行都可以有相等的长度
在网页上显示为一个空格:
强制换行:在要换行的语句后加<br/>,只是换行本身还是一个段落
预格式化标签:<pre> 中输入的内容是什么格式,网页中显示的就是什么格式</pre>
网页乱码设置:
在<head></head>中添加:<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
常用:utf-8、GB2312、gbk等编码
水平线:<hr/>
水平线属性:width 设置水平线宽度,可以像素或百分比
color 设置水平线颜色
align 设置水平线居中对齐
noshade 设置水平线无阴影
<hr width="80%" color="#666666" align="left"/>
修饰标签:
文字斜体:<i></i> <em></em>加粗: <b></b> <strong></strong>
下标: <sub></sub>
上标: <sup></sup>
下标线: <ins></ins>
删除线: <del></del>
特殊符号:
属性: 显示结果: 描述:⁢ < 小于号或显示标记
> > 大于号或显示标记
® 已注册
© 版权
™ 商标
Space 不断行的空白
列表标签:
1、无序列表:
<ul>
<li>列表项</li>
<li>列表项</li>
...
</ul>
type属性值:
disc 圆点
square 正方形
circle 空心圆
2、有序列表:
<ol>
<li>列表项</li>
<li>列表项</li>
...
</ol>
type属性值:
1 数字1,2...
a 小写字母a,b...
A 大写字母A,B...
i 小写罗马数字i
I 大写罗马数字I
3、定义列表:
<dl>
<dt>定义列表项</dt>
<dd>列表项描述</dd>
<dd>列表项描述</dd>
<dt>定义列表项</dt>
<dd>列表项描述</dd>
...
</dl>
图像标签
语法:<img src="" alt="".../>img属性:
Scr(必写) URL 显示图像的URL
alt 文字 图像替代文本
height 数值和百分比 图像的高
width 数值和百分比 图像的宽
../代表一个上一级 ../../代表上一级的上一级
alt用于:
当网速太慢、src属性中的错误、浏览器禁用图像、
用户无法查看图像,可以代替图像显示在浏览器中的内容
使用百分比设置图片的大小,图片会随着窗口的大小而大小,但像素的不会
超链接标签
语法:<a href="">内容</a>href:链接地址,可以使内部链接或外部链接
站内链接:跳转到的还是这个网站
外部网站:从当前网站跳转到另一个网站中
属性:
href 链接地址
target 链接的目标窗口_self、_blank、_top、_parent
title 链接提示文字
name 链接命名
_self 点击链接后在当前页面打开
_blank 点击链接后创建一个新的页面打开
锚链接:实现在一个页面内,点击链接就跳转到那个部分
定义锚:(同个页面)<a href="#锚名1">目录1</a>
<a href="#锚名2">目录2</a>
<a href="..." name="锚名1">内容</a>
xxxxxxxx
xxxxxxxxxxxx
<a href="..." name="锚名2">内容</a>
xxxxxxxx
xxxxxxxxxxxx
总结:1、定义锚的位置和锚名
2、设置寻找锚的链接
定义锚:(不同页面)
网页1:<a href="网页名称#锚名>...</a>
网页2:<a name="锚名">...</a>
链接扩展功能:
电子邮件链接:<a href="mailto:邮件地址">...</a>
文件下载:<a href="下载文件的地址">...</a>