【Html】02-基本标签2

最新推荐文章于 2022-01-09 21:24:55 发布

郑SaScha

最新推荐文章于 2022-01-09 21:24:55 发布

阅读量187

点赞数 1

分类专栏： Html+CSS入门学习记录文章标签： html

本文链接：https://blog.csdn.net/m0_53493562/article/details/117809515

版权

Html+CSS入门学习记录专栏收录该内容

24 篇文章 0 订阅

订阅专栏

内容展示标签（续）

em标签（斜体）权重大

i标签（斜体）

<em>我是斜体字，权重较大.</em>
<i>我也是斜体字</i>

a 超链接标签/锚点链接

<a href = "http://www.baidu,com" target="_self">我是一个会跳转的链接,单击就能跳转。</a>

href 放链接地址（http://）开头；或者带id属性的锚点；

target 默认值为 “_self “(当前窗口打开链接)” _blank”(新的窗口打开链接)

br 换行标签

这是一个单标签

<p>这个位置<br />换行了。</p>

img图像标签

这是一个单标签

<img src="图片地址" alt="图片说明" title="图片的介绍" width="图片的宽" height="图片的高">

src="" 图片的路径尽量不要出现中文

路径的写法：（分两种）

1.相对路径：在指定区域内出发去寻找

范围小;

有参照物；

表示位置关系

<1> 当前目录：./ (可以省略不写)

例：网页与图片是兄弟关系

直接写：（图片名称）.jpg

<2>上级目录：…/

例：网页与图片所在文件夹是兄弟关系

直接写：(图片所在文件夹)/（图片名称）.jpg

<3>上上级目录：…/…/ （隔多少层就写多少…/）

2.绝对路径：直接写明完整路径

网络路径：

http://xxxxxx.jpg

本地路径：

C:\Users\Desktop\img.jpg（本地建议用相对路径）

alt=“图片说明”

当图片加载不出来的时候显示的信息

title=“图片的介绍”

鼠标停留在图片上时显示的信息

width=“图片的宽” height=“图片的高”

可以依据需要指明宽高；图片加载不出来时占据位置（不影响布局）

CSS样式的书写

1.行内样式表：直接将样式书写在标签中的 style 属性中

<body>
    <div style="color = red;font-size:24px">我是行内样式</div>
</body>

2.内嵌样式表：在中，通过style标签书写

<style>
    div{
        color:red;
        font-size=24px;
    }
</style>

3.外部样式表：在CSS文档中书写样式；在标签中通过引入

@charset "utf-8";
div{
     color:red;
     font-size=24px;
}

<head>
	<link rel="stylesheet" href ="css/index.css">
</head>

@charset “utf-8” 声明字符集

END

郑SaScha

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录