HTML5第一课时

最新推荐文章于 2022-05-04 22:02:17 发布

甲戌天火

最新推荐文章于 2022-05-04 22:02:17 发布

阅读量253

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/qq_36872096/article/details/61614268

版权

HTML5 专栏收录该内容

78 篇文章 0 订阅

订阅专栏

<!DOCTYPE html><!--文档类型声明:
1:告诉浏览器当前页面使用的语法标准
2：浏览器按照声明的标准去渲染你的页面-->
<html><!--html文档的开始--><!--超文本-->
<head lang="en"><!--head内的标签，用来声明原数据，描述数据的数据-->
    <meta charset="UTF-8">
    <!--meta类的标签：
    1.制定文档的编码方式
    2.添加网页关键字
    3.添加网页描述
    4.添加作者信息-->
    <meta name="description" content="这是我在杰瑞教育的第一个网页"/>
    <!--description是描述，content是要描述的内容-->
    <meta name="keywords" content="heml,杰瑞教育，KARRYCHEN"/>
    <!--keywords是搜索关键字，content为关键字的内容-->
    <!--title用来显示在浏览器的标签栏上-->
    <link rel="icon" href="../image/qqzone.png"/><!--添加网页的小图标-->
    <!--<link rel="stylesheet" href="../css/demo.css"/>&lt;!&ndash;添加文字的属性，用css&ndash;&gt;-->
    <!--link类标签
    1.引用外部css文件
    2.指定浏览器网页标签栏图标-->
    <title>我的网页</title><!--网页的名字-->
    <!--title标签
    1.指定浏览器网页标签栏内容-->
</head>
<!--body用来包含页面上显示的所有内容-->
<body>
<!--1：元素，例如：<p>梦幻西游之偷天换日</p>-->
<!--2：标签，例如：p标签，h1标签-->
<!--3：属性，例如：标签内部的style，src，width，height等等-->
<!--4：内容，例如：标签里面的字‘梦幻西游之偷天换日’-->
<!--标签的特点：
1.标签是成对出现的，
前面的标签是开始标签，后面的标签是结束标签（闭合标签）
2：闭合标签有/-->
<p>梦幻西游之偷天换日</p>
<hr/>
<!--这个整体是一个元素，其中在标签内的style为属性，标签中间的为内容-->
<img src="../image/mh.JPG" width="120px" height="160px" />
<!--img自闭合标签，其中../是跳到上一级的文件夹image中，在选择mh.JPG-->
<!--标签的分类：
1.块级标签，独占一行
2.行级标签，占用的宽度跟其中的内容等宽-->
<h1>块级标签</h1><!--脚表越小，标题越大-->
<p style="font-size: 32px;font-weight: bolder">块级标签</p>
<!--属性等价于h1，但是不要用这个替代h1，因为二者的优先级不同-->
<hr/>
<span>行级标签</span>
<hr/>
</body>
</html>

甲戌天火

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5第一课时

html>文档类型声明:1:告诉浏览器当前页面使用的语法标准2：浏览器按照声明的标准去渲染你的页面-->html>文档的开始-->head lang="en">内的标签--> meta charset="UTF-8">搜索声明文档类型和编码，搜索关键字和描述--> meta name="description" content="这是我在杰瑞教育的第一个网页"/>
复制链接

扫一扫