- 空格   代表一个字符的空白
- 版权 ©
- 注册商标 ®
- 申请中的商标 &trade
HTML 列表
- 有序列表 ol li type=”默认是数字序号” start =”从哪个地方开始(a,A,i,I)”
<ol start="4" type="a">
<li>武汉</li>
<li>上海</li>
<li>杭州</li>
<li>深圳</li>
<li>长沙</li>
</ol>
<ol start="4" type="a">
<li>武汉</li>
<li type="I">上海</li>
<li>杭州</li>
<li>深圳</li>
<li>长沙</li>
</ol>
- 无序列表
- type: disc 默认的黑色点,circle 圆圈,square 方块
<ul type="circle" >
<li>武汉</li>
<li>上海</li>
<li>长沙</li>
</ul>
- 自定义列表
- dl
- dl 定义标题
- dd description 对上面的标题进行描述
<dl>
<dt>周边旅游</dt>
<dd>武汉</dd>
<dd>长沙</dd>
<dd>咸宁</dd>
<dt>国内旅游</dt>
<dd>厦门</dd>
<dd>北海</dd>
<dd>丽江</dd>
<dt>出境旅游</dt>
<dd>巴黎</dd>
<dd>曼谷</dd>
<dd>夏威夷</dd>
</dl>
- 滚动字幕标记
marquee direction behavior width hegith bgcolor hspace vspace scrollamount scrolldelay
<center>
<marquee behavior="scroll" direction="left" bgcolor="red" width="500" scrollamount="20" scrolldelay="100" vspace="50">
欢迎光临LROYLE的魔法小屋
</marquee>
</center>
- direction 方向 left(默认),right 向右,up 向上,down 向下
- behavior 行为 scroll 默认 alternate 左右,slide 只一次
- width 宽度
- height 高度
- bgcolor 背景色
- hspace 水平方向空白
- vspace 垂直方向
- scrollamout 速度,像素/秒
- scrolldelay 间隔 单位:毫秒,(1秒 = 1000毫秒)
计算机编码
ASCII,ANSL,GB2312,GBK,BIG5,IIS,unicode,utf-8
- 字节, 计算机中最小的存储单位
- 位, 计算机中最小的处理单位
- 1B = 8b
- 1024 bit = 1 KB;
- 1024 MB / 8 = 128 KB
ANSI
- GB2312 GBK,GB18030
- JIS
ISO Unicode 4 个字节
- ASCII > ASNI(GB2312,IIS) > Unicode > utf-8
- BIG5
- 解决乱码问题
- 只要保证编码一致就不会出现乱码
- 编辑器设置
- meta 字符设置
<meta http-equiv="Content-Type" content="text/html;charset=gb2312"/>
- http-equiv:服务器通知浏览器用什么字符来显示本页面
- content=”text/html” 大类text 文本文件下的html文件
- charset=”” 我们要在这里设置字符编码,gbk,gb2312 简体中文 utf-8(万国码)
- 浏览器编码
- 只要保证编码一致就不会出现乱码
meta 标记
http-equiv(content-type,refresh)
<meta http-equiv="Content-Type" content = "text/html;charset=UTF-8" />
<meta http-equiv="refresh" content="e;http://www.baidu.com” />
- refresh 刷新;页面跳转,主要应用:域名更换等。
name(keywords,description,author,copyright)
<meta name="author" content=""/>
<meta name="copyright" content="" />
<meta name="keywords content="" />
60 -80<meta name="description" content="" />
120 - 200
- 有关描述搜索引擎会生成一个摘要
图片标记
- img scr width height border hspace vspace align alt
- 对于图片的宽和高,只设置一个,另一个会按比例自适应
- 可以缩小,但不可以放大,放大会失真
- alt -> 替换文本
- border 图片的边框,默认是黑色的边,不可以设置,只能通过样式更改
绝对路径 与 相对路径
绝对路径
- 描述:形如:c\img\dog.jpg, 一个真实的路径
- 目录,就是文件夹
- file://c:/users/administrator/desktop/xoboy/dog.png
- https://www.baidu.com/img/dog.png
<li><a href="/product/">合作项目</a></li>
- ”/” 代表网站的根目录
相对路径 (三种情况)
目标文件(img) 和当前文件(网页)是同级别
- 目标文件的路径 写法:直接写文件名和扩展名即可
目标文件所在的文件夹与当前页面是同级
- 目标文件的路径 写法:文件夹的名称/目标文件的名称 +扩展名
- 目标文件在当前页面的上一级。用:../
- ../ 就是指向上一级
- 如果目标文件在当前页面的上两级,再加一个 ../
在做网站的时候,一般用相对路径