`
webdev2014
  • 浏览: 689761 次
文章分类
社区版块
存档分类
最新评论

HTML标签小记

 
阅读更多

　　看了几集牛腩视频了，用老爷子经常给我们讲的吃饭理论来说就一个感觉：为什么给我一起吃饭的都是陌生人~~~看似调侃，其实也真是这样的赶脚。对于前面十几集还可以，因为是我们刚刚做完机房收费系统后非常熟悉的三层开发，以及数据库操作，还有就是软件工程的思想等，但是越往后，越心疼；越心疼，越头疼，看的那些让我头疼的WEB标准，决定发扬一下革命精神，先找了点资料，初步整理了一下HTML语言常用标签

总的格式

　　文件类型 <HTML></HTML> （放在档案的开头与结尾）

　　文件主题<TITLE></TITLE> （必须放在「文头」区块内）

　　文头 <HEAD></HEAD>（描述性资料，像是「主题」）

　　文体 <BODY></BODY> （文件本体） 分隔线<br>（单标签）水平直线<hr>

控制文本结构的标签

　　　标题 ：<h1>——<h6>由大到小，跟word中标题一样

　　　　　<h1></h1>

　　　　　<h2></h2>

　　　　　<h3></h3>

　　　　　<h4></h4>

　　　　　<h5></h5>

　　　　　<h6></h6>

　　格式化文本<pre></pre> 段落<p></p>

　　引文区块 <BLOCKQUOTE></BLOCKQUOTE> （通常会内缩）

　　强调<EM></EM> （通常会以斜体显示）

　　特别强调 <STRONG></STRONG> （通常会以加粗显示）

　　引文<CITE></CITE> （通常会以斜体显示）

　　样本 <SAMP></SAMP>

　　键盘输入<KBD></KBD>

　　变数 <VAR></VAR>

　　定义 <DFN></DFN> （有些浏览器不提供）

　　地址<ADDRESS></ADDRESS>

控制文本字体的标签

　　1.<b>…</b> 粗

　　2.<i>…</i> 斜

　　3.<s>…</s> 删

　　4.<u>…</u> 下划

　　5.<tt>…</tt> 电报

　　6.<sub>…</sub> 下

列表控制标签

　　无序号条列式清单<ul>与<li> 格式 <ul>

　　<li>…</li> <li>…</li><li>…</li> <li>…</li> </ul>

　　有序号条例式清单<ol>与<li> 格式 <ol>

　　<li>…</li> <li>…</li><li>…</li> <li>…</li> </ol> 叙述式清单(定义列表) 格式:<dl>

　　<dt>…</dt> <dd>…</dd><dd>…</dd> <dd>…</dd> <dt>…</dt>

　　<dd>…</dd> <dd>…</dd><dd>…</dd> </dl>

表格标签

　　格式:

　　<table> <tr>

　　<th>… </th> <th>… </th> <th>…</th> </tr> <tr>

　　<td>… </td> <td>… </td> <td>…</td> </tr>

　　</table>

链接与图像的插入

　　背景图案的设置 <body background=”URL”> 将图片插入到网页中去 <imgsrc="URL">

　　用图像作为超链接 <a href="URL"><imgsrc="URL"></a>

设定锚点

　　基本格式：

　　瞄点<a name=”音乐”>…</a> 链接点<ahref=”#音乐”>…</a>

表单

　　主标记结构：<from>…</from>

窗体选项栏位设置:

　　<select name=”栏位名称” size=”数字” > <optionvalue=”选项值” selected=”selected”>… <option value=”选项值”>… <optionvalue=”选项值”>… </select>


按钮设置:

　　<input type=”submit” value=”按钮中显示的文字”> <inputtype=”reset” value=”按钮中显示的文字”>

　　按钮图像:<button name=”栏位名称” type=”图象形态”> <img src=”URL”></button>

　　图像按钮:<input type="image" src="url"alt="文本">


其实，不仅对于这个视频，对于以前的学习各个阶段也是这样，要学习的知识点不熟悉，打几天学习的洋工到最后还是要硬着头皮来，然后发现自己也能做出来，这就是一个心态的问题吧。对于牛腩老师讲的ＤＩＶ＋ＣＳＳ所建立的新闻发布系统，还是蛮期待的，因为这相对于我们所学的ＣＳ而言，又是一个新的阶段～～～


分享到：
| xsl实例
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics