2020-11-19

最新推荐文章于 2024-09-06 23:41:09 发布

hjr_2432159231

最新推荐文章于 2024-09-06 23:41:09 发布

阅读量79

点赞数

文章标签： html

本文链接：https://blog.csdn.net/m0_52084292/article/details/109826742

版权

收获：    行内元素：高度和宽度包裹内容，不单独成行    块级元素：高度包裹内容，宽度等于父标记，单独成行     del 删除线   块级元素内文本可剧中
               有序列表 order list ==ol
               无序列表 unorder list ==ul
              创建表格   table         表头=th     table head

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<img src="" alt="" />
		<!--行内元素：高度和宽度包裹内容，不单独成行 -->
      <!--块级元素：高度包裹内容，宽度等于父标记，单独成行-->
      <a href="https://www.baidu.com">百度</a>
      <i>郑州</i><b>郑州</b><span>郑州</span><del>郑州</del>
                                            <!--
                                            	del 删除线
                                            	块级元素内文本可剧中
                                            -->
      <div style="text-align:center ;">郑州</div>
      <li style="text-align:center ;">郑州</li>
      <p style="text-align:center ;">郑州</p>
   <h1 style="text-align:center ;">郑州</h1>
   <h6 style="text-align:center ;">郑州</h6>
   <!--
   	有序列表 order list ==ol 
   -->
   <ol start="3" type="I">
   	<li>郑州</li>
   	<li>郑州</li>
   	<li>郑州</li>
   	<li>郑州</li>
   	</ol>
   	<!--
       	无序列表 unorder list ==ul
       -->
   	<ul type="square">
   		<li>郑州</li>
   		<li>郑州</li>
   		<li>郑州</li>
   		<li>郑州</li>
   		<li>郑州</li>
   		
   	</ul>
   
      
      
      	
       
	</body>
</html>

<form action="">
			<!--隐藏框  -->
			<input type="hidden" />
			<!--文本框-->
           <input type="text" placeholder="请输入用户名" />
           <!--密码框-->
           <input type="password" placeholder="请输入密码" />
           <!--文件框 -->
           <input type="file"  />
           <!--下拉列表 -->
          <select >
          	<option >--请选择--</option>
          	<option >河南省</option>
          	<option >江苏省</option>
          	<!--评论区-->
          </select>
          <textarea></textarea>
          <!--单选题-->
          <input type="radio"  name="sex" id="male"/><label for="male">男</label>
          <input type="radio" name="sex" id="female"/><label for="female">女</label>
		</form>

	<!--
        	表格css样式
        -->
		<style>
			
			table{
				border: 1px solid black;
				border-spacing: 0px;
				border-collapse: collapse;
				
			}
			th,td{
				
				border: 1px solid black;
			}
		</style>
<!--
        	创建表格   table 表头=th table head
        -->
		<table>
			<tr>
				<th>序号</th><th>姓名</th><th>手机号</th><th>家庭住址</th>
			</tr>
			<tr>
				<td>1</td><td>Jim</td><td>110</td><td>郑州市高新区派出所</td>
			</tr>
			<tr>
				<td>2</td><td>lucy</td><td>120</td><td>郑州市中心医院</td>
			</tr>
			<tr>
				<td>3</td><td>kitty</td><td>119</td><td>郑州市消防大队</td>
			</tr>
		</table>

hjr_2432159231

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2020-11-19

收获：行内元素：高度和宽度包裹内容，不单独成行块级元素：高度包裹内容，宽度等于父标记，单独成行 del 删除线块级元素内文本可剧中有序列表 order list ==ol 无序列表 unorder list ==ul 创建表格 table 表头=th table head<!DOCTYPE html><html> <...
复制链接

扫一扫