超链接练习基础

最新推荐文章于 2023-12-07 16:58:21 发布

月入两万就收手

最新推荐文章于 2023-12-07 16:58:21 发布

阅读量242

点赞数

本文链接：https://blog.csdn.net/cchenxudong/article/details/111539492

版权

1.字体样式标签：
(1) 加粗…
(2)斜体…
2. 注释和特殊符号
大于号(>) &gt
小于号（<)&it
引号（“）&quot
版权符 &copy；
3. 图像标签
<img src（图像地址）=“path” alt（图像的代替文字）=“text” title（鼠标停在图片上有文字)=“text” width(图像宽度）=“x” height（图像宽度）=“y” />
案例：

<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
	<title>img照片</title>
	</head>
	<body>
                <img src="img1.png" width=75%>
	</body>
</html>

在这里插入图片描述
效果图

链接标签
<a href（连接路径)=“path” target(链接在那个窗口打开）=“目标窗口位置”（常用_biank)>链接文本或图像
案例：


<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
	<title>京东读书新闻咨询页面</title>
	</head>
	<body>
            <p>
  	<a href="1img.html#使用帮助">首页</a>
                <a href="2img.html#账户相关">服装鞋包</a>
                <a href="3img.html#支付相关">个护美妆</a>
                <a href="4img.html#配送相关">手机通信</a>
                <a href="5img.html#聚美手机版">家用电器</a>
            </p>
                <a name="使用帮助">首页</a>
                <p>
                 <img src="img1.png" width=75%>
                  </p>
<a name="账户相关">服装鞋包</a>
                <p>
                 <img src="img2.png" width=75%>
                  </p>
<a name="支付相关">个护美妆</a>
                <p>
                 <img src="img3.png" width=75%>
                  </p>
<a name="配送相关">手机通信</a>
                <p>
                 <img src="img4.png" width=75%>
                  </p>
<a name="聚美手机版">家用电器</a>
                <p>
                 <img src="img5.png" width=75%>
                  </p>
	</body>
</html>

5.块元素
无论内容多少，该元素独占一行（p、h1-h6…）
行内元素
内容撑开宽度，左右都是行内元素的可以排在一行(a、strong、em…)