1.网页中的元素以成对出现为主：
根元素：<html> </html>
头部元素：<head> </head>
主体：<body></body>
2.基本属性：
在头部元素中可以添加：网页主题<title>主题名称</title>
html
<html><!--网页的根元素-->
<head>
<title>这是我的第一个网页</title>
</head>
</html>
如果使用css在head部分添加 <link rel="stylesheet" href="work.css" />
颜色部分为.css文件名称！！！
网页的内容都是写在body中的。
html
<body>
<!--标题标签-->
<h1>这是一个标签</h1>
<h2>这是一个标签</h2>
<h3>这是一个标签</h3>
<h4>这是一个标签</h4>
<h5>这是一个标签</h5>
<h6>这是一个标签</h6>
<!--段落标签-->
<p><strong>本次在线</strong><em>教学课程</em><del>主要讲解</del>前端页面的工程化能力</p>
<img src="C:\Users\27860\Desktop\背景\报纸墙雪之下雪乃动漫电脑壁纸_彼岸壁纸.jpg" width="200" height="200">
<img src="C:\Users\27860\Desktop\背景\水中孤独的猫壁纸_彼岸壁纸.jpg" width="200" height="200">
<img src="a.jpg" alt="自拍">
<img src="http://img.netbian.com/file/2025/0917/222033hPqw0.jpg" width="200" height="200">
<!--链接标签-->
<a href="https://www.baidu.com" target="_blank">百度</a><!--target="_blank"新窗口打开-->
<a href="测实.html" target="_blank">测试页面</a>
<!--列表元素标签-->
<h4>我的爱好</h4>
<ul>
<li>看电影</li>
<li>写代码</li>
<li>运动</li>
</ul>
<h4>我的爱好</h4>
<ol>
<li>看电影</li>
<li>写代码</li>
<li>运动</li>
</ol>
</body>
h开头的标签和word的标题是一个性质，h1是一级依次往下，虽然标签可以多次出现但是建议一个页面只使用一次1级标签。
p为段落标签<strong>本次在线</strong><em>教学课程</em><del>主要讲解</del>这些strong之类的可以穿插在文字之中对局部文字进行修饰；也可以在p标签中进行修改：
<p style="color:yellow; font-size:20px"></p>。
添加图片<img src="xxxxx" >，其中xxxxx可以是自己电脑上图片的位置如：C:\users\....；也可以是图片的网络地址：http://img.netbian.com/file/2025/0917/222033hPqw0.jpg。
列表元素：ul是无序号，ol是有序号
html
<h4>我的爱好</h4>
<ul>
<li>看电影</li>
<li>写代码</li>
<li>运动</li>
</ul>
<h4>我的爱好</h4>
<ol>
<li>看电影</li>
<li>写代码</li>
<li>运动</li>
</ol>
完整代码：
html
<html><!--网页的根元素-->
<head>
<title>这是我的第一个网页</title>
</head>
<body>
<!--标题标签-->
<h1>这是一个标签</h1>
<h2>这是一个标签</h2>
<h3>这是一个标签</h3>
<h4>这是一个标签</h4>
<h5>这是一个标签</h5>
<h6>这是一个标签</h6>
<!--段落标签-->
<p style="color:yellow;font-size:20px"><strong>本次在线</strong><em>教学课程</em><del>主要讲解</del>前端页面的工程化能力</p>
<img src="C:\Users\27860\Desktop\背景\报纸墙雪之下雪乃动漫电脑壁纸_彼岸壁纸.jpg" width="200" height="200">
<img src="C:\Users\27860\Desktop\背景\水中孤独的猫壁纸_彼岸壁纸.jpg" width="200" height="200">
<img src="a.jpg" alt="自拍">
<img src="http://img.netbian.com/file/2025/0917/222033hPqw0.jpg" width="200" height="200">
<!--链接标签-->
<a href="https://www.baidu.com" target="_blank">百度</a><!--target="_blank"新窗口打开-->
<a href="测实.html" target="_blank">测试页面</a>
<!--列表元素标签-->
<h4>我的爱好</h4>
<ul>
<li>看电影</li>
<li>写代码</li>
<li>运动</li>
</ul>
<h4>我的爱好</h4>
<ol>
<li>看电影</li>
<li>写代码</li>
<li>运动</li>
</ol>
</body>
</html>