html基础知识总结

html 学习
1 p为段落标签 有一个常用标签align配合 left,center,right


2 hr是水平线段标签 属性: size(水平线的宽度) width(水平线的长) align(水平线的对齐方式) noshade(线段无阴影

color(线段内部的颜色)


3 文字设计标签 font 属性:size(1-7 默认为3) face(字体类型) color(字体颜色)


4 常见标签 ①<b> <strong> 粗体 ②<u> <ins> 下划线 ③<i> <em> 斜体 ④<sup> 上标 ⑤<sub> 下标 ⑥<blink> 闪烁 ⑦<del> <s> 删除线标签 ⑧ ⑨


5 列表标签
① <ul typle="circle(空心小圆圈)||disc(实心小圆圈)||square(小方块)">【无序列表】 配合<li>标签使用
② <ol typle="1||a||i||l" start="1">【有序列表】配合<li>使用 start决定开始的位置

6 表格
一、基本设置
① <table>:定义表格,表格的所有内容都写在这个标签之内
② <caprion>:定义标题,标题会自动出现在整张表格的上方
③ <tr>:定义表行
④ <th>:定义表头 包含在<tr>之间 文字会自动加粗
⑤ <td>:定义表元(表格的具体内容) 包含在<tr>之间


二、表格标签大多拥有的公共属性
① align:<table> <tr> <td> 都可以设置
② bgcolor:设置背景的颜色
③ border:设置边框的宽度,属性值为整数,为0时表格没有边框,默认值为0
④ width: 宽度,默认单位为像素,也可以使用百分制单位
⑤ height: 高度,默认单位为像素,也可以使用百分制单位


三、对于整张表格,<table>标签常用的属性有以下几个
① bordercolor: 表格边框的颜色,默认为黑色
② cellpadding:表元边框的宽度
③ cellspacing: 表元的边框与表格边框之间的宽度


四、合并单元格
①合并单元格必须对<td>标签中的rowspan colspan进行设置,属性值都是整数,默认为1没有合并。这两个属性的
意思分别为:从该单元起,该表元在行或列上占有的单元格数,比如设置某个<td>标签为rowspan=2,表示该表元
及其下面的表元合并为一个。


五、超连接和图片标签
①图片标签 <img src="" alt="" title="" width="" heigth="" />
src 图片的来源 必写属性
alt 替换文本 图片不显示时
Title 提示文本 鼠标放到图片上显示的文字
Width 图片宽度
Height 图片高度

②超链接 <a href="" title="" target="">我是一个超链接</a>

href 超链接的目标地址 title 提示文本 target 超链接的打开方式

(1)target="_self" 默认值 在自身页面打开(关闭页面本身,打开连接页面)
(2)target="_blank" 打开新页面(自身页面不关闭)
优化写法 在<head> </head> 标签中写入<base target=" "/>可以全局设置打开方式
超链接可以用以定位
(1) 先定义一个锚点 <p id="pre"> </p>
(2) 超链接到锚点 <a href="#as"> 回到pre </a>


六、表单标签

① 很多网页上,可以让用户在一些控件中输入一些内容,如文本框、密码框等,输入之后,提交
这些控件所在的区域叫做表单(form).表单中的控件叫做表单元素。一个表单时这样组成的:
<form action="提交地址">
表单内容(包括按钮、输入框、选择框等)
<form>
② 表单最基本的标签是<input>标签,该标签可以显示输入框和按钮等表单元素。他的属性type
决定了表单元素的类型,可以为以下值:
(1) text: 文本框,text也为type的默认属性
(2) password: 密码框
(3) radio: 单选按钮,可以将多个单选按钮的name属性设置相同,使其成为一组。checked属性可设置默认被选
(4) checkbox:复选框,checked属性可设置默认被选
(5) reset: 重置按钮,按下之后,所有的表单元素内容变为默认值
(6) button: 普通按钮
(7) submit: 提交按钮,按下之后,网页会将表单的内容提交给action设定的网页,action空时提交给本页
(8) image: 图片,但是点击它的效果与提交按钮一样,都会提交表单
③ 表单中其他类型的表单元素还可以包括多行文本框和选择菜单
(1)<textarea></textarea> 表示多行文本框,可以用rows属性表示行数,cols属性表示列数
(2)<select></select> 表示下拉菜单,其中的选项使用<option>选择内容</option>,multiple属性
可将其设置为多选,size属性的值为下拉菜单显示的项目数。


七、框架
<frameset></frameset>(可以嵌套用和body只能二选一) 的属性有
① rows: 横向分割页面。属性值决定了分割页面之间的宽度的比值
② cols:纵向分割页面。属性值决定了分割页面之间的长度的比值
③ border:框架边框的宽度。 当值为0时没有边框
<frame></frame>的属性为
① src:表示框架内容的地址
② noresize:表示该框架不可被用户改变大小
③ scrolling: 表示是否有滚动条。

 每天得有新的目标,不能再浑浑噩噩啦!

posted @ 2020-03-03 19:45  厂长在线养猪  Views(133)  Comments(0Edit  收藏  举报