入门系列1
1,什么是HTML : 是一种超文本标记语言、
2、特性: 2.1 超文本:体现在超链接上
2.2 普适性:任何计算机都可以读取网页
3、CSS 层叠样式表
3.1 css的优势: 3.1.1 表现和内容相分离
3.1.2 提高页面浏览速度
3.1.3 易于维护和改版
3.1.4 符合w3c标准
4、 xhtml = xml + html
xml : 可扩展标记性语言
xhtml: 所有xhtml要注意大小写!!!
5、HTML 文档的基本结构:
<html>
<head>
<title></title>
</head>
<body></body>
</html>
6、<head></head> 头控制标记
Head标签中可以包含以下6种标签:
- <title></title>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="refresh" content="time;url">
<meta name="description" content="这是用来描述当前网页作用的">- meta的作用: 字体编码、 定时刷新、网页描述
- <base> 超链接网址基准参考点
- Javascript脚本
- styleSheet 排版声明
- <link> 引用外部文件
7,meta :
1,定义页面关键字
<meta name="keywords" content="关键字内容">
2,定义网页语言的编码方式
<meta http-equiv="Content-Type" content="text/html;charset=字符集类型|gb2312|UTF-8">
3,定义网页的定时跳转
<meta http-equiv="refresh" content="3,url=http://www.baidu.com">
4,
<meta http-equiv="过渡事件" content="revealtrans(duration=过渡效果持续时间,transition=过渡方式)">
PS: 过渡事件可以是进入页面:http-equiv="page-enter"
过渡事件可以是离开页面:http-equiv="page-exist"
过渡方式的编码:1~23
8,基本标签:
<font size="6" face="华文行楷" color="blue">面朝大海,春暖花开</font>
粗体:<b></b><strong></strong>
斜体:<i></i> <em></em><cite></cite>
上标:<sup></sup>
下标:<sub></sub>
删除线: <s></s><strike></strike>
下划线:<u></u><ins></ins>
段落:<p align="center"></p>
段落的文字方向:<bdo dir="rtl|ltr"></bdo>
空字符:
换行标记:<br>
水平线:<hr width="" size="" color="" align="" noshade>
PS:noshade:网页中去掉水平线的阴影
size:高度
文字滚动:<marquee direction="left" behavior="scroll" loop="" scrollamount="10px" scrolldelay="100" bgcolor="red" width="" height=""> </marquee>
PS:direction:滚动方向 up | down| left| right
behavior:滚动方式 scroll| slide| alternate
scrollamount:滚动速度
loop:滚动次数
scrolldelay:滚动延迟(毫秒)
bgcolor:滚动区域的背景