HTML知识点小结

作者: MonkeyDwwl | 来源:发表于2016-08-29 00:08 被阅读52次

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

相关文章

  • HTML知识点小结

    手写HTTP协议,GET/POST,以及各种状态码含义 HTML是什么,HTML5是什么,两者的区别HTML是用于...

  • HTML知识点小结

    一、什么是HTML? HTML是用来描述网页的一种语言 HTML指的是超文本标记语言(Hyper Text Mar...

  • HTML知识点小结

    今天学到了HTML标签,对HTML中常见到的一些问题进行小结。 HTML、XML、XHTML 有什么区别? HTM...

  • HTML知识点小结

    HTML知识点小结~ 标签类型 块: 独自占一行,支持所以样式,不设宽度将撑满整行 内嵌: 可以在一行并列显示,不...

  • 2018-02-03

    DOM知识点小结 Document构造了HTML标签。 Text构造了文本节点,相邻标签之间的回车是一个text节...

  • HTML-Form知识点小结

    本博客著作权归从这到那所有,转载请注明出处 HTML-Form知识点小结 1.form表单有什么作用?有哪些常用的...

  • 05 常见bug处理 (必会知识点)

    html:全栈记03【html小结】 - 简书 css:全栈记04【css小结】 - 简书 常见bug处理: 小知...

  • 18-HTML&CSS知识点小结

  • 2017 知识小结

    知识点小结: 1.[[[UIApplication sharedApplication] keyWindow] e...

  • Html小结

    HTML简单总结 将标签分为9个分类,逐一罗列 一、基础标签 段落,段落中文本忽略空格和换行 换行,用于 段落中换...

网友评论

    本文标题:HTML知识点小结

    本文链接:https://www.haomeiwen.com/subject/lfdxettx.html