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.空格 : ;
2.大于号>: &glt;
3.小于号<:<
4.引号"" : "
5、版权符号@:©
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
相对路径:目标对于当前文件的路径
同级直接写名字,上一级../,上上级../../
网友评论