<!DOCTYPE html> <!--声明文件类型为HTML格式-->
<html> <!--根文件，表示要写的东西是html-->
<head> <!--头部信息-->
<meta charset="UTF-8"> <!--声明编码格式为utf-8（中文编码）-->
<title>练习与格式</title> <!--提示信息，显示在标题（浏览器标题）-->
</head>
<body> <!--页面主体（显示在页面的主体内日）-->
<!--常用标记-文本-->
<div>
<!--块标签-->
<!--文本标题-->
<h1>一级标题</h1> <!--一级标题，对应6号字体-->
<h2>二级标题</h2> <!--二级标题，对应5号字体-->
<h3>三级标题</h3> <!--三级标题，对应4号字体-->
<h4>四级标题</h4> <!--四级标题，对应3号字体-->
<h5>五级标题</h5> <!--五级标题，对应2号字体-->
<h6>六级标题</h6> <!--六级标题，对应1号字体-->
</div>
<div>
<!--段落标记-->
<p>段落文本内容</p>
<!--这是一个段落-->
123456
<!--空格（所占位置没有一个确定的值，这与当前字体字号都有关系。-->
<br/>
<!--强制换行-->
<hr/>
<!--水平线-->
<b>加粗内容</b>
<!--加粗-->
<strong>加粗内容</strong>
<!--加粗内容-->
<i>倾斜内容</i>
<!--倾斜-->
<em>同为倾斜内容</em>
<!--倾斜-->
</div>
<div>
<ul>
<!--无序列表组成-->
<li>11111</li>
<li>22222</li>
<li>33333</li>
</ul>
<ol>
<!--有序列表组成（文本前端会自动显示序号-->
<li>11111</li>
<li>22222</li>
<li>33333</li>
</ol>
<dl>
<!--自定义列表（多用于一图一文字的组合，例如例如浏览器右边，上边是图片，下边是文字的组合-->
<dt>名词</dt>
<dd>解释</dd>（定义描述）
</dl>
</div>
<div>
<img src="timg.jpg"/>
<!--src="文件存放位置"-->
<img src="kong.jpg" alt="kong" title="动漫日历壁纸"/>
<!--ail="图片名" title="图片标题-->
<!--注：alt属性是图片名字，是给百度搜索引擎抓取使用；title的作用，当你的鼠标放在图片上，会显示title提示的内日，鼠标移开就没有了-->
<a href="https://www.baidu.com" target="_blank">百度一下</a>
<!--target是链接打开方式；_blank指在新窗口打开；_self 指在当前窗口打开新链接-->
<hr/>
</div>
<div>
<!--数据列表的组成-->
<table width='1000'>
<!--表格标签-->
<tr>
<!--行标签-->
<td>11111</td>
<!--td是单元格标签-->
<td>22222</td>
<td>33333</td>
<td>44444</td>
</tr>
</table>
<!--
width="表格的宽度"
height="表格的高度"
border="表格的边框"
bgcolor="表格的背景色"
cellspacing="单元格与单元格之间的间距"
cellpadding="单元格与内容之间的空隙"
水平对齐方式:align="left/center/right";
-->
<!--colspan="所要合并的单元格的列数"合并列-->
<!--rowspan="所要合并的单元格的行数"合并行-->
</div>
<div>
<form action="url" method="get/post" name="名">
<!--表单域，action用于设定表单数据文件的URL的地址，这个文件通常是一个后台程序或是一个电子邮件地址。 method：指定数据传递到服务器的方式。 name用于设定表单名称，便于其他地方引用表单的值。-->
<input type="text"/>
<!--文本框-->
<input type="password"/>
<!--密码框-->
<input type="submit" value="提交"/>
<!--提交按钮-->
<input type="reset" value="重置"/>
<!--重置按钮-->
<input type="button" value="跳转"/>
<button>提交</button>
<!--跳转按钮-->
<input type="radio" name="111"checked="checked"/>男
<input type="radio" name="111"/>女
<!--单选按钮-->
<input type="checkbox" name="111" checked="checked"/>
<input type="checkbox" name="222" checked="checked"/>
<input type="checkbox" name="333" checked="checked"/>
<!--复选框-->
<!--checked="checked"指默认选中；disabled="disabled"指禁用-->
<select name="1111">
<option>菜单内容</option>
<option>页面内容</option>
</select>
<!--下拉列表-->
<textarea name="名" cols="宽度" rows="行数"></textarea>
<!--文本域/多行文本框-->
</form>
</div>
<div id="id名" class="class名">
<!--文档区域，文档布局对象-->
</div>
<div>
<span>span的用法</span>
<!--文本结点（某一小段文本，或是某一个字-->
</div>
<div style=width:120px;color:blue>你好啊</div>
</body>
</html>
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
