HTML初步学习

最新推荐文章于 2023-01-31 10:17:10 发布

爱吃兽奶的小不点丶

最新推荐文章于 2023-01-31 10:17:10 发布

阅读量510

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/qq_62292176/article/details/124169350

版权

HTML

超文本标记语言

1.结构代码

<!DOCTYPE html>//文档申明
<html>
    <head>//页头
        <meta charset="UTF-8">
        <title>网页标题</title>
    </head>
    <body>//页身
        网页显示内容
    </body>
</html>

<!--文档声明：html5-->
<!DOCTYPE html>
<!--当前网页的语言是英文，默认不指定是中文=》lang="zh"-->
<html lang=en>
    <head>
        <!--指定网页的编码格式-->
        <meta charset="UTF-8">
        <!--在移动设备浏览网页时，网页不缩放-->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!--在ie浏览器浏览网页时，使用ie最高版本-->
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        </head>
        <body>
            <!--html语言里的注释快捷键 ：windows：ctrl+/；mac：cmd+/-->
            hello
        </body>
        </html>

2.常见的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>Document</title>
</head>
<body>
    <!-- 双标签 -->
    <h1>我是第一级标题</h1>
    <h6>六级标题</h6>
    <div>容器标签</div>
    <P>段落标签</P>
    <!-- 单标签 -->
    <hr>
    <img src="D:\photo\61603884b1db4185bb2202fbf9c7d155.png" alt="图片加载失败会显示">
    <br>
    <hr>
    <!-- 带有属性标签 -->
    <a href="https://www.baidu.com">百度</a>
    <!-- 标签可以嵌套，但不能交叉嵌套 -->
    <div>
        <p>段落标签</p>
    </div>
</body>
</html>

3.资源路径

1.相对路径：从当前目录算起的路径

2.绝对路径：从根目录算起的路径

3.资源路径一般会使用相对路径，更加方便和通用，绝对路径在把工程拷贝给别人以后可能出现资源找不到的问题

4.列表标签

1.列表标签的种类

最低0.47元/天解锁文章

爱吃兽奶的小不点丶

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML初步学习

HTML超文本标记语言1.结构代码<!DOCTYPE html>//文档申明<html> <head>//页头 <meta charset="UTF-8"> <title>网页标题</title> </head> <body>//页身网页显示内容 </body></html><!--文档声
复制链接

扫一扫