HTML进阶

 

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）和当前文件(网页)是同级别

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

 

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

 

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

 

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

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

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

关于路径，咱们在作网站的时候通常用相对路径。