2021/4/27 “有关html/css的重要知识点的备忘录”

最新推荐文章于 2022-02-06 18:32:13 发布

王祺灏

最新推荐文章于 2022-02-06 18:32:13 发布

阅读量254

点赞数 2

分类专栏：前端文章标签： css html

本文链接：https://blog.csdn.net/qq_47354826/article/details/116203778

版权

前端专栏收录该内容

20 篇文章 2 订阅

订阅专栏

有关html/css的重要知识点的备忘录

一、用于显示特殊字符的字符实体：

特殊字符	转义符
空格	&nbsp；
大于号(>)	&gt；
小于号(<)	&lt；
引号(”)	&quot；
版权号(©)	&copy；

二、分隔标签

分割标签分为两个部分：

文字分隔标签
分割线标签

文字分割标签：
（1）强制换行标签 <br>
（2）强制分段标签 <p>,</p>
分割线标签：
分割线标签<hr>可以在网页上产生一条水平的分割线，将上下内容区分开；
使用<hr>的属性：width（横向长度）,size（厚度）,color（颜色）,align（分割线的对齐方式）,noshade（设置取消阴影）设置想要的分割线。

三、有关表格（table）

1.表格属性设置

表格可以设置相关属性，例如：border，bgcolor，background，width，height，align这些均是常见属性，除此之外还可以设置
单元格之间的距离（cellspacing）
单元格内容与边框的距离（cellpadding）
单元格水平合并（colspan） → 值为合并的单元格的个数
单元格垂直合并（row） → 值为合并的单元格的个数

（后两项很常用，比如将两个按钮放到同一个单元格内）
代码示例：

<html>
<head></head>
<body>
	<table>
		<tr>
		    <td colspan="2" align="center">
		            <input type="button" value="发送" onclick="checkarticle()"/>
		            <input type="reset" value="重写">
		    </td>   	
		 </tr>
	</table>
</body>
</html>

四、有关表单（form）

1.<.form>标签的method属性

method:指向服务器传递数据的http方法
主要有 Get 和 Post 两种方法

区别：
Get： 将表单控件的信息编码之后通过url发送，可以在浏览器的地址栏中看到这些信息；
Post：在地址栏中看不到提交的信息。

用途：
只为取得少量数据时，选择Get方法；
涉及数据的保存和更新，即大量数据时，选择Post方法

2.表单域

表单域包括：文本框、多行文本框、密码框、隐藏域、复选框、单选按钮、文件上传框、下拉选择框。

2.1文本框：text
<input type="text" name=" " size=" "maxlength=" " value=" ">
value用于设置文本框初始值
size定义文本框的宽度

2.2多行文本框：textarea
<textarea name=" " rows=" " cols=" "></textarea>
cols用于定义文本框宽度
rows用于定义文本框高度

2.3密码框:password（输入文字时，文字会被*号或其他符号代替）
<input type="password" name=" " maxlength=" " size=" ">

2.4复选框：checkbox（允许在待选选项中选择一个至多个）
<input type="checkbox" name=" " value=" ">
value用于定义复选框中的值
通常情况下，对于一组复选框的name值要相同！

2.5单选按钮：radio
<input type="radio" name=" " value=" ">
name用于设置单选按钮的名字
name相同的单选按钮为一组，一组中只能选择一项！

2.6下拉选择框：select
<select name=" " multiple>
<option value=" " selected>...</option>
<option value=" " selected>...</option>
</select>

select标签至少包含一个option标签
multiple表示可以多选 (选择框默认为单选)
selected表示本选项被选中
value表示选择项option的值

代码示例：在这里插入图片描述

3.表单按钮

表单按钮包括：提交按钮、复位按钮、普通按钮。

3.1提交按钮：submit（将输入的表单信息提交到服务器）
<input type="submit" name=" " value=" ">
value定义按钮的显示文字

3.2复位按钮：reset（点击后清除表单输入的信息）
<input type="reset" name=" " value=" ">
value定义按钮的显示文字

3.3普通按钮：button (用来响应JavaScript事件，如onclick，调用相关函数来实现各种功能)
<input type="button" value=" " onclick=" ">
value定义按钮的显示文字
onclick通过脚本函数来定义按钮点击的功能 →值为js中的函数名

代码示例：在这里插入图片描述

五、css的三种使用方式

在web页面中使用css的方法有如下三种：

内嵌样式
内部样式表
外部样式表

内嵌样式： 就是将css语句混合在html标签中的方式。
内部样式表： 将css语句通过style标签声明，放在head标签中。
外部样式表： 将css语句保存为独立的样式表文件，后缀名采用.css
再通过link标签将css文件引入到网页中。

王祺灏

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
2021/4/27 “有关html/css的重要知识点的备忘录”

有关html/css的重要知识点的备忘录一、用于显示特殊字符的字符实体：二、分隔标签三、有关表格（table）1.表格属性设置四、有关表单（form）1.<.form>标签的method属性2.表单域3.表单按钮一、用于显示特殊字符的字符实体：特殊字符转义符空格&nbsp；大于号(>)&gt；小于号(<)&lt；引号(”)&quot；版权号(©)&copy；二、分隔标签分割标签分
复制链接

扫一扫

专栏目录