2023.11.3 今天练习了基本标签
代码：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf8"/>
<title>第三章练习</title>
</head>
<body>
<h3>静夜思</h3> <!--标题标签-->
<p>床前明月光，疑是地下霜。</p> <!--文本标签-->
<p>举头望明月，低头思故乡。</p>
</body>
</html>运行结果
知识点：
1.HTML标签，head标签，body标签
2.head标签主要学习了title标签，meta标签，style标签
3.body标签主要学习了HTML注释
2023.11.4 今天练习了 本文
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>第四章文本练习</title>
</head>
<body>
<h4><strong>各科小常识</strong></h4>
<!--这是第一部分-->
<div>
<h5><strong>语文</strong></h5>
<p> 三国演义是中国四大古典名著之一，元末明初小说家罗贯中所著，是中国第一部章回体历史演义小说，描<br/>
写了从东汉末年到西晋初年近100年的历史风云</p>
</div>
<hr/>
<!--这是第二部分-->
<div>
<h5><strong>数学</strong></h5>
<p> 勾股定理直角三角形：a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup>。</p>
</div>
<hr/>
<!--这是第三部分-->
<div>
<h5><strong>英语</strong></h5>
<p> No pain,No gain.</p>
</div>
<hr/>
<!--这是第四部分-->
<div>
<h5><strong>化学</strong></h5>
<p> H<sub>2</sub>SO<sub>4</sub>是一种重要的工业原料，可用于制作肥料、洗涤剂等。</p>
</div>
<hr/>
<!--这是第五部分-->
<div>
<h5><strong>经济</strong></h5>
<p> 版权符号：©；</p>
<p> 注册商标：®；</p>
</div>
</body>
</html>运行结果：
知识点：
1.标题标签<h></h>，段落标签<p></p>,换行标签<br/>
2.文本标签：粗体标签<strong></strong>,斜体标签<em></em>,下标标签<sub></sub>,上标标签<sup></sup>,中划线标签<s></s>,下划线标签<u></u>,大字号标签<big></big>,小字号标签<small></small>
3.<div></div>标签
4.特殊符号空格 ；
2023.11.5 今天练习了列表
代码：
<!DOCTYPE HTML>
<HTML>
<head>
<meta charset="utf-8"/>
<title>第四章练习</title>
</head>
<body>
<h1>问卷调查</h1>
<ol>
<li><h3>你是通过什么途径来到绿叶学习网的？</h3></li>
<ol type="A">
<li>百度搜索</li>
<li>谷歌搜索</li>
<li>其他途径</li>
</ol>
<li><h3>你觉得绿叶学习网页面设计怎么样？</h3></li>
<ol type="A">
<li>酷炫大方</li>
<li>比较普通</li>
<li>非常粗糙</li>
</ol>
<li><h3>你觉得这本书怎么样？（多选）</h3></li>
<ul type="disc">
<li>通俗易懂，轻松幽默</li>
<li>内容丰富，技巧贼多</li>
<li>三个字：好到爆！</li>
</ul>
</ol>
</body>
</HTML>运行结果：
知识点：
1.有序列表语法
<ol type="属性值">
<li>列表项</li>
<li>列表项</li>
</ol>
2.无序列表语法
<ul type="属性值">
<li>列表项</li>
<li>列表项</li>
</ul>
3.注意：ul的子元素只能是li，文本不能直接放在ul元素内
2023年11.6 今天练习了表格
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>第六章练习</title>
</head>
<body>
<table border="1px solid red" width="500px">
<caption>学生成绩表</caption>
<!--这里是表头-->
<thead>
<tr>
<th>姓名</th>
<th>性别</th>
<th>成绩</th>
</tr>
</thead>
<!--这里是表身-->
<tbody>
<tr>
<td>张三</td>
<td>男</td>
<td>250</td>
</tr>
<tr>
<td>李四</td>
<td>男</td>
<td>520</td>
</tr>
</tbody>
<!--这里是表尾-->
<tfoot>
<tr>
<td>平均分</td>
<td colspan="2">385</td>
</tr>
</tfoot>
</table>
</body>
</html>运行结果：
知识点：
1.表格结构
<table>
<caption>表格标题</caption>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<tr>
</table>
2.表头单元格th，粗体居中
3.thead标签，tbody标签，tfoot标签
4.合并行rowspan，合并列colspan
2023.11.7 今天练习了图片
代码：
<!DoCTYPE HTML>
<HTML>
<head>
<meta charset="utf-8"/>
<title>TFBOYS介绍</title>
</head>
<body>
<img src="img/tf.png" alt="" width="400px"/>
<div>
<h3><strong>基本信息</strong></h3>
<p>团队名称：tfboys</p>
<p>团队成员：王俊凯、王源、易烊千玺</p>
<p>团队简介：TFBOYS，中国内地男子演唱组合，2013年8月6日，TFBOYS发布组合形象宣传片《十年》，正式出道。</p>
</div>
<hr/>
<img src="img/kai.png" alt="" width="400px" />
<div>
<p>团队成员：王俊凯</p>
<p>基本信息：1999年9月21日出生于重庆市，中国内地影视男演员、流行乐歌手，男子演唱组合TFBOYS队长，毕业于北京电影学院2017级表演系本科班。</p>
</div>
<hr/>
<img src="img/yuan.png" alt="" width="400px"/>
<div>
<p>团队成员：王源</p>
<p>基本信息：2000年11月8日出生于重庆市，中国内地男歌手、演员、主持人、作家，男子演唱组合TFBOYS成员。2011年底，成为TF家族练习生，2013年8月，以TFBOYS组合成员身份出道。</p>
</div>
<img src="img/xi.png" alt="" width="400px"/>
<hr/>
<div>
<p>团队成员：王俊凯、王源、易烊千玺</p>
<p>基本信息：2000年11月28日生于湖南省怀化市洪江市，中国内地男演员、歌手、舞者，演唱组合TFBOYS成员，毕业于中央戏剧学院。</p>
</div>
</body>
</HTML>运行结果：
知识点：
1.图片标签img
2.scr用于指图片路径；alt和title用于图片描述
2023.11.8 今天练习了超链接
代码：
<!DOCTYPE html>
<HTML>
<head>
<meta charset="uft-8"/>
<title>超链接练习</title>
</head>
<body>
<div>
<h5>知识点1：文本和图片超链接学习</h5>
<a href="https://www.xiqianyangyi.com/">千玺的个人网站入口</a><br/>
<a href="https://www.xiqianyangyi.com/"><img src="img/xi.png" width="400px"></a>
</div>
<div>
<h5>知识点2：target属性练习</h5>
<a href="https://www.xiqianyangyi.com/" target="_blank">在新的窗口打开千玺的个人网站</a>
</div>
<div>
<h5>知识点3：内部链接练习</h5>
<a href="ch5.html">跳转到第五章练习</a>
</div>
<div>
<h5>知识点4：锚点链接练习</h5>
<div>
<a href="#qianxi">千玺歌单</a><br/>
<a href="#junkai">俊凯歌单</a><br/>
<a href="#yuanyuan">源源歌单</a><br/>
</div>
<img src="img/tf.png" width="400px">
<div id="qianxi">
<p>千玺</p>
<ul>
<li>精彩才刚刚开始</li>
<li>你说</li>
<li>粉雾海</li>
</ul>
<p><a href="https://y.qq.com/n/ryqq/search?w=%E6%98%93%E7%83%8A%E5%8D%83%E7%8E%BA&t=song&remoteplace=txt.yqq.top">点我可听歌</a></p>
</div>
<div id="junkai">
<p>俊凯</p>
<ul>
<li>树读</li>
<li>我的</li>
<li>想见你只想见你</li>
</ul>
<p><a href="https://y.qq.com/n/ryqq/search?w=%E7%8E%8B%E4%BF%8A%E5%87%AF&t=mv&remoteplace=txt.yqq.top">点我可听歌</a></p>
</div>
<div id="yuanyuan">
<p>源源</p>
<ul>
<li>骄傲</li>
<li>客厅狂欢</li>
<li>流星也为你落下来</li>
</ul>
<p><a href="https://y.qq.com/n/ryqq/search?w=%E7%8E%8B%E6%BA%90&t=mv&remoteplace=txt.yqq.top">点我可听歌</a></p>
</div>
</div>
</body>
</HTML>运行结果：
知识点：
1.文本和图片的超链接：<a href="">文本、图片</a>
2.内部链接：指向自身网站页面
3.锚点链接：点击超链接，会跳转到当前页面的某一部分
2023.11.9 今天练习了表单
代码：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="uft-8"/>
<title>表单练习</title>
</head>
<body>
<form method="post">
昵称：<input type="text"/><br/>
密码：<input type="password"/><br/>
邮箱：<input type="text"/>
<select>
<option value="qq.com" selected>qq.com</option>
<option value="163.com">163.com</option>
<option value="sina.cn">sina.cn</option>
</select>
<br/>性别：
<input type="radio" name="gender" value="男"/>男
<input type="radio" name="gender" value="女"/>女<br>
爱好：
<input type="checkbox" name="旅游" value="旅游"/>旅游
<input type="checkbox" name="摄影" value="摄影"/>摄影
<input type="checkbox" name="运动" value="运动"/>运动<br/>
个人简介：<br/>
<textarea rows="20" cols="50">请介绍一下你自己</textarea>
<br/>上传个人照片：<br/>
<input type="file"/>
<hr/>
<input type="submit" value="立即注册"/>
</form>
</body>
</html>运行结果：
知识点：
form标签：所有表单标签在form标签内部 <form method="post" ></form>
- input标签：大多数表单用input标签
（1）<input type="text"/>单行文本框
（2）<input type="password"/>密码文本框
（3）<input type="radio"/>单选框
（4）<input type="checkbox"/>多选框
（5）<input type="button、submit、reset"/>按钮
（6）<input type="file"/>文件上传
- textarea标签：多行文本框
（1）语法：<textarea rows="行数" cols="列数" value=“取值”>默认内容</textarea>
- 下拉列表：由select和option标签配合使用
（1）语法：<select>
<option>选项内容</option>
……
<option>选项内容</option>
</select>
3084
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
