JavaWeb-HTML基础标签&样式-01-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_62858623/article/details/143874232

HTML基础标签&样式

VSCode

之前学过就在复习一下吧

HTML基础标签&样式

Case:标题

title:

标题标签：h1-h6

水平分割线：<hr>

VSCode

! + Enter 快捷键

<!DOCTYPE html>代表的是该文本是html文件

注释快捷键 ctrl+ /

Case:

标题排版：

<!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 :路径
            宽度高度进设置一个另一个会等比例缩放
            width：宽度   px/ %    width="300px"  width="30%"
            height:高度
            绝对路径(绝对磁盘路径  绝对网页路径)  /  相对路径  ./与该网页文件同级目录下（当前目录） ../上级目录
            -->
    <img src="./img\news_logo.png" > 新浪政务> 正文

    <h1>焦点访谈： 中国底气 新思想夯实大国粮仓</h1>
    <hr>
        2023年03月02日 21:50 央视网 
    <hr>
</body>
</html>

img图片可以设置高度和宽度可以是像素px也可以是占比。

img的路径可以是相对路径（相对于该文件的路径）；绝对路径（磁盘绝对路径和网页绝对路径）。