一、文本样式标签
- 字体样式标签:
加粗:<strong>…</strong>
斜体: < em >…</ em>
eg:
<h3>徐志摩人物简介</h3>
<p>
<strong>1910</strong>年入杭州学堂<br/>
<em>1918</em>年赴美国克拉大学学习银行学<br/>
……
</p>
- 特殊符号
注意:
路径:绝对路径 :指目录下的绝对位置,通常从盘符开始的路径(了解)
D:\chapter02\images\1.jpg
https://image.baidu.com/search/1.jpg
相对路径 : 指从 当前文件开始 出发找目标文件的过程
eg:
<img src=“ditu.jpg” alt=“” /> 或者 <img src=“./ditu.jpg” alt=“” />
<img src=“./images/ditu.jpg” alt=“” />
<img src=“../3.jpg” alt=“” />
二、图像标签
标签属性特点:
标签的属性写在开始标签内 标签名与属性之间必须以空格隔开 标签内可以同时存在多个属性 属性之间以空格隔开 属性之间没有顺序之分
三、超链接
eg:
<a href="detail.html" target="_blank">姑娘,欢迎降落在这残酷的世界</a>【文本超链接】
<a href="detail.html" target="_blank">
<img src="image/img1.png" alt="姑娘,欢迎降落在这残酷的世界"【图像超链接】
title="姑娘,欢迎降落在这残酷的世界" />
</a>【前提有detail.html文件】
常用超链接
- 页面间链接
- 锚链接:从 A 页面的甲位置跳转到本页中的乙位置从 A 页面的甲位置跳转到 B 页面中的乙位置创建步骤:创建跳转标记 <a id="marker"> 乙位置 </a>创建跳转链接 <a href ="#marker"> 甲位置 </a>
- 功能性链接:
- 电子邮件
- QQ
- MSN (微信或钉钉)
eg: <a href=" mailto : bdqnWebmaster@bdqn.cn"> 联系我们</a> 【邮件链接】
行内元素和块元素:
块元素: 无论内容多少,该元素独占一行( p 、 h1-h6… )行内元素:内容撑开宽度,左右都是行内元素的可以排在一行 (a 、 strong 、 em …)