html基础知识总结
Posted qq-1585047819
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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="" 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： 表示是否有滚动条。
每天得有新的目标，不能再浑浑噩噩啦！
以上是关于html基础知识总结的主要内容，如果未能解决你的问题，请参考以下文章