2019-07-17

作者: 欣_m | 来源:发表于2019-07-17 19:54 被阅读0次

    HTML基础学习

    1.我的第一个网页

    <!DOCTYPE html>    <!--使用html5进行编写-->

    <html>

        <head>

        <meta charset="UTF-8">   <!-- 字符编码 -->

        <title>My First Web!>

        </tltle>

        </head>

        <body>

        <p>这是我的第一个网页!</p>

        </body>

    </html>

    2.常用标签

    1.<meta>

    可提供与页面有关的元信息

    文档关键字:<meta name="keywords" content="HTML,CSS,JAVASCRIPT">

    2.换行 :<br/>

    3.水平线: <hr/>

    4.字体加粗: <strong>...</strong>

    5.字体倾斜: <em>...</em>

    6.图像:<img>...</img>

    <img src="图像地址" alt=“图像的替代文字” titile=“鼠标悬停的提示文字” width=“宽度” height=""长度/>

    7.链接标签:<a>...</a>

    <a href="链接路径" target="链接在哪里打开?原网页:_self 新网页_blank">链接文本或者图像</a>

    例:在小猫图片上建立超链接到百度<a href="https:www.baidu.com" target="_blank"><img src="Images/cat.jpg" alt="小猫" title=“小猫”/></a>

    3.特殊符号

    1.空格 :&nbsp;

    2.大于号>: &glt;

    3.小于号<:&lt;

    4.引号"" : &quot;

    5、版权符号@:&copy;

    4.常见的超链接

    1.页面间的链接

    用a标签

    2.锚链接

    从A页面中的甲位置跳转到本页面中的乙位置:

    <a href="#mark1">甲位置</a>

    <a name="mark1">乙位置</a>

    从A页面中的甲位置跳转到百度页面:

    <a href="https://www.baidu.com#mark1">甲位置</a>

    <a name="mark1">乙位置</a>

    超链接可以与图片标签和文本标签组合使用

    5.相对路径和绝对路径

    绝对路径:

    1.D:\Images\a.jpg

    2.www.baidu.com

    相对路径:目标对于当前文件的路径

    同级直接写名字,上一级../,上上级../../

    相关文章

      网友评论

        本文标题:2019-07-17

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