公告：
Bambook达人赛CSDN提交作品的来登记哦！[意见反馈][官方博客]  HTML标记详解 收藏
一.Html的头部标记 (位于<head>和</head>之间)
▲.<base> 基底网址标记 (相对路径附在基底网址中.设置的绝对路径的后面).绝对路径不受基底网址设定的绝对路径控制.
▲.<basefont> 基底文字标记表示文字的字体\字号和颜
属性:face字体 size字号 color颜
▲.<title> 标题标记
▲.<meta> 元信息标记
⒈标记属性:
①『name 名称』
★ name的其它属性:
A.copyright(版权)
说明:标注版权
用法:<meta content="">
注意:content="版权说明"
B.generator(编辑器)
说明:编辑器的说明
用法:<meta content="">
注意:content="你所用编辑器"
C.revisit-after(重访)
用法:<meta content="">
D.build(网站建设时间)
说明:标注时间
用法:<meta content="">
注意:content="输入日期"
E.reply-to(记载联系人邮箱)
用法:<meta content="">
注意:content="网站联系人邮箱"
②『content 内容 』
★ content属性:
A.charset
说明:设置语系。Charset选项：ISO-8859-1(英文)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集
③『HTTP-EQUIV〓HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。』
★ HTTP-EQUIV属性:
A.Content-Type
说明:设定页面使用的字符集，用以说明主页制作所使用的文字已及语言，浏览器会根据此来调用相应的字符集显示page内容。
B.refresh
说明:刷新文档
C.值
C1.page-enter
说明:打开网页时记录网页转场的效果
结合content属性:revealtrans(duration=3表示滤镜特效持续的时间为3秒,transtion=滤镜类型，表示使用哪种特效，取值为0-23)
C2.page-exit
说明:离开网页时网页过渡的效果
★ HTTP-EQUIV常用类型:
A.Expires(期限)
说明:指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅.
用法:<meta http-epuiv="expires" content="0">
<meta http-epuiv="expires" content="wed,26 feb 1997 08:21:57 GMT">
注意:必须使用GMT的时间格式,或直接设置为0(数字表示多少时间后过期)
B.Pragma(cach模式)
说明:禁止浏览器从本地机的缓存中调阅页面内容.
用法:<meta http-epuiv="Pragma" content="NO-cach">
注意:网页不保存在缓存中,每次访问都刷新页面.这样设定,访问者将无法脱机浏览.
C.Window-target(显示窗口的设定)
用法:<meta http-epuiv="Window-target" content="_top">
注意:这个属性是用来防止别人在框架里调用你的页面.content选项:_blank _top _self _parent.
④『TRANSITION 滤镜类型』
★ 基本语法:<meta http-epuiv="page-enter" content="revealtrans(duration=value,transition
=number)"
★ 注意:number可取以下数值
0 矩形减小 1 矩形扩大 2 圆形缩小 3 圆形扩大 4 向上擦除 5 向下擦除 6 向左擦除 7 向右擦除 8 垂直百叶窗 9 水平百叶窗 10 横向棋盘式 11 纵向棋盘式 12 溶解 13 左右向中部收缩 14 中部向左右展开 15 上下向中部收缩 16 中部向上下展开 17 阶梯状向左下展开 18 阶梯状向左上展开 19 阶梯状向右下展开 20 阶梯状向右上展开 21 随机水平线 22 随机垂直线 23 以上随机选择
二.Html内部主体标记
▲.主要位于<body>与<body>之间
相关属性:
A.bgcolor    设定页面背景颜
B.background 设定页面背景图像
C.text        设定页面文字的颜
D.bgproperties设定页面背景图像为固定
E.link        设定页面默认的链接颜
F.vlink      设定页面访问过后的链接颜
G.alink      设定鼠标正在单击时的链接颜
H.leftmargin 设定页面的左边距
I.topmargin  设定页面的上边距
三.文字包括的内容
▲.文字内容位于<body>与<body>之间,其中有普通文字\空格符号\特殊字符\注释语句
▲.标题字标记:有六种标题<h1----h6>
★<h1----h6>有一种属性:<align>
(对齐)
★<align>有四种对齐方式(<left>左<right>右<center>居中<justify>两端)
▲.文字段落的修饰标记
★<b>粗体标记
★<em>斜体标记
★<s>删除线标记
★<u>下划线标记
★<sup>上标标记
★<sub>下标标记
★<big>大字号标记
★<small>小字号标记
★<font>标记:基本语法<font face="字体" size="字号" color="颜">文字</font>
★<p>段落标记:一个属性<align>三种对齐方式:左\中\右
★<pre>域格式化标记:表示在代码视图与设计视图格式一样
★<center>居中标记
★<hr>水平线标记
★<kbd>提示标记
★<var>变量标记 :斜体显示程序代码
★<address>标记:用于斜体显示文档中比较重要的信息
★<blink>闪烁标记1秒一次(不被IE4.0及以上版本支持)
★<tt>标记:使文字以标准打印机字体显示
四.列表的标记
▲.无序列表 说明:通常用圆点\圆框\方框来表示
★<ul> 项目列表
★<li> 列表项 有个属性:1.type
A.type 说明:可以设置圆圈和方块(1.type=circle代表项目符号为圆圈。通过type改变项目符号。2.type=disc代表项目符号为圆点。通过type改变项目符号。3.type=square代表项目符号为方块。通过type改变项目符号。)
▲.有序列表 说明:通常用数字和字母来表示
★<ol> 编号列表 有两个属性:1.type 2.start
A.type 说明:可以设置数字.字母.小写和大写字母.小写和大写罗马数字
B.start 说明:设置从那个字母和数字开始.默认从1开始
★<li> 列表项
▲.定义列表 说明:一般分两个层次来表示 也称为字典列表
★<dl> 定义列表
★<dt> 定义术语
★<dd> 定义说明
▲.列表的嵌套
五.插入图片
▲.格式为:<img src="图片路径" lowsrc="低解析度源图片路径" alt="图片注释" width="宽 默认单位为像素，也可用百分比为单位，或其它。" height="高度" border="边框值" vspace="垂直边距值" hspace="水平边距值" align="对齐">
★低解析度源:如果显示图像很大，浏览器下载会很慢，我们指定一个低分辨率的图像副本（文件小），浏览器会先下载副本，在浏览器中先显示出来，然后下载较大图像，这样可以节省用户浏览网页的时间，又能保证网页的完整性。
★图片注释:替代文字
★边框
★垂直边距
★水平边距
▲.文本环绕与停止文本环绕
语法:<img src="file_name" align="value">
★align取值有两个(left 和right)
★如果想停止环绕.就在想停止的地方插入<br clear="">
<clear>属性有:A.left 停止文本环绕直到没有对齐左页边的图像
B.right 停止文本环绕直到没有对齐右页边的图像
c.all 停止文本环绕直到没有两边边都没有的图像
▲.图像映射
★通过<img>标记里的usemap属性就可以引用Map标记了.例:<img src="" usemap="#map">
★注意:map标记中name的值必须与img中usemap的取值相同,就是usemap的值前面多了一个#
★<map>标记 语法:<map >
★<area>有三个属性:
A.href:链接的地址
B.shap:映射区域的形状,取值可以是:
1.rect 矩形 2. circle 圆形 3.poly 多边形
C.coords:标识映射区域的边界
六.文字链接
▲.链接是网站多个网站链接在一起.
★target的属性:
★_blank 在本窗口打开
★_parent 在新窗口打开
html如何设置图片滚动★_self  在上一级窗口打开
★_top    在整个浏览器窗口打开
title 链接提示文字
▲.锚点是将对较长的文章进行编号
★对href链接属性前面必须加#
▲.其它链接
★E-mail链接:格式为mailto:邮箱地址.如果有后缀以&号隔开
subject邮件主题 cc抄送人 bcc密件抄送人
★ftp链接:ftp://
★mews链接:news://
七.表格
▲.<table>表格标记
属性有:
A.border(边框值)
B.bordercolor(边框颜)
▲.<tr>行标记
属性主要有:
bordercolordark(暗边框颜) bordercolorlight(亮边框颜)

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。