美文网首页
HTML 基础

HTML 基础

作者: xiao__meng | 来源:发表于2019-08-27 00:06 被阅读0次

    1 浏览器内核 (渲染引擎和JS解析引擎)

        Trident(IE内核) IE、傲游、世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器等

        Gecko(firefox) 打开网页速度相对较慢

        webkit(Safari) 傲游浏览器3、 Apple Safari (Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 默认浏览器,

        Chromium/Blink(chrome) 

        Presto(Opera) Presto(已经废弃) 是挪威产浏览器 opera 的 "前任" 内核,为何说是 "前任",因为最新的 opera 浏览器早已将之抛弃从而投入到了谷歌怀抱了


    2 Web标准构成

        骨架(HTML)

        表现(CSS)

        行为(JS)


    3 常用标签

        3.1 排版标签

            <h1> 标题</h1>...<h6> 标题,从大到小.占据一行

            <p>段落</p>.把内容分出一段来.

            <hr />水平线

            <br />换行标签

            div 盒子,项目中很常用. 他独占一行

            span 盒子,不独占一行.

        3.2 文本格式化标签

            <b></b>  <strong>推荐</strong>字体加粗

            <i></i>  <em>推荐</em>字体倾斜

            <s></s> <del>recommend</del>字体删除线

            <u></u>  <ins>recommend</ins>字体下划线

            <img /> 标签,在网页中展示资源图片,如下其它属性

                src 资源位置

                alt 找不到资源时的替换字,起到友好提示的作用

                title 悬停时提示字符

                width 设置图片的宽度,高度会等比例缩放

                heigh 设置图片的高度,宽度会等比例缩放

                border 设置图片的边框

        <a>内容</a> 跳转链接,下面其它属性

            href 跳转的链接属性.

            target 打开网页的方式 _blank(新网页) _self(自己网页)

            锚点定位 href='#id' ,跳转到id的标签处

            base标签可以设置全局的网页打开方式,head里面

    3.3 列表标签

        <ul> <li> </li> </ul> 无需列表 ul中只能包含 li,li中可以放其他的东西

        <ol> <li></li> </ol> 有序列表 ol中也只能包含li,li中可放其他东西.

        <dl> <dt>名词</dt> <dd>跟在名词后解释名词</dd> </dl>自定义列表,网页底部一般会用到.

        ul里面只能放li标签,但是li标签里可以容纳一切标签

    4 总结

        感觉第一部分可以大致看下了解下就行,因为后面不用也会忘记,当真的需要去用到时再去搜索就行.

        第二小块应该是个整体的概括,讲述每块的作用.以及后面需要学习的东西.

        后面应该是布局的常用的标签,如果可以话还是最好找个工具,写了试试然后看看效果,这样再去学习的话自己就会知道每个标签的作用和表现形态各是什么.

    相关文章

      网友评论

          本文标题:HTML 基础

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