html

用来表示一个标题的标签
<h1></h1>...<h6></h6>
文字加粗<b></b>
文字倾斜<i></i>
下划线<u></u>
删除线<s></s>
上标<sup></sup>
下标<sub></sub>
文本标签<font></font>
属性:color颜色
size大小
face:字体
颜色十六进制: 三原色 R G B
00 00 FF
FF 00 00
00 FF 00
文本标签:<span></span>
段落标签<p></p>
水平线 <hr></hr>
size:高度
width:宽度
color:颜色

预格式化标签<pre></pre>
图片标签:<img/>
这是一个图片标签,它不用闭合
属性:src 图片的路径
alt:当图片不显示的时候显示提示性的文字
titile:鼠标悬停的提示性文字
width
height
border

路径:
相对路径
从当前位置开始到目标文件
绝对路径
网络路径
从盘符开始到目标文件
超链接标签<a></a>
它可以链接到任何你想去的地方
属性:href 目的地址


锚链接:定义一个锚点,链接到这个点上<本页面>
<p name="top">顶部</p>
<pre>
....

</pre>
<a href="#top">回到顶部</a>
链接到外部页面的锚点
<a href="xx.html#ss>锚点</a>

xx.html:<p name="ss">xx</p>

有序列表 ol
无序列表 ul
列表项 li

表格:<table>
border:边框线
bordercolor:边框颜色
cellpadding:内间距
cellspacing:外间距
width:表格的宽度
height:表格的高度
bgcolor:表格的背景色
background:背景图片
行:<tr>
bgcolor:行的背景色
bordercolorlight:单元格的左上和表格的右下边框线颜色
bordercolordark:单元格的右下和表格的左上边框线颜色
align:行内文字对齐方式
列:<td>
bgcolor:单元格的背景色
background:单元格的背景图片
align:单元格内文字对齐方式
height:行高
width:列宽
rowspan:行合并
colspan:列合并


**表单:

表单:<form>
action:表单要提交的地址
method:get/post
get:会把数据追加到URL后边,使用&分割
post:不会"看到"任何数据
<input />
type
text:普通文本框
password:密文显示
radio:单选框,浏览器会把name属性值一致的单选框作为一 组单选按钮
checked=checked:默认选项
checkbox:多选框,浏览器会把name属性一致的多选框作为 一组数据
checked=checked:默认选项
submit:提交
reset:重置
button:按钮
value:指定文本框的值
placeholder:提示性信息
select:下拉列表
multiple:多选
option:列表项
value:指定当前列表项的值
selected="selected"默认选项
textarea:文本区域
style="width: ;height: ;"调整文本域大小


** 框架标签:它可以把页面分成任意个部分
frameset
cols:左右分割屏幕的属性
rows:上下分割屏幕的属性
border:分割线的大小

frame:用来引入要显示的页面
noresize:不能拖动分割线

!!注意:使用框架标签,不要body
rows 页面上下分割,cols页面左右分割
<frameset rows="130px,*">
<frame src="top.html" noresize="noresize"/>
<frameset cols="200px,*">
<frame src="left.html" noresize="noresize"/>
<frame src="show.html" name="show"/>
</frameset>
</frameset>
页面跳转:
<a href="newtell.html" target="show" class="b" id="c">最新通知</a>

表单的语义化
<fildset>
<legend>
</legend>
</fildset>

 

posted @ 2018-03-19 18:07  Arvins  阅读(149)  评论(0编辑  收藏  举报