实现标题-排版
<!-- 文档类型为HTML -->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 字符集为UTF-8 -->
<meta charset="UTF-8">
<!-- 设置浏览器兼容性 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>焦点访谈：中国底气 新思想夯实大国粮仓</title>
</head>
<body>
<!--
img标签：
src：资源路径
width：宽度(px, 像素 ; %, 相对于父元素的百分比)
height：高度()
路径书写方式:
绝对路径：
1.绝对磁盘路径：D:\java基础学习及资料\黑马javaWeb\day01\HTML\img\news_logo.png
2.绝对网络路径：https://slide.news.sina.com.cn/slide_1_2841_594842.html#p=1
相对路径：
./ :当前目录 , ./ 可以省略的
../:上一级目录
-->
<!-- <img src="D:\java基础学习及资料\黑马javaWeb\day01\HTML\img\news_logo.png" width="80%"> -->
<img src="img/news_logo.png"> 新浪政务 > 正文
<h1>焦点访谈：中国底气 新思想夯实大国粮仓</h1>
<hr>
2023年03月02日 21:50 央视网
<hr>
</body>
</html>
标题样式：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>焦点访谈：中国底气 新思想夯实大国粮仓</title>
<!-- 方式二：内嵌样式 -->
<style>
h1 {
/* color:red; */
color: rgb(255, 0, 0);
}
</style>
<!-- 方式三：外联样式 -->
<!-- <link rel="stylesheet" href="CSS/news.css"> -->
</head>
<body>
<img src="img/news_logo.png"> 新浪政务 > 正文
<!-- 方式一：行内样式 -->
<!-- <h1 style="color: red;">焦点访谈：中国底气 新思想夯实大国粮仓</h1> -->
<h1>焦点访谈：中国底气 新思想夯实大国粮仓</h1>
<hr>
2023年03月02日 21:50 央视网
<hr>
</body>
</html>
本文介绍了使用HTML和相关技术（如CSS）在网页中创建和排版标题，以及处理图片资源链接的方法，以确保兼容性和优化显示效果。
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
