常见的一些文本格式化标签:
b和strong的区别:
共同点:都是加粗的意思,对某段文本内容进行加粗标记
不同点:如果没有 语义上的一种强调,那么就去使用b标签(通用加粗标签:使用b 标签),如果有语义上的一种强调,那么就使用strong标签
i标签和em的区别:
共同点:都是标记斜体标签
不同点:如果没有语义强调就使用i标签(通用斜体标记),如果有语义强调,使用em标
列表标签:
无序列表 ul 和li:
ul是父标签
li是列表项(子标签)
ul标签默认的属性:
type:给列表项前面的标记值(默认disc,实习圆点) 不写就是默认值,circle:空心圆点,square:实心的小正方形
有序列表 ol和li:
ol是父标签
li是列表项(子标签)
ol的默认属性:
type:默认值是1,其他的值 A,a,I,i(改变文本前面的序列号)
自定义列表:
自定义列表以 <dl> 标签开始。
每个自定义列表项以 <dt> 开始。
每个自定义列表项的定义以 <dd> 开始
例如:<dl><!-- 定义列表 -->
<dt>***</dt> <!-- 自定义列表项-->
<dd>***</dd><!-- 具体项 的定义使用dd -->
</dl>
滚动标签:marquee
属性:
背景色bgcolor
behavior:滚动的方式 默认值scroll :连续滚动,slide:滑动一次到浏览器边框停止掉 ,alternate:来回滚动
direction:滚动的方式 :默认属性值 left(从右到左),right:(从左到右)up,down
scrollamount 表示运动速度,值是正整数 ,默认值是6
scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒
块元素:
div和span有什么区别:
div:块元素,占一行空间,多个div之间会自带换行效果
div应用场景 :结合css(给html标签进行修饰的),完成层级页面布局
span:行内标签 ,不会像div元素自带换行效果;是处在同一行上的
span应用场景:前端完成表单校验去做的;
举例: 用户在输入用户名之后,后面会有提示信息
使用span标签动态完成文本内容的设置
pre原样输出标签:将我们写的文本内容使用pre包裹起来,浏览器就会按照我们文本的格式进行展示
常用的转义字符:
相当于在敲了一个空格 (代表一个空格)
  相当于两个空格
> 将 ">"进行转义
< 将"<" 进行转义
版权所有 © 转义成 ©
注册商标 ® 转义成 ®
上标标签 sup: X<sup>2</sup>
下标标签 sub: H<sub>2</sub>O
超链接标签:
HTML 超链接(链接)a标签来表示
通过使用 href 属性 - 创建指向另一个文档的链接
href="url" url 称为 "网络资源定位符号"
可以使用本地地址也可以是网络地址
target:打开资源地址的方式
默认打开方式:_self(当前窗口直接打开新地址),_blank :新建一个窗口打开
超链接的第二种用法:
通过使用 name 属性 - 创建文档内的书签,作为"锚链接来使用"
在同一个html下
1)打锚点---(创建一个锚点(标记/书签))
<a name="锚点名称"></a>
2)创建跳转链接(需要从某个位置跳转到上面的锚点位置)
<a href="#锚点名称">跳转到锚点</a>
在不同页面下进行锚点跳转
1)在另一个页面的某个位置
打锚点---(创建一个锚点(标记/书签))
<a name="锚点名称"></a>
2)当前页面创建跳转连接,跳转到另一个页面的那个锚点位置
<a href="文件地址#锚点名称">跳转到锚点</a>
表格标签:
表格表格:使用table表示
下面有子标签
tr:行
属性:align:将td中的内容进行对齐方式
行的子标签
caption:给表格中设置标题
td:一行指定的单元格 (普通单元格)
th:给单元格设置表头信息(自动居中加粗效果)
table里面有一些属性
border:表格边框线 单位为像素大小(指定1-5px,值越大,边框线越粗)
cellspacing:设置表格单元格和边框之间的空隙,设置0,将单元格边框和表格的边框合并了
width和height:宽度和高度 像素大小或者占整个分辨率的百分比
align:给表格设置对齐方式 center 中间对齐
bgcolor:设置背景颜色
表格单元格合并:
rowspan:行合并(合并行)当前这个单元格行合并所占的格子数量
colspan:列合并(合并列)当前这个单元格列合并所占的格子数量
get提交和post提交的区别区别:
get提交:
1)会将用户的信息提交到地址栏上
格式 是在action的url地址后面?表单项标签中name属性值1=输入的内容值1&name属性的属性值2=输入内容2...
2)get提交,不适合提交用户的私密数据(像登录密码,需要进行处理加密(Java中--MD5加密的工具))
3)get提交由于在地址栏上的,所以提交的数据大小有限制!
post提交:HbuilerX运行,提交,找不到地址,手动方式去运行这个页面(不要使用工具运行)
1)不会将用户信息提交到地址栏上
2)相对get提交来说安全一些,但是密码的信息还需要加密的(后期通过工具加密)
3)相对get提交来说不会将信息提交地址栏上,所以提交数据大小无限制的
常见的表单标签的表单元素(表单项):
表单标签中的元素
都需要必填name属性="值" ,服务器地址就能够知道了用户输入的信息是什么
输入类型元素input
属性:
type="text" 文本输入框
type="password" 密码输入框
type="radio" 单项按钮
type="checkbox" 复选框
type="date" 日期组件
type="button" 普通按钮 结合value去使用 ,给按钮默认值
type="submit" 结合value属性="登录/注册" 特殊的提交按钮,将用户的信息提交到了action="服务器地址"
type="reset" 重置按钮
type="hidden" 隐藏域,没有效果,但是可以提交数据
下拉菜单select标签
子标签 option:下拉选项
文本域:textarea标签
rows:指定书写的行数
cols:一行有多个字符
CSS常用的选择器:
1.标签名称选择器{
样式属性名称1:值1;
样式属性名称2:值2;
....
}
2 class选择器(类选择器)
需要在 你的标签指定class属性="值"
.class属性值{
样式属性名称1:值1;
样式属性名称2:值2;
....
}
同一个页面中的class属性值是可以同名的!
class(类)选择器 :同一类元素 优先级 > 标签名称选择器
3 id选择器
在标签中指定id="值",注意:id选择器的id的值,必须唯一!
(id属性值唯一,能够解决浏览器中部分标签的兼容性问题)
但是我们现在没有学习js(javascript),所以id值重复,也可以展示被id选中的效果;
#id属性值{
样式属性名称1:值1;
样式属性名称2:值2;
....
}
上面三个选择器是设置css的最基本选择器
id选择器 > class选择器 > 标签名称选择器组合选择器
4 并集选择器
选择器1,选择器2,选择器3....{ 选择器可以是上面id,class类,标签名称选择器
样式属性名称1:值1;
样式属性名称2:值2;
....
}
5 子元素选择器
选择器1 选择器2 { 选择器2选中的标签是选择器1的子标签
样式属性名称1:值1;
样式属性名称2:值2;
....
}
6 后代选择器:
选择器1 > 选择器2 { //选择器2选中的元素是选择器1的后代元素
样式属性名称1:值1;
样式属性名称2:值2;
....
}