HTML知识点小结~

<meta charset=“UTF-8">  
<meta>是一个单标签
UTF-8 是统一转换格式

标签类型

• 块: 独自占一行,支持所以样式,不设宽度将撑满整行
• 内嵌: 可以在一行并列显示,不支持宽高 不支持上下margin和padding ,宽度是由内容撑起来的,代码换行会被解析出一个空格

内嵌标签

    <span>span</span>
    <strong>strong</strong>
    <a href="#">a标签</a>
    <em>em</em>
    ...

不得不说的a标签

1. a元素，既可以用来链接到外部地址实现页面跳转功能，也可以链接到当前页面的某部分实现内部导航功能.
   其中a标签里的href
   若“”里面是页面地址 就是跳转作用；
   若“”里面是压缩包名字 就是下载作用；
   若“”里面是id名字 点击之后会跳转到该id的页面位置 即锚点作用；

    target=“_blank ” 新窗口打开页面
    target=“_self”  当前窗口打开
    <base target=“_blank”/>

2. a标签的颜色 必须是写在a标签里面的！
3. a标签里面不能再包含a标签；
4. 在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”

其他标签详情请参阅

W3School