1--html基础_无序列表图片的大小怎么改-CSDN博客

本文链接：https://blog.csdn.net/lxhby520/article/details/80504638

html的特点

html标签是由尖括号包围的关键词
标签中的第一个标签是开始标签第二个是结束标签
通常是成对存在，也有是单独存在
伴随着有属性和属性值

css样式

css的注释/**/
css层叠样式：后面的样式会把前面的样式覆盖，是网页化妆师
三种写法 1 是内部样式2外部样式 3标签内样式

javascript

是操作html页面
响应用户操作
验证传输数据

标题标签

<h1>``<h2>``<h3>``<h4>``<h5>``<h6>
字体逐渐变小
字体有加粗效果

使用标题标签的好处

层次分明，重点突出
在seo上排名赋予更高的权重

段落标签

<p>是定义段落的文字，通常用来引入一段文字
<span>是区分样式标签

加粗标签

<b> <strong>有加粗效果
区别：

b标签没有强调的作用；strong有强调的作用；seo权重

倾斜标签

<i>``<em>标签有倾斜效果
区别：i标签没有强调 em标签有强调作用

上标和下标

sub``sup分别为下标和上标
<p>我有10<sup>10</sup></p>10的是次方

有序列表无序列表自定义列表

无序列表属性

ul{
    list-style-type:dics实心圆  square方块  circle空心圆
}

有序列表 ol/li
自定义列表 dl dt dd
ul/li ol/li dl/dd必须成对出现不能再两者之间插入别的标签但是可以再li标签内嵌套别的标签

图片标签

<img>标签
四要素：1 src引入路径 2宽度 3 高度不用带单位 4alt替换文字当图片显示不出来用alt表示图片信息，seo 5 title鼠标悬浮上去，标记图片内容不是四要素
等比例缩放只写一个

图片路径

路径：绝对路径和相对路径、
绝对路径：

通过域名找到这张图片
通过盘符找

相对路径：从相对自己的位置

相对路径与绝对路径的优缺点：

优：快速找到相对的图片
缺点：绝对路径：位置发生改变，图片就显示不出来
../是返回上一层目录 ./是当前目录如果上一层找不到继续../找图片../../

a标签的用法

<a>是超链接标签当点击时候会跳转到另一个页面
有下划线字体变颜色
怎么实现不跳转 <a herf="#"></a>
在当前页面跳转和新页面跳转<a href="https://www.baidu.com" target="_self"></a>默认是在当前页面跳转 <<a href="https://www.baidu.com" target="_blank"></a>新页面跳转

a标签用作锚点：#+绑定名

<a href="#p19">我要</a>
<p>我是p1</p>
<p>我是p2</p>
<p>我是p18</p>
<p id="p19">我是p19</p>
<p>我是p20</p>
<p>我是p21</p>
<p>我是p22</p>

通过id绑定可以实现跳转任何标签都可以

<a href="#p19">我要</a>
<a href="#p15">我要</a>
<p>我是p12</p>
<p>我是p13</p>
<p>我是p14</p>
<p><a href="" name="p15"></a>我是p15</p>
<p>我是p16</p>
<p>我是p17</p>
<p>我是p18</p>
<p id="p19">我是p19</p>
<p>我是p20</p>