Web学习笔记-1-常用标签

最新推荐文章于 2023-12-14 17:04:35 发布

DD_W

最新推荐文章于 2023-12-14 17:04:35 发布

阅读量299

点赞数

分类专栏： web视频学习笔记文章标签： html web

本文链接：https://blog.csdn.net/wingsemotion/article/details/114652682

版权

web视频学习笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍了HTML中的常见标签，如标题标签（h1-h3）、换行符（br）、超链接（a）及其属性（href, target）、表格（table, tr, td, th, colspan, rowspan）、表单（form, input, action, method）、以及CSS基础选择器（标签选择器，ID选择器，类选择器，分组选择器）。同时讲解了路径（绝对路径，相对路径）和如何使用base标签统一设置超链接的打开方式。" 115002458,8494580,数字芯片设计：握手与反压详解,"['芯片设计', 'FPGA', 'Verilog', '数字逻辑']

摘要由CSDN通过智能技术生成

常用的标签

标题标签（最多六个，常用的为下列三个）：

<h1>一级标题
<h2>二级标题
<h3>三级标题

<br>换行符

使用a标签创建一个超链接

href属性:用来设置要跳转的页面的路径
关于路径：

绝对路径：以盘符开头的一个完整的路径
相对路径：相对于当前页面所在的路径
在相对路径中通过../返回上一级目录，返回多级目录使用多个../

target属性:用来设置要跳转的页面在何处打开

_self:默认，在当前标签页打开
_blank:在新的标签页打开

<base>标签中的target属性可以统一设置当前页面中的超链接的打开方式（base标签在<head>中）

通过table标签创建一个表格

表格中的行用tr标签表示
跨行合并单元格使用rowspan设置
表格中每行中的列用td标签表示
跨列合并单元格使用colspan属性设置，align属性设置居中
表格中的表头使用th标签表示

※form表单

使用form标签创建一个表单

action属性：指定服务器的地址
method属性：指定表单的请求方式
get:默认值，发送一个GET请求，用户输入的数据通过浏览器的地址栏进行传输
post:发送一个POST请求，用户输入的数据通过请求体进行传输

表单中的表达项使用input标签表示，不同的表单项通过type属性指定,必须给每个表单项指定name属性值，用户输入的数据通过name属性值进行携带，并以键值对的形式发送到服务器

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<form action="success.html" method="post">
		用户名：<input type="text" name="username"><br>
		密码：<input type="password" name = "password"><br>
		<input type="submit" value="登录">
	</form>
</body>
</html>

CSS中的基本选择器

标签选择器
格式：标签{}
ID选择器
格式： #id属性值{}
类选择器
格式：.class属性值
分组选择器
将各个选择器之间使用逗号进行分隔
格式举例：#p1,.p2{}

div标签：主要用来布局，默认占用浏览器的一整行

<!-- login.html -->
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	body{
		background-color:pink
	}
</style>
</head>
<body>
	<h1>欢迎登录</h1>
	<form action="login_success.html" method="post">
	用户名称：<input type="text" name="username"><br>
	用户密码：<input type="password" name="password">
	<input type="submit" value="登录">
	</form>
</body>
</html>