有关html/css的重要知识点的备忘录
一、用于显示特殊字符的字符实体:
特殊字符 | 转义符 |
---|---|
空格 |  ; |
大于号(>) | >; |
小于号(<) | <; |
引号(”) | "; |
版权号(©) | ©; |
二、分隔标签
分割标签分为两个部分:
- 文字分隔标签
- 分割线标签
文字分割标签:
(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文件引入到网页中。