一、HTML的基本内容
1.标签
标签元素:<h1-6>标题
<p>文本
<a>超链接
<hr>水平线
<br>换行
<img>插入图片
<form>表单
2.代码及其实现
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>第一个H5文件</title>
</head>
<body>
<h3 id="top">唐诗三首</h3>
<a href="#黄鹤楼">黄鹤楼</a> <br>
<a href="#江雪">江雪</a> <br>
<a href="#静夜思">静夜思</a> <br>
<hr>
<h3 id="黄鹤楼">黄鹤楼</h3>
<p>昔人已乘黄鹤去,此地空余黄鹤楼。</p>
<p>黄鹤一去不复返,白云千载空悠悠。</p>
<p>晴川历历汉阳树,芳草萋萋鹦鹉洲。</p>
<p>日暮乡关何处是?烟波江上使人愁。</p>
<img src="img/黄鹤楼.jpg" alt="黄鹤楼" width="400" height="500">
<hr>
<h3 id="江雪">江雪</h3>
<p>千山鸟飞绝,万径人踪灭。</p>
<p>孤舟蓑笠翁,独钓寒江雪。</p>
<img src="img/江雪.jpg" alt="江雪" width="400" height="500">
<hr>
<h3>静夜思</h3>
<p>床前明月光,疑是地上霜。</p>
<p>举头望明月,低头思故乡。</p>
<img src="img/静夜思.jpg" alt="静夜思" width="400" height="500">
<br>
<form action="">
姓名:<input type="text" name="username"><br>
密码:<input type="password" name="password"><br>
年龄:<input type="number" name="age">
</form>
</body>
</html>
二、CSS的基本内容
1.CSS三种常用引入方式
(1).直接在某个元素上加style属性
(2).在head标签里面,加style子标签
(3)在外部建一个css文件,再用link标签将外部css标签引入
2.CSS选择器
优先级:id选择器>class选择器>元素选择器</li>
分类:
后代、子代、交集、并集、属性选择器、伪类选择器
示例:
最后,帮忙点个赞呗!