HTML知识点小结~
<meta charset=“UTF-8">
<meta>是一个单标签
UTF-8 是统一转换格式
标签类型
- 块: 独自占一行,支持所以样式,不设宽度将撑满整行
- 内嵌: 可以在一行并列显示,不支持宽高 不支持上下margin和padding ,宽度是由内容撑起来的,代码换行会被解析出一个空格
内嵌标签
<span>span</span>
<strong>strong</strong>
<a href="#">a标签</a>
<em>em</em>
...
不得不说的a标签
- a元素，既可以用来链接到外部地址实现页面跳转功能，也可以链接到当前页面的某部分实现内部导航功能.
其中a标签里的href
若“”里面是页面地址 就是跳转作用；
若“”里面是压缩包名字 就是下载作用；
若“”里面是id名字 点击之后会跳转到该id的页面位置 即锚点作用；
target=“_blank ” 新窗口打开页面
target=“_self” 当前窗口打开
<base target=“_blank”/>
- a标签的颜色 必须是写在a标签里面的！
- a标签里面不能再包含a标签；
- 在ie6 下只有a 才支持:hover 伪类，其它标签都不支持，现在可以通过 csshover.htc 可以解决 ie6 的 hover 兼容问题。它利用 javascript 脚本来给元素的的样式定义，如果检测到 hover 定义，就给元素设置 onmouseover 和 onmouseout 事件，以此来实现 hover 的效果。
块级元素
<div>块</div>
<section>划分页面板块</section>
<header>头部</header>
<nav>导航</nav>
<footer>底部</footer>
<article>article</article>
<aside>article的附属</aside>
<ul>
<li>无序列表</li>
<li>无序列表</li>
</ul>
<ol>
<li>有序列表</li>
<li>有序列表</li>
</ol>
<dl>
<dt>定义列表的项目</dt>
<dd>dt的展开描述</dd>
</dl>
<h1>标题</h1>
<p>段落</p>
块和内嵌的转化
display：block 内联转化为块
display：inline 块转化为内联元素
display：inline-block的特点：
1 块们能在一行显示
2 内嵌标签支持宽高
3 没有设置宽度时 内容会撑开宽度
img单标签
行内块级元素
<img src=“路径”/>
路径的计算
绝对路径：
1.线上的绝对路径 （网上固定的地址)
2.线下的绝对路径（不建议用）相对路径:
1.同目录的下一级 如 “img/pic/img.jpg”
2.图片在目录的上一级 如“../img.jpg”
