web常用标签

<div>Hello</div>///占用一行文本 

<span>123</span>//在一行 <span>123</span> <span>123</span> <span>123</span> <span>123</span> ///段落标记<p>111</p> 

效果如图：

<h1>标题1</h1> <h2>标题2</h2> 

效果如图：

<ul type="square">  <li>hello</li>  <li>hello</li>  <li>hello</li>  <li>hello</li>
</ul>

效果如图：

<img src="file:///C|/Users/DELL/Pictures/新建文件夹/QQ图片20220419204829.png">
//这是一个单标签

效果就是插入了一张图片。

<hr>

效果如图：

<table width="600" border="1">
<tr>
<th>hello</th>
<th>hello</th>
<th>hello</th>
<th>hello</th>
</tr>
<tr>
<th>hello</th>
<th>hello</th>
<th>hello</th>
<th>hello</th>
</tr>
</table>

效果如下图：

<div id="login-word" align="center"> <b>邮箱账号登录</b></div>

<table>
					<tr height="80px">
                    	<td width="30px"></td>
						<td><input type="text" placeholder="邮箱账号或手机号码" class="">@126.com</td>
                        <td width="30px"></td>
					</tr>
					<tr height="80px">
                    	<td width="30px"></td>
						<td><input type="password" placeholder="输入密码" class=""></td>
                        <td width="30px"></td>
					</tr>
					<tr height="80px">
                    	<td width="30px"></td>
						<td><input type="checkbox"/>30天内免费登录 <a class="">忘记密码？</a></td>
                        <td width="30px"></td>
					</tr>
					<tr height="80px">
                    	<td width="30px"></td>
						<td><input type="submit" value="登录" class="button-size"></td>
                        <td width="30px"></td>
					</tr>
				</table>

效果如图：

<input type="radio"/>hello
<input type="checkbox" name="" id="" value=""/>hello
<input type="button" value="hello"/>
<input type="text" placeholder="邮箱账号或手机号码"/>
<input type="password" placeholder="输入密码"/>
<input type="submit" value="hello"/>
<input type="reset" value="重置"/>

效果依次如下图：

< // 小于号  
">> //大于号
& //与字符
"//引号
 //空格   

.daohang{
		border-left:#6E6A6A 1px solid;
		padding-left:12px;
		}

效果图如下：