HTML
Eclipse:没有插件.(自己装)(免费)
MyEclipse:包含大量插件.(收费)
HTML概念
HTML==> hyper text mark-up language==>超文本标记语言
超文本: 1.表达能力优于普通文本.声音 .图形等..
2.超链接
标记语言:标记构成的.(HTML XML XHTML)
HTML是干什么的?
1.网页.
2.展示.
HTML是由谁来解析?
浏览器来负责解析HTML.
HTML文档的后缀名?
.html
.htm
以上两种后缀名没有区别.
文档构成:
HTML文档.
最外层使用<HTML>标签包裹
<HEAD> 头 ==> 标题.网页属性信息,CSS..
<BODY> 体 ==> 正文.
标签写法:
1.<>中包裹一个英文单词
2.所有标签不区分大小写(推荐使用小写)
3.标签分为两类
1>围堵标记=> 有开始标签 有结束标签
2>自闭合标签 => 例如 <br/>
注意:所有标记语言,标签中的英文单词没有以数字开头的.<>
HTML树图
CSS
CSS->cascade style sheet 层叠样式表
1.概念
决定页面的样式.
1>.配色
2>.布局
2.CSS与 HTML的结合方式
1> style属性
2> style标签
3> link标签引入
3.CSS的 选择器
1>标签选择器
2>ID选择器
3>class选择器
4>选择器分组
5>伪类选择器
4.CSS的基本语法
选择器 {
属性键:属性值;
属性键:属性值1 属性值2 ....;
}
注释:与java中多行注释相同
/* 注释内容 */
5.CSS的常用属性
单位:(了解)
颜色单位 Color Units
#RRGGBB rgb ( R,G,B ) Color Name
长度单位 Length Units
em ex px像素(常用) pt pc in cm mm
单位换算:1in = 2.54cm = 25.4 mm = 72pt = 6pc
属性:
color ==> 文字颜色
font-family ==> 文字样式
font-size ==> 文字大小
font-style => 文字样式(斜体..)
font-weight => 文字加粗
font-variant => 异性字
6.盒子模型
作业:
1.画一个页面
2.表格
3.css作业
盒子模型