html标签的使用

最新推荐文章于 2024-09-10 14:15:01 发布

weixin_46607326

最新推荐文章于 2024-09-10 14:15:01 发布

阅读量75

点赞数

文章标签： html js css

本文链接：https://blog.csdn.net/weixin_46607326/article/details/107693533

版权

标签的使用

<p></p>                                                     <!-- 段落标签 自成一段-->
<hr>                                                        <!-- 分割标签-->
<br/>                                                       <!-- 单标签  换行-->
<i></i>  <em></em>                                          <!-- 斜体/强调斜体-->
<strong></strong>  <b></b>                                  <!-- 加粗-->
<h1></h1>--<h6></h6>                                        <!-- 字体大小-->
<P>CO<sub>2</sub></P>                                       <!-- 下标  例如下标,一般嵌套使用-->
<P>3<sup>2</sup></P>                                        <!-- 上标  例如次方 <P>3<sup>2</sup></p>-->
<u></u>                                                     <!-- 下划线-->
<font size="10" color="red" face="宋体"></font>             <!-- size字体大小 color颜色  face字体-->
<span></span>                                               <!-- 无意义的标签，在于统一样式-->
<del></del>                                                 <!-- 删除标签-->


<ul>                                                        <!-- 无序列表-->
	<li>张三</li>
	<li>李四</li>
</ul>

<ol>                                                        <!-- 有序列表-->
	<li>张三</li>
	<li>李四</li>
</ol>

<dl>                                                        <!-- 自定义列表-->
	<dt>标题</dt>
	<dd>内容</dd>
	<dt>标题2</dt>
	<dd>内容2</dd>
</dl>

<h3>img标签</h3>
<img src="ban1.png 图片路径" width="宽度" height="高度" title="图片文字提示" border="边框" alt="图片加载失败提示">
eg:<!-- 绝对路径一个固定的连接地址-->
<img src="https://b-ssl.duitang.com/uploads/item/201903/13/20190313211133_otaia.jpg" width="100" height="120" title="这是赵丽颖" border="2px">

超链接标签的使用及属性解析

<!-- 超链接-->
<p><a href="http://www.baidu.com/" title="百度">百度一下</a></p>
<a href="http://www.baidu.com/" target="_self">百度一下</a>      <!-- target="_blank" 新窗口打开页面 target="_self"当前页面刷新-->

锚点的使用

#实例

<head>
<style>
        .zly{
            height: 280px;                                    <!--高度属性-->
            border: 4px dashed gold;                     	  <!--边框属性-->
            margin: 300px 0;                                  <!--外边距属性-->
            border-radius: 5px;                              < !--圆角边框-->
        }
        .jsy{
            height: 280px;
            border: 4px dashed gold;
            margin: 300px 0;
            border-radius: 5px;
        }
        
    </style>
</head>
<body>
   
    <a href="#zly">赵丽颖</a><br>
    <a href="#jsy">江疏影</a>
    <a id ="zly"><div class="zly"><img src="https://b-ssl.duitang.com/uploads/item/201903/13/20190313211133_otaia.jpg" style=float:left height="280px"><span>赵丽颖，出生于河北省廊坊市，中国内地女演员，有“金鹰女神”之称。她是荧屏花旦中的正能量担当，早年因出演《新还珠格格》中晴儿一角获得关注，后主演了多部收视冠军剧如《花千骨》《知否知否应是绿肥红瘦》等，使其“国民甜心”与“收视小主”的形象渐入人心。1987年10月16日，赵丽颖出生于河北廊坊...</span></div></a>
    <a id="jsy"><div class="jsy"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1596108714398&di=4154b6faf77ab0c5a62389095fb21c17&imgtype=0&src=http%3A%2F%2Finews.gtimg.com%2Fnewsapp_match%2F0%2F10732251158%2F0.jpg" style=float:left height="280px"><span>江疏影，1986年9月1日出生于上海，中国内地女演员，毕业于上海戏剧学院，并取得英国东英格利亚大学传媒经济学硕士学位。2005年，出演情感剧《飞花如蝶》，由此进入演艺圈。2007年，凭借短片《爱·减肥》获得第1届全球华人网络非常短片创意大赛最佳女主角奖。2013年，因在电影《致我们终将逝去的青春》中饰演校花阮莞而为观众熟知，凭借该片获得第8届亚洲电影大奖最佳新演员奖、第5届英国万像国际华语电影节最 ...</span></div></a>

</body>