HTML——标题排版

小王在学习了

已于 2024-03-24 20:59:14 修改

阅读量181

点赞数 3

分类专栏： JavaWeb 文章标签： html 前端

于 2024-03-24 20:46:13 首次发布

本文链接：https://blog.csdn.net/wlx2513/article/details/136994522

版权

JavaWeb 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

案例——新浪新闻

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>焦点访谈：中国底气 新思想夯实大国粮仓</title>
</head>
<body>
    <img src="https://i2.sinaimg.cn/dy/deco/2012/0613/yocc20120613img01/news_logo.png" width="200px">新浪政务>正文
    <h1>焦点访谈：中国底气 新思想夯实大国粮仓</h1>
    <hr>
    2024年3月24日 20：19 央视网
    <hr>
</body>
</html>

运行结果

知识点

1、插入图片

<img src="" width="" height="">

src：路径（相对路径和绝对路径）。

相对路径：

./ #当前目录（可省略）
../ #上一个目录

绝对路径：本地磁盘路径和绝对网络路径。

width:宽度，单位：px（像素点）和%（占当前比）。

height:高度，单位：px（像素点）和%（占当前比）。

一般width和height只写一个，另一个会等比例放大缩小。

2、标题

<h1></h1> #最大
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6> #最小

3、水平线

hr

4、VScode快速显示模板

html：5

小王在学习了

关注

3
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
HTML——标题排版

一般width和height只写一个，另一个会等比例放大缩小。height:高度，单位：px（像素点）和%（占当前比）。width:宽度，单位：px（像素点）和%（占当前比）。绝对路径：本地磁盘路径和绝对网络路径。src：路径（相对路径和绝对路径）。
复制链接

扫一扫