目录
1.页面元数据<meta>
2.字符集
iso-8859 西欧
GB2312 早期中文简体
GBK 中国台湾常用
Unicode 将全球所有国家的语言都编码了
(utf-8 就是大陆的简体中文)
3. 块与内联元素
块:元素包含整块区域的内容
内联:元素作用在一小部分的元素上,允许多个内联元素出现在同一行中,所有内联元素必须出现在块中
4. 一些标签*
(1)<p> 段落
(2)<br /> 换行符
(3)<h1> <h2>...<h6> 标题
语义化的html(?)
(4)水平线<hr /> 明确地分割空间
有的标签有额外的属性
(5)链接<a>
<a href="">文本</a>
如何做到链接点击前后的变色(挖坑)
(6)img
<img href="" alt="" />
src显示文件的路径 ,alt当资源加载不出来时显示的文本
(7)em
强调文本,常用斜体出现
(8)strong 粗体
元素嵌套不能交叉,
错误例子:
<p> hello world<strong>! <p/> <strong/>
(9)无序列表 <ul> <li>
无序列表之间也是可以嵌套的
例子
<ul>
<li>item1<li/>
<li> item2<li/>
<ul>
(10)有序列表的标签<ol>
5.web标准
下载vaildator.w3c.org 可以检查我们编写的代码是否符合标准
6.层叠样式表(CSS)
1)概况
不建议直接在html编写式样,原因:难以修改,在其他地方改了以后可能无效(等级覆盖)
因此需要学会CSS方式定制式样
(1) 在<head >中的style引入CSS文件
缺点:一改全改
(2) 更推荐:<link> 标签引入CSS文件
examples: <link href="CSS文件名字" type="text/css" rel=“stylesheet” media="screen" />
2)CSS文件中的内容
1. 定义选择器和相应的属性值
例如:
注释:/*....*/
设定的前提:该元素有该属性
3)CSS具体实例
设定颜色
(1)确定有color属性的元素
(2)颜色表示:纯名称(red),rgb(255,255,255)
设定字体:
可以指定多个,从左到右依次匹配
设定字体大小:
(1) 一定要加单位:像素px 点pt em
(2) 模糊的字体大小表达
(3) 百分比