⽹页中设定表格边框的厚度的属性_补充⼀点前端知识近期学习Python的时，发现牵扯到前端的⼀些知识，好吧，那就先看前端吧
⼀、HTML⽹页的基本结构
1、什么是HTML语⾔：
HTML语⾔指的是超⽂本标记语⾔，使⽤⼀套固定的标记标签来描述⽹页
2、HTML标签：
HTML标签由尖括号包围的关键字，⼀般成对出现，如
HTML标签不区分⼤⼩写
3、HTML⽹页的结构
简单的⽰例：
保存为.html⽂件后⽤⽹页打开如下
4、设置⽹页背景⾊和背景图⽚
上例中，修改body标签，并在该⽹页所在⽂件夹中添加图⽚
5、设置背景⾳乐
在
标签中添加bgsound标签，src为⾳频的源⽂件地址，loop为播放次数，当值为-1时表⽰循环播放
6、字体和段落标签
段落标签
换⾏标签
标题标签
~
分别代表⼀级标题⾄六级标题
显⽰效果如下：
html中提交表单用什么属性
字体标签
字体⼤⼩值 size    字体颜⾊ color  字体类型 face
静夜思
特殊符号
空格
引号(“”)"          "
⼩于(
⼤于(>)>          >
版权号(© )©    ©
⽔平线标签
size，定义⽔平线的⾼度，默认值为1px
width，定义⽔平线的宽度，取值可以是⼀个像素值，也可以是⼀个百分⽐。默认值100%
align，定义⽔平线的对齐⽅式，取值为left,right,center
noshade，定义⽔平线有⽆阴影
字体样式
与  下划线：
斜体：与  加粗：与  下划线：
样式预格式化
test
保留⽂字在源代码中的格式，页⾯中显⽰的和源代码中的效果完全⼀致
如：
HTML代码
显⽰
7、图像标签
图像标签包含的属性如下：
src 图像的路径，border 图像的边框， width图像的宽度 ，height 图像的⾼度， alt为图像添加的提⽰性⽂字，align图像与⽂本的对齐⽅式(中部对齐、顶部对齐、底部对齐、左对齐、右对齐)
如：
⼆、HTML表格，列表
1、表格的基本语法
还⽤
标签创建表格.. 定义列..定义⾏
跨⾏ colspan  跨列 rowspan
colspan=“3” 表⽰跨3⾏
2、表格的美化修饰
在table标签中可定义以下属性：
width 设置表格的宽度
height  设置表格的⾼度
border  设置表格边框宽度
bordercolor  设置表格边框颜⾊
background  设置表格的背景图⽚
bgcolor  设置表格、⾏、列的背景⾊  定义在TR或TD标签中
align 设置表格内⽂字的对齐⽅式，left center right
3、表格的填充属性
border 设置外边框的厚度
cellpadding  设置单元格填充
cellspacing  设置单元格间距
table 标签中定义，具体设置的内容如下图所⽰：
将上例中table设置如下
页⾯显⽰如下图
4、有序列表
始于标签
1. ，每个列表项始于
2. 标签
type 定义列表的编号类型 a，按字母显⽰  i,⼩写罗马数字显⽰ I,⼤写罗马数字显⽰
start 确定开始的编号
5、⽆序列表
使⽤type 定义每⼀列前显⽰的符号，circle为空⼼圆，square为实⼼矩形，默认为实⼼圆
6、滚动标签
scrolldelay 滚动延迟时间，以毫秒为单位
direction 滚动的⽅向，默认⽔平滚动，从右到左
behavior 反复滚动
height和width 滚动的空间范围
在上例基础上增加⼀个滚动标签，代码如下
三、HTML表单
1、表单的典型应⽤场景：
注册，登录，搜索等
浏览者输⼊数据-->数据填⼊表单中-->提交到后台处理的数据
2、表单的属性
action 属性规定向何处提交表单的地址(提交页⾯)
⼀般与submit类型表单结合使⽤
method 属性规定在提交表单时所⽤的http⽅法，常⽤的有 get (默认)和 post
get⽅法： 最适合少量数据的提交，因为浏览器会设定容量限制，表单数据在页⾯地址栏中是可见的，因此安全性不⾼
post⽅法：安全性稍⾼，适⽤于包含敏感信息的数据
name 规定识别表单的名称
3、表单元素
元素有很多形态，根据不同的type属性
type 指定元素的类型，name 指定控件的名称，value 控件的初始值，size 控件的初 始宽度， maxlength 控件中输⼊的最多字符个数，checked控件是否被选中
元素的类型
四、超链接
1、路径的表⽰⽅式
绝对路径：指定从根⽬录到⽂件的完整路径
相对路径：指定相对于当前⽂件的⽂件位置
如：链接到同⼀⽬录下的页⾯，可编写
或信箱
五、HTML框架布局frame
1、框架是什么
⼀个包含多个HTML的⽂档的HTML⽂件称为框架页⾯，可以⽣成独⽴变化和滚动的窗
⼝，从⽽能将⼀个页⾯分割为若⼲个⼦窗体
如下图：
框架⽰例
注：使⽤框架的⽹页不存在主体
2、作⽤
把浏览器窗⼝划分为若⼲个区域，每个区域可以分别显⽰不同的⽹页
3、窗⼝分割标签
将窗⼝分割为若⼲⼦窗体，⼦窗⼝的数⽬取决于嵌套在该标签中标签的数⽬，有两个属性，rows，cols 确定⾼度和宽度(参数值可以是数字、百分数、符号*)
将窗⼝分割成n个，并设置每个窗⼝的⾼度，代码如下：
4、标签属性
src框架连接的源页⾯
noresize显⽰页⾯时能否调整框架⼤⼩
scrolling是否可以显⽰滚动条
如：
HTML代码
显⽰效果
5、嵌套框架
在上例中间的框架中嵌套⼀个百度⾸页，如下
6、内嵌框架
能够在不改变页⾯结构的情况下嵌⼊其他页⾯的内容
六、CSS层叠样式表
CSS：是⽤于控制⽹页样式并允许将样式信息与⽹页内容分离的⼀种标签语⾔
1、样式表的基本语法：
选择器{属性1：值1；属性2：值2......}
常⽤的⽂本属性：
font-size⽂本的字体⼤⼩
font-family⽂本的字体
font-weight⽂本字体的粗细
font-style⽂本的字体样式
color设置⽂本的颜⾊
text-align设置⽂本的对齐⽅式
2、选择器的分类
a、HTML标签选择器
使⽤HTML可识别的标签作标识，可⽤于选择⼀组标签
若要修改整⾸古诗的字体等格式，可在
标签后⾯添加修改，但是太⿇烦，此时可以使⽤HTML选择器选择所有的
标签
在
中添加
结果如下：
b、class类选择器
适⽤于局部⼏个位置的样式，不改变整个⽹页的段落样式，样式规则同HTML选择器，但声明时需要以“.”开始如：修改上例中的诗名的格式
在
.title{color:red;font-family:"华⽂彩云";font-size:36px;}
修改
静夜思
为

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。