常见的浏览器:ie,chrome,firefox,opear,safari.国产浏览器
网景:navigator,2004->Mozillia基金会成立firefox,内核Gecko
微软 ie:Trident
apple:2003,safari:webkit内核开源
google:2006,chrome:开源webkit,分支Blink内核
opear:presto内核,2016webkit
国内:webkit&trident
问题: 当网页显示出现乱码时
解决:在<head></head>标签之间添加:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
一,文字与段落
标题标签:<h1></h1>~<h6></h6>
段落标签:<p></p> 可以嵌套行内元素,不可以嵌套块元素
align对齐属性值: 写在开始标签里面
123
left 左对齐内容
right 右对齐内容
center 剧中对齐内容
justify 对行进行伸展,这样每行都可以邮箱等的长度
换行标签:<br/>
空格: 特殊符号"<" : < ">" : >
保留编辑器格式:<pre></pre>
水平线标签<hr/>
文字斜体:<i></i> (<em></em>起强调)
加粗:<b></b> (<strong></strong> 起强调)
下标: <sub> 上标<sup>
无序列表
<ul> type属性值
<li>列表项</li> disc 原点
<li>列表项</li> square 正方形
</ul> circle 空心圆
有序列表
<ol> type属性值
<li>列表项</li> 1 数字 1 2 3 i 小写罗马数字 i
<li>列表项</li> a 小写字母a,b,c I 大写罗马数字 I
</ol> A 大写字母A,B。。
定义列表
<dl>
<dt>定义列表项</dt>
<dd>列表项描述</dd>
<dd>列表项描述</dd>
<dt>定义列表项 </dt>
<dd>列表项描述</dd>
</dl>
图像标签
语法: <img src=" " alt=" ".../>
img属性:
Src(必写) url 显示图像的URL
alt 文字 代替图像的文字
height 数值和百分比 图像的高
width 数值和百分比 图像的宽
超链接标签
语法:<a href=" ">内容</a>
href:链接地址,可以是内部链接(相对路径)或外部链接(绝对路径)
空链接" #"
target : 链接的目标窗口 _self(本窗口打开),_blank(创建一个新的窗口),_top,_parent
title : 链接提示文字(鼠标停留链接提示内容)
name : 连接命名
锚链接:实现单个页面内不同位置的跳转
1,定义锚的位置和锚名 (<a href="...."name=" 锚名1">内容</a>)|| (<a name="锚名1"></a)
2,设置寻找锚链接<a href="#锚名1">目录1(名字)</a>
定义锚(不同页面):
网页一:<a href="网页名称#锚名">。。。</a>
网页二:<a name="锚名">。。。</a>
电子邮件链接:
<a href="mailto:邮件地址">.....</a>
文件下载:
<a href="下载文件的地址">......</a>
网友评论