导图社区 HTML导图
基础HTML思维导图,适合小白初学入门使用
适合小白入门css,大概整理了相关知识点,梳理一下知识体系
社区模板帮助中心,点此进入>>
互联网9大思维
组织架构-单商户商城webAPP 思维导图。
域控上线
python思维导图
css
CSS
计算机操作系统思维导图
计算机组成原理
IMX6UL(A7)
考试学情分析系统
HTML常用标签
标题标签:<hn></hn>
分割线:<hr/>
属性顺序无关
color:颜色
size:高度
width:宽度、即长度(默认无线)
align:对齐方式(默认居中)
字体标签:<font></font>
字体加粗:<b></b>/<strong></strong>
斜体:<i></i>
段落标签:<p></p>
图片标签:<img src=""/>
src:显示图片的路径
height:图片高度
width:图片宽度
alt:加载失败提示
超链接:<a href=""></a>
href:跳转页面的路径
target:页面生成的方式
_self:销毁原页面后生成(默认值)
_blank:保留原页面生成
实体标签
<br/>;换行符
空格
> 大于号
<小于号
列表
有序为序号,无序为默认黑点
有序列表:<ol><li></li> </ol>
无序列表:<ul><li></li></ul>
表格标签:<table></table>
<th></th>表头单元格(加粗,黑体,居中)
<tr></tr>行标签
<td></td>列标签
表格的属性
也可以设置成单元管属性
border:边框的厚度(默认无边框0px)
width:表格的宽度
可以是具体值(px),也可以是百分比(80%相对于界面)
height:表格的高度(px)
align:表格的对齐方式
bgcolor:背景颜色
cellpadding:内间距
单元格中的内容和单元格内边框的距离
cellspacing:外间距
单元格与单元格之间的距离
单元格合并
colspan:列合并(水平合并)
rowspan:行合并(垂直合并)
表单标签:<form ></form>
收集数据的容器
属性
action:表单最后提交的路径
method:表单提交的请求方式 get(默认)|post(安全)
input类的标签:<input type="" />
可以不用写在表单标签内单独使用,标签前面最好加文字提示
name属性:类似于变量名
value属性:文本框中的值(默认值)
placeholder文本框提示语:显示在文本框中但是不录入值
type属性
普通文本框标签:text
密码框:password
单选框:radio
单选和复选框特有的属性 checked="checked" 或者直接写checked
复选框:checkbox
文件标签:file
日期标签:date
按钮标签
普通按钮:button
重置按钮:reset
提交按钮:submit
图片提交标签:<input type="image" src="" />
非input类标签
文本域:<textrea ></textrea>
rows:文本域中的行数
cols:文本域一行出现的字数
下拉选列表:<select><option ></option></select>
如果option中有value属性值,那么获取的是value属性的值,如果没有value属性,那么获取的是列表项的内容
option属性:selected 默认选择项
框架标签:<frameset><frame src="" /></frameset>
<frameset>不能与<body>标签共存
cols:水平方向分几个窗体
取值可以是具体值px,也可以是百分比80%,用逗号隔开
rows:垂直方向分几个窗体
noresize="noresize": 固定区域大小
frame属性
行内标签和块标签
行内标签:占用一行中该有的空间
<span></span>文本标签 <img/> <a href=""></a>
块标签:默认占满一整行
<div></div>区域标签 <p></p><hn></hn>...
浮动主题