网站首页 | 仿站联系QQ:305114474
游客,欢迎您! 请登录 免费注册 忘记密码
您所在的位置:首页 > SDcms优化 > 正文

对HTML标签初级认识,新手仿站必备

发布日期:2013/1/18 11:58:14 浏览次数:110 加入收藏 评论:0 标签:HTML标签

对HTML标签初级认识知识是不管DEDE仿站还是SDCMS仿站所必须知道的一个代码常识。虽然有建站工具的辅助了,但懂得过这一些代码会让你做站更得心应手。
在SEO优化过程中,需要的代码知识最多的就是是 HTML 标签,其实做SEO也就只需要懂得 HTML 标签即可。
在处理网站中或许会碰到各式各样的程序、代码,可以请专业高手帮忙或自己搜索答案,但你知道你要做什么是最重要的。
如果你想学了PHP、ASP等各种代码成为技术高手后再学SEO,那就是舍本逐末了。
今天开始,我们介绍SEO需要的 HTML 标签,只要懂汉字的人,都会学会 HTML 标签。
打开基础指南首页,查看源代码(右键点击页面就可以看源代码)

注意:
关于 HTML 标签,虽然目前是对大小写不敏感,如<b> 和 <B> 的作用是相同的。
但万维网协会 (W3C) 的标准是:建议在 HTML 4 中使用小写标签,而在 XHTML(下一代 HTML)中,必须使用小写标签。所以尽量都用小写。
一般情况下,就这么几个知识就够了。

上划出的就是 HTML 标签。
红色部分就是标题标签<title></title>
蓝色部分就是关键词标签<meta name="keywords" content="" />
下面介绍一下HTML基本标签供给大家参考:

标 题 标 签
将文档的题目放在标题栏中 <title></title>

文 档 整 体 属 性
设置背景颜色,使用名字或十六进制值 <body bgcolor=?>
设置文本文字颜色,使用名字或十六进制值 <body text=?>
设置链接颜色,使用名字或十六进制值 <body link=?>
设置已使用的链接的颜色,使用名字或十六进制值 <body vlink=?>
设置正在被击中的链接的颜色,使用名字或十六进制值 <body alink=?>

文 本 标 签
创建预格式化文本 <pre></pre>
创建最大的标题 <h1></h1>
创建最小的标题 <h6></h6>
创建黑体字 <b></b>

创建斜体字 <i></i>
创建打字机风格的字体 <tt></tt>
创建一个引用,通常是斜体 <cite></cite>
加重一个单词(通常是斜体加黑体) <em></em>
加重一个单词(通常是斜体加黑体) <strong></strong>
设置字体大小,从1到7 <font size=?></font>
设置字体的颜色,使用名字或十六进制值 <font color=?></font>

链 接
创建一个超链接 <a href="URL"></a>
创建一个自动发送电子邮件的链接 <a href="mailto:EMAIL">.... </a>
创建一个位于文档内部的靶位 <a name="NAME"></a>
创建一个指向位于文档内部靶位的链接 <a href="#NAME"></a>

链 接
创建一个超链接 <a href="URL"></a>
创建一个自动发送电子邮件的链接 <a href="mailto:EMAIL">.... </a>
创建一个位于文档内部的靶位 <a name="NAME"></a>
创建一个指向位于文档内部靶位的链接 <a href="#NAME"></a>

格 式 排 版
创建一个新的段落 <p>
将段落按左、中、右对齐 <p align=?>
插入一个回车换行符 <br>
从两边缩进文本 <blockquote></blockquote>
创建一个定义列表 <dl></dl>
放在每个定义术语词之前 <dt>
放在每个定义之前 <dd>
创建一个标有数字的列表 <ol></ol>
放在每个数字列表项之前,并加上一个数字 <li>
创建一个标有圆点的列表 <ul></ul>
放在每个圆点列表项之前,并加上一个圆点 <li>
一个用来排版大块HTML段落的标签,也用于格式化表 <div align=?>

图 形 元 素
添加一个图像 <img src="name">
排列对齐一个图像:左中右或上中下 <img src="name" align=?>
设置围绕一个图像的边框的大小 <img src="name" border=?>

加入一条水平线 <hr>
设置水平线的大小(高度) <hr size=?>
设置水平线的宽度(百分比或绝对像素点) <hr width=?>
创建一个没有阴影的水平线 <hr noshade>

表 格
创建一个表格 <table></table>
开始表格中的每一行 <tr></tr>
开始一行中的每一个格子 <td></td>
设置表格头:一个通常使用黑体居中文字的格子 <th></th>

表 格 属 性
设置围绕表格的边框的宽度 <table border=#>
设置表格格子之间空间的大小 <table cellspacing=#>
设置表格格子边框与其内部内容之间空间的大小 <table cellpadding=#>
设置表格的宽度-用绝对像素值或文档总宽度的百分比 <table width=# or %>
设置表格格子的水平对齐(左中右) <tr align=?> or <td align=?>
设置表格格子的垂直对齐(上中下) <tr valign=?> or <td valign=?>
设置一个表格格子应跨占的列数(缺省为1) <td colspan=#>
设置一个表格格子应跨占的行数(缺省为1) <td rowspan=#>
禁止表格格子内的内容自动断行回卷 <td nowrap>

窗 框
放在一个窗框文档的<body>标签之前,也可以嵌在其他窗框文档中 <frameset></frameset>
定义一个窗框内的行数,可以使用绝对像素值或高度的百分比 <frameset rows="value,value">
定义一个窗框内的列数,可以使用绝对像素值或宽度的百分比 <frameset cols="value,value">
定义一个窗框内的单一窗或窗区域 <frame>
定义在不支持窗框的浏览器中显示什么提示 <noframes></noframes>

窗 框 属 性
规定窗框内显示什么HTML文档 <frame src="URL">
命名窗框或区域以便别的窗框可以指向它 <frame name="name">
定义窗框左右边缘的空白大小,必须大于等于1 <frame marginwidth=#>
定义窗框上下边缘的空白大小,必须大于等于1 <frame marginheight=#>
设置窗框是否有滚动栏,其值可以是"yes","no","auto",缺省时一般为"auto" <frame scrolling=VALUE>
禁止用户调整一个窗框的大小 <frame noresize>

表 单
对于功能性的表单,一般需要运行一个CGI小程序,HTML仅仅是产生表单的表面样子。
创建所有表单 <form></form>
创建一个滚动菜单,size设置在需要滚动前可以看到的表单项数目 <select multiple name="NAME" size=?></select>
设置每个表单项的内容 <option>
创建一个下拉菜单 <select name="NAME"></select>
设置每个菜单项的内容 <option>
创建一个文本框区域,列的数目设置宽度,行的数目设置高度 <textarea name="NAME" cols=40 rows=8></textarea>
创建一个复选框,文字在标签后面 <input type="checkbox" name="NAME">
创建一个单选框,文字在标签后面 <input type="radio" name="NAME" value="x">
创建一个单行文本输入区域,size设置以字符计的宽度 <input type=text name="foo" size=20>
创建一个submit(提交)按钮 <input type="submit" value="NAME">
创建一个使用图象的submit(提交)按钮 <input type="image" border=0 name="NAME" src="name.gif">
创建一个reset(重置)按钮 <input type="reset">


备注:部分网站模板整理自网络,如有侵权,请及时与我们沟通处理。
如若看不到文章内容及下载地址,注册免费会员既可。
更多好看的企业SDCMS模板可加QQ群:SDCMS企业模板分享 (群号:147412231) 企业模板SDCMS分享。
本文网址:http://www.hbsenbao.com/html/sdcms04/31.html
读完这篇文章后,您心情如何?
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
更多>>网友评论
发表评论