<!DOCTYPE html><!--文档声明-->
<html>
<!--页头-->
<head>
<title>绿叶学习网</title><!--定义网页地址栏标题-->
<!--meta的两个属性name和http-equiv 格式为meta+属性(meta或者http-equiv+content内容)-->
<meta charset="utf-8"/><!--防止乱码-->
<meta name="keywords" content="绿叶学习网,前端开发,后端开发"/>
<meta name="description" content="绿叶学习网是一个富有活力的Web技术学习网站"/>
<meta name="author" content="helicopter"/>
<meta name="copyright" content="本站所以教程均为原创,版权所有,禁止转载。否则必将追究法律责任。"/>
<meta http-equiv="Content-Type" content="meta/html;charset=utf-8"/><!--定义网站所使用的编码+定义网页自动刷新跳转-->
<!--给表格加上边框-->
<style type="text/css">
table,tr,tb{border:1px solid silver}
</style>
</head>
<!--页身-->
<body>
<!--(文章)标题标签-->
<h1>这是一级标签</h1>
<h2>这是二级标签</h2>
<h3>这是三级标签</h3>
<h4>这是四级标签</h4>
<h5>这是五级标签</h5>
<h6>这是六级标签</h6>
<p>床前明月光,疑似地上霜。<br/>举头望明月,低头思故乡</p><!--p是普通文本 br/换行标签-->
<!--粗体标签-->
<strong>这是粗体文本</strong>
<b>这是粗体文本</b>
<!--斜体标签-->
<i>这是斜体文本</i>
<em>这是斜体文本</em>
<cite>这是斜体文本</cite>
<!--上标标签-->
<p>(a+b)<sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>+2ab</p>
<!--下表标签-->
<p>H<sub>2</sub>O</p>
<!--中划线标签-->
<p><s>我爱学习</s></p>
<!--下划线标签-->
<p><u>武汉科技大学</u></p>
<!--大小字号标签-->
<p><big>大字号</big></p>
<p><small>小字号</small></p>
<!--水平线标签-->
<hr/>
<!--div标签-->
<div>
<P> 水陆草木之花<!--空格(一个汉字相当于3个 )--></P>
</div>
<!--有序列表-->
<ol type="a"><!--1 a A i I属性-->
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>Vue.js</li>
</ol>
<!--无序列表-->
<ul type="square"><!--disc实心圆 circle属性 square正方形属性-->
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>Vue.js</li>
</ul>
<!--定义列表-->
<dl><!--定义列表的开始和结束-->
<dt>HTML</dt><!--要解释的名词-->
<dd>制作网页的标准语言,控制网页的结构</dd><!--具体解释-->
</dl>
<!--表格-->
<!--rowspan合并行 colspan合并列-->
<table>
<tr><!--行-->
<td colspan="2">前端开发技术</td><!--单元格-->
</tr>
<tr>
<td>HTML</td>
<td>CSS</td>
</tr>
<tr>
<td>JavaScript</td>
<td>jQuery</td>
</tr>
</table>
<!--图片-->
<img src="1.jpeg">
<!--超链接-->
<a href="https://news.sina.com.cn/gov/xlxw/2023-03-03/doc-imyipzuy7321600.shtml">焦点访谈</a>
</body>
<!--表单标签-->
<form method="post">
姓名<input type="text" value="helicopter" />
密码<input type="password" value="123456"/>
<!--重置按钮-->
<input type="reset" value="重置"/>
性别:
<input type="radio" name="gender" value="男"/>男
<input type="radio" name="gender" value="女"/>女
你喜欢的水果:<br>
<input type="checkbox" name="fruit" value="苹果"/>苹果
<input type="checkbox" name="fruit" value="香蕉"/>香蕉
<input type="checkbox" name="fruit" value="西瓜"/>西瓜
<input type="checkbox" name="fruit" value="桃子"/>桃子
<!--普通按钮-->
<input type="button" value="1"/>
<input type="button" value="2"/>
<!--多行文本框-->
个人简介:<br/>
<textarea rows="5" cols="20">请介绍一下自己</textarea>
<!--下拉列表-->
<select>
<option>HTML</option>
<option>CSS</option>
<option>jQuery</option>
<option>JavaScript</option>
</select>
</form>
<!--框架-->
<iframe src="https://news.sina.com.cn/gov/xlxw/2023-03-03/doc-imyipzuy7321600.shtml" width="100" height="50"></iframe>
</html>
第一次课后作业:html内容总结
于 2023-12-25 12:21:58 首次发布