html标签

2023-06-30

/2023

字数统计: 586 | 阅读时长≈ 2 分钟

html部分

head部

<head>
<base hrel="全文档基础链接" target="设置网页打开方式（新建或者原页刷新）">
<title>标题</title>
<link rel="stylesheet" type="text/css" hrel="链接外部样式表"/>
<style>
	/*可以直接添加样式来渲染 HTML 文档*/
	body
	{
	width:20px;
	}
</style>

</head>

body部

	<h1>标题1</h1>
	<h2>标题2</h2>
	...
	<img src="图片地址"/><!--插入图片-->
	
	<p>段落</p>
	
	<a hrel="链接地址">链接</a>
	<img src="图片地址" width="" height="" />
	
	<br/>换行
	<button title="按钮">初始按钮</button>
	<hr/><!--分割线-->
	
	<ul><!--无序列表-->
		<li><!--定义列表项-->
		</li>
	</ul>
	<ol><!--无序列表-->
	
	</ol>
	
	
	
	<table>
			<tr><!--表格的一行-->
				<th>表头单元格(列标题)</th>
			</tr>
			<tr>
				<td>数据单元格</td>
			</tr>
	</table>
	
	<div><!--区块（分区）-->
		<form action="后台接收数据网址" method="get/post"><!--表单-->
		<!--
		post：指的是 HTTP POST 方法，表单数据会包含在表单体内然后发送给服务器，用于提交敏感数据，如用户名与密码等。

get：默认值，指的是 HTTP GET 方法，表单数据会附加在 action 属性的 URL 中，并以 ?作为分隔符，一般用于不敏感信息，如分页等.
-->
			<!--
			HTML 表单用于收集用户的输入信息。

HTML 表单表示文档中的一个区域，此区域包含交互控件，将用户收集到的信息发送到 Web 服务器。
-->
			<lable for="in">这是输入框的标题<!--for用于绑定另外一个元素--></lable>
			<input type="text" name="firstname" id="in"><br/><!--输入文本域（通过type确定）-->
			<input type="password" name="pwd"><!--password是独特的密码字段-->
			<!--
			除此外还有
			radio----单选按钮
			checkbox---复选框
			-->
			<input type="submit" value="按钮显示的字">
		</form>
		
	</div>

打赏

版权声明： 本博客所有文章除特别声明外，著作权归作者所有。转载请注明出处！