前端学习day01
1.网页中的元素以成对出现为主：
根元素：<html> </html>
头部元素：<head> </head>
主体：<body></body>
2.基本属性：
在头部元素中可以添加：网页主题<title>主题名称</title>
<html><!--网页的根元素--><head><title>这是我的第一个网页</title></head>
</html>
如果使用css在head部分添加 <link rel="stylesheet" href="work.css" />
颜色部分为.css文件名称！！！
网页的内容都是写在body中的。
<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是有序号
<h4>我的爱好</h4><ul><li>看电影</li><li>写代码</li><li>运动</li></ul><h4>我的爱好</h4><ol><li>看电影</li><li>写代码</li><li>运动</li></ol>
完整代码：
<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>