HTML常用标签

常见的一些文本格式化标签:

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包裹起来,浏览器就会按照我们文本的格式进行展示
常用的转义字符:
        &nbsp; 相当于在敲了一个空格 (代表一个空格)
        &ensp; 相当于两个空格
        &gt; 将 ">"进行转义
        &lt; 将"<" 进行转义
        版权所有 &copy; 转义成 ©
        注册商标 &reg; 转义成 ®
        上标标签 sup： X²
        下标标签 sub： H₂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;
                ....
        }