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