HTML标记
学习完了html之后,感觉有好多东西要记录,好多的知识点呢~
1.meta:设定网页关键字 <meta name="keywords" content="关键字1,关键字2,...">
设定网页描述信息<meta name="discription" content="网页描述信息">
设定字符集
设定网页自动刷新<meta http-equiv="refresh" content="刷新时间">
设定页面自动跳转<meta http-equiv="refresh" content="刷新间隔时间;url=页面地址">
2.设置网页正文颜色和背景颜色:<body bgcolor="颜色值" text="颜色值">
3.添加网页背景图片:<body background="背景图片的url" bgproperites="fixed">
4.设置网页链接文字颜色:<body link="颜色值" vlink="颜色值" alink="颜色值">
(link表示未访问状态下,vlink表示访问过后的状态下,alink表示正在访问状态下)
5.设置网页边距:<body leftmargin="边距值" rightmargin="边距值" topmargin="边距值" bottommargin="边距值">
6.特殊文字的输入:&nbsq;表示一个半角空格,&表示&,等等特殊字符。
7.注释语句:<!-- 注释内容 -->
8.对文字字体的设置:<font face="字体名称" size="字号" color="颜色值">文字内容</font>
9.文字的修饰标记:<b>...</b>:设置粗体格式
<u>....</u>:设置下划线
10.标题字设置:<h1>...</h1>
<h2>....<.h2>
<hn align="对齐方式">标题字</hn>
11.段落标记:<p align="对齐方式">段落内容</p>
12.换行标记:<br/>
13.预格式化标记:<pre>...</pre>
14.居中标记:<center>....</center>
15.缩排标记:<blockquot>....</blockquot>
16.水平线标记:<hr/>(width,size水平线高度,align,noshade实心不带阴影,color)
17.有序列表:<ol type="前导符(1,a,A,i,I)" start="起始标号位序">
<li>列表项一</li>
<li>列表项二</li>
</ol>
18.无序列表:<ul type="(disc实心圆点,circle空心圆点,square实心方块)" start="">
<li>列表项一</li>
<li>列表项二</li>
</ul>
19.定义列表:<dl>
<dt>名词一
<dd>解释1</dd>
<dd>解释2</dd>
</dt>
</dl>
20.嵌套列表:
<ul>
<li>xxx
<ol>
<li>123</li>
<li>345</li>
</ol>
</li>
<ul>
21.插入图片:<img src=“图片文件路径” width="宽度" height="高度">
<img src="" title="提示信息" alt="图片替换信息">
<img src="" hspace="水平间距" vspace="垂直间距">
<img src="" align="对齐方式">
<img src="" border="边框宽度">
22.滚动字幕:<marquee direction="滚动方向(up,dowm,left,right)" behavior="滚动行为(scoll往复滚动,slide一次滚动,alternate往返滚动)" scrollamount="滚动速度值" scrolldelay="延迟时间">滚动文字</marquee>
23.滚动字幕的滚动区域及其背景颜色:<marquee bgcolor="颜色值" width="滚动区域宽度" height="滚动区域高度">滚动文字</marquee>
24.字幕的滚动区域与周围对象的间距:<marquee hspace="水平间距" vspace=“垂直间距”>滚动文字</marquee>
25.嵌入音频文件:<embed src="file-url"></embed>
设置背景音乐:<bgsound src="file-url" loop="循环次数">
26.嵌入动画:此处省略一万个字,自己看书去
27.框架:左右分割窗口:<frameset cols="50,*">
上下分割窗口:<frameset rows="50,*">
嵌套分割窗口
28.设置框架窗口:<frame frameborder="1|0|yes|no" bordercolor="颜色值">
29.框架名称,框架窗口固定大小:<frame name="框架名称" noresize="noresize">
30.框架滚动条:<frame scrolling="auto|no|yes">
31.设置框架边距:<frame marginheight="上下边距" marginwidth="左右边距">
32.不支持框架标记:<noframe>
<body>xxxxx</body>
</noframe>
33.浮动框架:省略。。。。
34.超链接:<a href="目标端点" target="目标窗口名称">源端点</a>
_blank:新窗口打开,_self:同一窗口打开,_parent:上一级窗口打开,_top整个窗口打开
35.超链接链接路径:同一目录,只需输入链接文件名称;下一级目录,需在链接文件名前添加“下一级目录名/”;上一级目录,需在链接文件名前添加"../"。
36.超链接类型:内部链接:<a href="file-url">源端点</a>
外部链接:<a href="url">源端点</a>
37.书签链接:创建书签:<a name="书签名">【文字或图片】<a>
创建书签链接:同一页面:<a href="#书签名">源端点</a>
其他页面:<a href="file-url#书签名">源端点</a>
38.文本链接:<a href="file-url">文本</a>
图片链接:<a href="file-url"><img src="img-url" ></a>
39.表格:
<table border="边框宽度" bordercolor="边框颜色" width="表格宽度" height="表格高度" align="对齐方式" bgcolor="背景颜色" cellspadding="边距值" cellspacsing="间距值">
<tr>
<td>单元格内容<td>
。。。
</tr>
</table>
40.表格标题:<caption align="水平对齐方式" valign="垂直对齐方式">表格标题</caption>
41.<tr>标记对表示表格的一行。
<tr height="行高" align="水平对齐方式" valign="垂直对齐方式" bordercolor=“颜色值" bgcolor="颜色值" >
42.<th>创建表头
43.单元格:<td align="水平对齐方式" valign="垂直对齐方式" bgcolor="颜色值" bordercolor="颜色值" backgroud="图片路径" width="宽度" height="高度">
44.单元格跨行跨列设置:<td rowspan=“所跨行数” colspan="所跨列数">
45.表单标记:<form name="表单名称" method="提交方法" action="处理程序">....</form>
46.输入标记:<input type="元素类型" name=“表单元素名称”>
<iput type="text" name="文本框名称">
<input type="password" name="密码框名称">
隐藏域:<input type="hidden" name="域名称" value="域值">
文件域: <input type="file" name="域名称">
单选: <input type="radio" name="域名称" value="域值" checked="checked">
复选:<input type="checkbox" name="域名称" value="域值" checked="checked">
提交: <input type="submit" name="按钮名称" value="按钮显示文本" >
普通按钮: <input type="button" value="按钮显示文本" onclick="javascript函数名" name="按钮名称" >
重置按钮:<input type="reset" name="按钮名称" value="按钮显示文本">
图像按钮:<input type="image" name="按钮名称" src="图像路径" width="" height="">
47.列表:
<select name="列表名称" size="显示的选项数目" multiple="multiple">
<option value="选项值" selected="selected">选项一</option>
........
</select>
48.下拉列表:
<select name="列表名称">
<option value="选项值" >选项一</option>
..........
</select>
49.文本域:
<textarea name="文本区域名称" rows="行数" cols="字符数">
.......
</textarea>