HTML常用标签

最新推荐文章于 2023-05-18 18:41:03 发布

LL__Sunny

最新推荐文章于 2023-05-18 18:41:03 发布

阅读量388

点赞数 2

分类专栏： html 文章标签： HTML常用标签1.超链接标签 a HTML常用标签2.列表：有序列表，无序列表，自定义列表 HTML常用标签3.表单标签

本文链接：https://blog.csdn.net/LL__Sunny/article/details/103421126

版权

html 专栏收录该内容

16 篇文章 5 订阅

订阅专栏

HTML常用标签

1.超链接标签 `<a href="链接地址"></a>`

2 列表：有序列表，无序列表，自定义列表

(1)有序列表

	<ol>
		<li>具体内容</li>
		<li>具体内容</li>
		<li>具体内容</li>
	</ol>

(2)无序列表

	<ul>
		<li>具体内容</li>
		<li>具体内容</li>
		<li>具体内容</li>
	</ul>

(3)自定义列表

	<dl>
		<dt>自定义的标题</dt>
		<li>具体内容</li>
		<li>具体内容</li>
		<li>具体内容</li>
	</dl>

3.表单标签

（1）text 单行输入框

<input type="text">

（2）密码

<input type="password">

（3）radio 单选框

<input type="radio">

（4）checkbox复选框

<input type="checkbox">

（5）多项选择框

          <select name="" id="">
				<option value="">江苏</option>
				<option value="">安徽</option>
				<option value="">浙江</option>
				<option value="">湖南</option>
				<option value="">湖北</option>
				<option value="">北京</option>
		  </select>

（6)textarea为多行文本框 cols=“每行中的字符数” rows=“显示的行数”

<textarea name="" id="" cols="30" rows="10">写点内容</textarea>

（7）提交按钮

<input type="submit" value="提交">

（8）重置按钮

<input type="reset" value="重置">

（9）换行`<br>`

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>html常用标签</title>
</head>
<body>
	<!-- 1.超链接标签  a -->
	<a href="https://blog.csdn.net/LL__Sunny">LL__Sunny的博客</a><br>
	<a href="https://www.baidu.com">百度一下</a>
	<!--2. 列表：有序列表，无序列表，自定义列表 -->
	<!-- （1）  有序列表 -->
	<ol>
		<li>《西游记》</li>
		<li>《水浒传》</li>
		<li>《三国演义》</li>
		<li>《红楼梦》</li>
	</ol>
	<!-- （2）无序列表 ul -->
	<ul>
		<li>《西游记》</li>
		<li>《水浒传》</li>
		<li>《三国演义》</li>
		<li>《红楼梦》</li>
	</ul>
	<!-- (3) 自定义列表dl -->
	<dl>
		<dt>中国四大名著</dt>
		<li>《西游记》</li>
		<li>《水浒传》</li>
		<li>《三国演义》</li>
		<li>《红楼梦》</li>
	</dl>
	<!-- 3.表单标签  其中<br> 为换行符-->
	<form action="#">
		<!-- text 单行输入框 -->
		账号：<input type="text"><br>
		<!-- 密码 -->
		密码：<input type="password"><br>
		<!--radio 单选框 -->
		性别：<input type="radio">男 <input type="radio">女<br>
	   <!-- checkbox复选框 -->
		爱好：<input type="checkbox">音乐 <input type="checkbox">IT <br>
		头像：<input type="file"><br>
		<!-- 选择框 -->
		家乡：<select name="" id="">
				<option value="">江苏</option>
				<option value="">安徽</option>
				<option value="">浙江</option>
				<option value="">湖南</option>
				<option value="">湖北</option>
				<option value="">北京</option>
			</select>
				<br>
		<!--input为单行文本 textarea为多行文本框 cols="每行中的字符数" rows="显示的行数"  -->
		简介：<textarea name="" id="" cols="30" rows="10">写点内容</textarea><br>

		<!-- 提交按钮 -->
		<input type="submit" value="提交"><br>
		<input type="reset" value="重置"><br><br>
	</form>
</body>
</html>