【HTML5】字体删除线代码

原文引自:https://blog.csdn.net/December_shi/article/details/108386217

 

<del>标签或<s>标签都能实现删除线效果

    <del>del标签实现删除线效果</del>
    <br>
    <s>s标签实现删除线效果</s>

在这里插入图片描述

 

 

Web链接、下划线、删除线、加粗斜体

原文引自:https://blog.csdn.net/zhilige/article/details/100900744?spm=1001.2014.3001.5502

 

<s>删除线1</s>
<del>删除线2</del>

<u>下划线</u>
<ins>下划线</ins>

<i>倾斜1</i>
<em>倾斜2</em>

<strong>加粗1</strong>
<b>加粗2</b>

&yen;
<a href=”chun.html”>春意绵绵</a>
<a href=”xia.html”>夏日炎炎</a>
<a href=”qiu.html”>秋风瑟瑟</a>
<a href=”dong.html”>冬雪皑皑</a>
<a href=”ok.html”>新来的网页</a>
<p><img src=”images/qiu.jpg” width=”1000″ alt=””></p>

以前我以为,href只有跳转一个超链接,原来可以是另一个HTML。

目录的引入:
<a href=”http://www.baidu.com” target=”_blank”>百度一下</a>
搜狐
<a href=”http://www.sina.com”>新浪</a>
天气预报:
<a href=”me.html”>点击</a>


 

 

html小修复

原文引自:https://blog.csdn.net/zhilige/article/details/100938256?spm=1001.2014.3001.5502

 

< s >删除线1< /s>
< del>删除线2< /del>

———————————————-

< u>下划线< /u>
< ins>下划线< /ins>

———————————————–

< i>倾斜1< /i>
< em>倾斜2< /em>

————————————————

< strong>加粗1< /strong>
< b>加粗2< /b>

————————————————–

¥
< a href=“chun.html”>春意绵绵
< a href=“xia.html”>夏日炎炎
< a href=“qiu.html”>秋风瑟瑟
< a href=“dong.html”>冬雪皑皑
< a href=“ok.html”>新来的网页

< img src= ” i mages/qiu.jpg” width=”1000″ alt=”” >

以前我以为,href只有跳转一个超链接,原来可以是另一个HTML。

目录的引入:
< a href=“http://www.baidu.com” target=”_blank”>百度一下
搜狐
< a href=“http://www.sina.com”>新浪
天气预报:
< a href=“me.html”>点击


友情链接:

<a href="http://www.baidu.com">百度</a>                //     一定要加http://
<a href="http://www.baidu.com">新浪</a>
<a href="http://www.baidu.com">搜狐</a>
<a href="http://www.baidu.com" target="_self">谷歌</a>

ul li a { /后代选择器 所有的后代的意思 最多/
color: red; }

ul li > a { /*子代选择器 子 指的是 亲儿子 大于号分割 此时的a 一定是 li 的亲 儿子 */ }

li,p{ color:red;} 并集 都为红色

a:link {  /* 未访问过的连接状态*/
	color: #3c3c3c;
	font-size: 25px;
	text-decoration: none;  /*取消下划线*/
	font-weight: 700;
}
a:visited {  /*这个链接我们已经点过的样子  已访问过链接*/

	color: orange;

}
a:hover {  /*鼠标经过连接时候的样子*/
	color: #f10215;
}
a:active {  /*鼠标按下时候的样子*/
	color: green;

}

 

 

 


0 条评论

发表评论

您的电子邮箱地址不会被公开。