html笔记
标题标签 ：<h1></h1>
段落标签：<p></p>
<u></u>添加下划线
<br/>插入单个换行
<u></u>添加下划线
<br/>插入单个换行
字体标签：<font></font>
font属性：
color颜色，size尺寸，face字体
font属性：
color颜色，size尺寸，face字体
加粗字体标签：<b></b>
倾斜字体标签：<i></i>
插入水平线：<hr />
属性：
1.颜色：color="颜色"
2.粗细：size=“数字/百分比”
3.长度：width="像素/百分比"
4.对齐方式： align=“”
1.颜色：color="颜色"
2.粗细：size=“数字/百分比”
3.长度：width="像素/百分比"
4.对齐方式： align=“”
换行标签：</br>
强制不换行：</nobr>
跑马灯：
<marquee>内容</marquee>把要运动的内容写在中间
属性：direcion=""运动方向（up 向上| down 向下 | left 向左（默认） | right向右 ）
behavior=""运动方式（ scroll循环（默认） | alternate来回播放 | slide 从一端到另一端 | ）
scrollamount="数值"播放速度（px/s 每秒跑多少像素）
<marquee>内容</marquee>把要运动的内容写在中间
属性：direcion=""运动方向（up 向上| down 向下 | left 向左（默认） | right向右 ）
behavior=""运动方式（ scroll循环（默认） | alternate来回播放 | slide 从一端到另一端 | ）
scrollamount="数值"播放速度（px/s 每秒跑多少像素）
预格式（原始）文本标记：
<pre><pre>
功能：保留文本输出格式（ 空格，换行，定位符）原样输出；
<pre><pre>
功能：保留文本输出格式（ 空格，换行，定位符）原样输出；
图片标签：<img src="图片路径" 属性/>
属性：width宽 ， height长 等比例修改只需要该一个值（高或宽）即可， alt 提示信息（只有在图片没有正常打开时才显示）
title="文本介绍" 鼠标停止在图片时出现的内容
属性：width宽 ， height长 等比例修改只需要该一个值（高或宽）即可， alt 提示信息（只有在图片没有正常打开时才显示）
title="文本介绍" 鼠标停止在图片时出现的内容
<frameset>（该标签不能用于<Body>中）
<frame src ="">指定部分放的页面地址
</framest>网页框架布局
<frameset>属性：rows=""要分几行就写多少位参数，参数为行高百分比
cols=“”要分几列就写多少位参数，参数为列宽高百分比
超链接：
<a> 超链接文本</a>
属性：href =“跳转地址”，
结对链接：网络链接或完全路径
相对路径：本地资源
target= “blank(跳转时新建窗口)”“_self原窗口”“_parent父框架”“_top删除原有框架
” title=“"提示语句
text-decoration:
值：none删除下划线 \ overline 上划线 \ line-through 删除线
/
表格标签：
<table ><tr>行<td>数据</td></tr></table>
<table>属性：border 边框 ， width宽 ， height长 ， align对齐方式，bgcolor背景颜色
cellspacing="0px" 单元格间距，cellpadding数据内容间距
<tr>属性：跟<table>属性一致
<td>属性：跟<table>属性一致 ，colspan 跨行，rowspan跨列这两个属性类似与合并单元格
盒子：
盒子模型成分：
填充（里）：padding
边框：border
间距（外）：margin
方向：上top 下bottom 左left 右right
盒子模型成分：
填充（里）：padding
边框：border
间距（外）：margin
方向：上top 下bottom 左left 右right
字体颜色：color：；
背景颜色：background-color
背景图片：background-imge:url(图片路径)
背景图片是否平铺：background-repeat:
值：repeat平铺 | no-repeat不平铺 | repeat-y垂直平铺 | repeat-x水平平铺
背景尺寸：background-size：
值：contain 不完全覆盖\ cover = 100% 完全覆盖(显示不完整) \ 水平值100% 垂直值10%
背景颜色：background-color
背景图片：background-imge:url(图片路径)
背景图片是否平铺：background-repeat:
值：repeat平铺 | no-repeat不平铺 | repeat-y垂直平铺 | repeat-x水平平铺
背景尺寸：background-size：
值：contain 不完全覆盖\ cover = 100% 完全覆盖(显示不完整) \ 水平值100% 垂直值10%
边框颜色：border-color ；
边框粗细：border-width ；
边框线型：solid 实线 / dashed 虚线 /dotted 点划线 / double 双线 / groove 沟槽 / ridge 脊/ inset
里 / outset 外
字体：font-family:
<div></div>从上往下排列
<span></span>从左往右排列
<span></span>从左往右排列
空格：  快捷键 Shift+空格
删除线： <del></del>
<strike></strike>
删除线： <del></del>
<strike></strike>
字体加粗：<strong></strong>
下标标签：<sub></sub>
上标标签：<sup></sup>
上标标签：<sup></sup>
版权符号： ©；
小于符号：<；
大于符号：>；
大于符号：>；
除号：÷；
乘号：×；
正负号の：±；
乘号：×；
正负号の：±；
脚本链接：
<a href="javascrit.self.close()">关闭窗口</a>
<a href="javascrit.self.close()">关闭窗口</a>
Ctrl + Shift + F 格式化代码
Shift +End 选中整行
Shift +End 选中整行
文本对齐方式属性：
align = "left | center | right"
左(默认) 据中 右对齐
align = "left | center | right"
左(默认) 据中 右对齐
浙公网安备 33010602011771号