2020-11-17兴唐第二节体验课

最新推荐文章于 2024-09-11 10:49:17 发布

hautWZ

最新推荐文章于 2024-09-11 10:49:17 发布

阅读量94

点赞数

分类专栏： h 文章标签： html

本文链接：https://blog.csdn.net/hautWZ/article/details/109751758

版权

h 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<p style="font-size: 36px;">河南工业大学</p>
		<p style="text-align: center;">河南工业大学</p>
		<div>河南工业大学</div>
		<ol start="2" type="I">
			<li>语文</li>
			<li>数学</li>
			<li>英语</li>
		</ol>
		<!--有序排列 ordered list-->
		<ul type="square">
			<li>语文</li>
			<li>数学</li>
			<li>英语</li>
		</ul>
		<!--无序排列 unordered list（不能start)-->
	<!--块级元素：长度填充整个副标记，高包裹内容，单独成行，能调整居中-->
		<b>百度</b>
		<i>百度</i>
		<del>百度</del>
		<span>百度</span>
	<!--行内元素:长度和宽度包裹内容，不会自动换行，不能调整居中-->
	</head>
	<body>
		
	</body>
</html>

排列与元素类型

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			table{
				border: 1px solid black;/*加黑色1像素边框*/
				border-spacing: 0px;
				border-collapse: collapse;/*删去空隙*/
			}
			th,td{
				border: 1px solid black;
			}
		</style>
	</head>
	<body>
		<table>
			<tr>
				<th>1</th><th>2</th><th>3</th>
			</tr>
			<tr>
				<td>一</td><td>二</td><td>三</td>
			</tr>
			<tr>
				<td>壹</td><td>贰</td><td>叁</td>
			</tr>
		</table>
	</body>
</html>

列表

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--form表单-->
		<form>
				<input type="hidden"/><!--隐藏框-->
				<input type="text"/><!--文本框-->
				<input type="password" placeholder="请输入密码"/><!--密码框-->
				<input type="file"/><!--文件框-->
			<!--下拉列表-->
			<select>
				<option>请选择</option>
				<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" /><label>女</label>
			<!--复选框-->
			<input type="checkbox" name="hobby">篮球
			<input type="checkbox" name="hobby">足球
			<input type="checkbox" name="hobby" id="pingpong"><label for="pingpong">乒乓球</label>
		</form>
	</body>
</html>

表单（向浏览器发送数据）

hautWZ

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2020-11-17兴唐第二节体验课

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <p style="font-size: 36px;">河南工业大学</p> <p style="text-align: center;">河南工业大学</p> <div>河南工业大学</div> .
复制链接

扫一扫