h1-h6

内容与标签相适应

是标题的就用h1-h6

是内容的一般用p

 

pre（predefined）

预格式化文本

 

 

 

 

center:<center>居中内容</center>

修改古诗案例

<div>和span区别块元素和行内元素

div: division,块元素，双标签。特点：

span: 行内元素：双标签。

块：p, h1-h6, pre div,

行内：font b em I b strong del

 

HTML字符实体：空格，<,>,&,￥版权，注册商标,申请中的商标

空格， 代表一个字符的空白

第二种方法：在输入法全角状态下，直接敲空格，代表一个汉字

<,>,<>

&,&

￥ ¥

版权，©

 

注册商标,®

申请中的商标 ™

HTML列表

有序列表 ol li type=”默认是数字序号，a,A,i,I” start :从哪个地方开

 

无序列表

type : disc 默认的黑色点， circle 圆圈， square 方块

 

 

 

自定义列表

dl

dt 定义标题

dd description 对上面的标题进行描述

 

滚动字幕标记 marquee direction behavior width height  bgcolor hspace vspace scrollamount scrolldelay

 

direction 方向 left (默认)， right 向右，up 向上，down 向下

behavior :行为：scroll 默认，alternate 左右, slide 只一次

width  宽度

height  高度

bgcolor 背景色

hspace  水平方向空白

vspace 垂直方向

scrollamount 速度，像素/秒

scrolldelay 间隔 单位：毫秒，(1秒＝1000毫秒)

bgsound 火狐安装插件 版本建议39以上

<bgsound  src=””  loop = “-1” />

bgsound是单标记

 

 

src:路径,建议（将声音和图片和当前网放在一起，路径直接写文件名及扩展名即可。）

loop =”-1” 无限循环

 

Html颜色表示 计算机进制:十，八，十六，二

计算器命令：在运行中输入：calc->查看->程序员->

 

十六进制：每两个一组，一共三组

#开头

#rrggbb

前两个代表红表，中间代表绿色，最后两个代表是蓝色

每一位的取值范围：(0-9,a,b,c,d,e,f)

常用的到颜色：

#333，#444，#ccc, #575757

 

计算机编码:ASCII,ANSI,GB2312,GBK,BIG5,JIS,unicode,utf-8

字节，是计算机中最小的存储单位

位，是计算机中最小的处理单位

1B＝8b

1024bit=1KB;1024KB=1MB, 1024MB=1GB,1024GB=1TB

1024Mb/8=128KB

ANSI

GB2312 GBK,GB18030

JIS

ISO Unicode 4个字节

A 01000001

A 00000000000000000000000000001000001

KEN

UTF-8

ASCII->ASNI(GB2312,JIS)->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(万国码)

浏览器编码

PHP字符集设置

Mysql数据库字符集设置

 

火狐：

 

meta标记

 

http-equiv(content-type,refresh)

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

<meta http-equiv="refresh" content="3;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

有关描述搜索引擎会生成一个摘要

 

 

W3C简介

world wide web consortium(w3c)

1994成立

制定web标准( 结构(html)，表现(CSS)，行为(ECMAscript))

并推广web标准，敦促web开发者使用web标准

百度，腾讯，360，1688

2013 北京 航空航天大学

Microsoft, apple, google, adobe

DTD文档类型定义strict  transitional  frameset

strict严格型

 

transitional过度

frameset 框架

 

 

图片标记

img src width height border hspace vspace align alt

常见图片格式

 

对于图片的宽和高，只设置一个，另一个会按比例自适应

可以缩小，但不可以放大，放大就会失真

alt:替换文本

 

 

 

border 图片的边框，默认是黑色的边，不可以设置。只能通过样式修改，如下面的操作，可以先试一下

 

绝对路径与相对路径

绝对路径

描述：形如：c:\img\cat.jpg ,”一个真实的路径”

目录，就是文件夹

file:///C:/Users/Administrator/Desktop/day2/cat.jpg

https://www.baidu.com/img/bd_logo1.png

<li><a href="/product/">合作项目</a></li>

“/”代表网站的根目录

c:\img\cat.jpg

相对路径 （三种情况）

目标文件（img）和当前文件(网页)是同级别

目标文件的路径写法：直接写文件名和扩展名即可。

 

目标文件所在的文件夹与当前页面是同级

 

目标文件的路径的写法：文件夹的名称/目标文件的名称+扩展名

 

目标文件在当前页面的上一级。用：../

../就是指的向上一级。

如果目标文件在当前页面的上两级再 加一个../

关于路径，我们在做网站的时候一般用相对路径。