行级标签及html实体字符

行级标签

文本格式化标签
​
1.span标签
语法： <span></span> 
双标签
主要用于区分样式
行级标签
里面一般装着文本
宽高由内容撑开
水平布局，多个span标签在一行显示
不能设置宽高
​
应用场景：
控制局部文本样式
<span></span>
<span>span标签</span>
<span>小笼包</span>
​
2.b、strong标签
语法
<b></b>
<strong></strong>
​
双标签
行级标签
宽高由内容撑开
b，strong标签里面的文本呈加粗效果
水平布局，一行放不下会自动折行
这两个标签都是加粗效果，用哪个都可以
不能设置宽高
<b></b>
<b>凉皮</b>
<strong>strong</strong>
​
3.em、i标签
语法
<em></em>
<i></i>
​
双标签
行级标签
宽高由内容撑开
em，i标签里面的文本呈斜体效果
水平布局，一行放不下会自动折行
这两个标签都是斜体效果，用哪个都可以
不能设置宽高
​
<em>明天还得做核酸</em>
<i>我拍了拍邵鹤淇说：我爱你<span style="color:red ;">❤</span> </i>
​
4.del标签
语法：
<del></del>
​
双标签
行级标签
宽高由内容撑开
del标签里面的文本呈删除线效果
水平布局，一行放不下会自动折行
不能设置宽高
​
<del>&yen;1111元</del>
​
5.a标签  超链接标签
​
超链接标签 
点击进行页面跳转
行级标签
双标签
语法：
<a href=""></a>
​
href属性：跳转的路径 
网址：href="https://www.baidu.com/"
本地文件：href="./1-span标签.html"
​
空链接 在href属性里加#，占位符，点击标签，会跳转到页面的顶部,不会刷新页面
空链接：href="#"
​
伪链接：href="JavaScript:"
伪链接，不具有跳转功能，在href属性里面加JavaScript:  :这个为英文状态下的： ,点击这个标签页面没有任何变化
​
​
宽高由内容撑开
水平布局，在一行显示，一行放不下会自动折行
自带字体颜色，了解:a标签点击之后颜色会变，没有原来那么蓝了
鼠标指针的形状变小手
自带下划线
​
target属性：链接的页面在哪里显示
_self:默认值，在当前页面打开（当前窗口）
_blank:在的页面打开（新的窗口）
写在开始标签里面
​
title属性：鼠标悬停在标签上显示的信息
​
a标签去掉自带下划线：text-decoration: none;
​

html实体字符

    1. <       &lt;
    2. >       &gt;
    3. ® 已注册   &reg;
    4.空格    &nbsp;
    5.© 版权   &copy;
    6.¥ 人民币  &yen;
    7. ™ 商标   &trade;
 

行间样式

css样式:是表现层，给标签设置样式（宽、高、背景颜色、字体颜色等）
​
css样式有3中引入方式
行间引入
内部引入
外链引入
​
​
语法：
写在开始标签中
style=''
样式写在''里
​
属性名： style（样式）
属性值：''
​
​
​
style=''
注意:''里面写样式，样式由声明语句组成
比如：声明语句： width:100px;
声明语句由属性名和属性值组成
属性名与属性值由冒号隔开
属性名：width
属性值：100px
​
多条声明语句由分号隔开
width:100px;height: 100px;background-color: tomato;
​
​
width:宽度    取值：px      width:100px;
height:高度    取值：px      height: 100px;
background-color：背景颜色   取值：颜色    background-color: tomato;
color:字体颜色     取值：颜色     color:yellow ;
font-size:字体大小  单位：px     font-size:50px ;
​
background:背景属性的复合写法，背景颜色，背景图片，背景平铺方式，背景定位
和
background-color：只能写背景颜色 
​
​
<div style="width:100px;height: 100px;background-color: tomato;">div行间样式</div>
<p style="color:yellow ; font-size:50px ;">p标签</p>

标签的属性

标签:属性
写在开始标签中
属性由属性名和属性值组成
属性名与属性值由等号隔开
属性值由引号包住
href=""
href:属性名
#：属性值
​
title="你好"
title:属性名
你好：属性值
<a href="#" title="你好"></a>

ps吸取颜色

1.在ps中，找到左边工具栏中设置前景色工具，点击，会出现一个小吸管，点哪里吸哪里，然后复制#后面的代码
最后把复制的代码粘贴到样式中（color,baground-color），记得加上#
#b092d0
十六进制表示色值法
​
2.在ps中按住i(英文状态下的i),会有一个小吸管，点哪里吸哪里，右击--点击--拷贝颜色的十六进值代码
最后把拷贝颜色的十六进值代码粘贴到样式中（color,baground-color），记得加上#
​
<p style="color: #044d9c;">你好</p>
<p style="color: #bf8770;">你好</p>