下载文档原格式
HTML(HyperText Markup Language) 主要有以下标签：全局架构标签: <htm l>、<hea d>、<ti tle>、<body>。
格式标签：<p>、<br>、<nobr>、<bl ockquot e>、<c enter>、<mar quee>、<dl>、<dt>、<dd>、<ol>、<ul>、<li>、<pr e>。
文本标签：<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<b>、<i>、<u>、<sub>、<sup>、<tt>、<c ite>、<em>、<str ong>、<f ont>。
超链接标签：<a>。
图像标签：<i mg>、<hr>。
表格标签：<table>、<t r>、<t d>、<t h>、<ca pti on>.框架标签：<fra me set>、<fra me>、<nofra me s>、<ifra me>.表单标签：<f orm>、<i nput>、<sel ect>、<te xtarea>、<la bel>.头元素标签: <ba se>、<l ink>、<meta>.区域标签：<di v>、<spa n>、<p>.网页中所有内容都放在<htm l>和</ht ml>之间。
HTML中主要标签有哪些-文字标签-布局常用标签在HTML中的主要标签有这些：文件开始标签“html〞、文件头部标签“head〞、文件主体标签“body〞。
如果想具体了解HTML 中主要标签有哪些，那无妨接着往下看吧!一、HTML中主要标签有哪些1、文件开始标签“html〞在HTML文件中，最先出现的是HTML标签就是“html〞，它表示这是HTML文件，它是双标签，首标签和尾标签分别位于文件的最前面和最后面，文件所有标签和文本都包涵在其中，该标签不带任何属性。
2、文件头部标签“head〞“head〞表示文件头部的标签，它是双标签，它包涵文件的标题、编码方式及URL等信息，可省略。
3、文件主体标签“body〞“body〞表示文件主体内容，它是双标签。
文件头部标签用以存储重要信息，而只有主体部分会被显示，所以大部分标记都位于文件主体部分。
该标签可带属性。
二、网页〔制定〕的常用文字标签1、标题文字标签“hn〞“hn〞为标题文字标签，它是一个双标签，其作用是设置网页中的标题文字。
“hn〞标签一共6级，“h1〞和“h1〞之间的文字是第1级标题，“h6〞和ch6〞之间的文字是第6级标题，由“hl〞到“h6〞逐渐变小。
每个标题标记所标示的字句将独占一行且上下留一空白行。
“hn〞有一个属性align，其属性可选值为：right、left、center。
2、文字格式控制标签“font〞“font〞为文字格式控制标签，它是一个双标签，其作用是设置文字的字体、大小和颜色。
“font〞的属性有face、size、color。
face：设定文字字体，其属性为字体名称。
size：设定文字大小，取值1~7，默认值为3。
也可用“+〞“-〞来设置相对值。
color：设定文字颜色。
可以用和#nnnnnn，也可以采纳颜色的名称。
三、页面布局常用标签1、换行标签“br〞“br〞为换行标签，它是一个单标签，作用是令其后的内容在下一行显示。
<html>:表示html文件的起始和终止，<html>标签在首行，</html>标签在最后一行，两个要一起使用，网页中其他内容都要放在这两个标签之间。
<head>:表示网页的头部标签，用来定义文件的头部信息，与<html>标签一样，也是<head></head>成对使用。
<body>:表示出文件主体区，<body></body>之间是网页的主题内容和其他用于控制文本显示方式的标签。
<title>:网页标题，用于定义浏览器窗口标题栏上的文本信息，可以是网页的标题名或创作信息等网页说明信息。
<hr>:用于显示水平线，使页面看起来更整齐明了。
<pre>:将内容以原始格式显示。
<address>:标注联络人姓名、电话、地址等信息。
<blockquote>:区段引用标签。
<!————>:注释标签，使用注释标签的目的是为网页代码中不同部分加上说明，方便日后的修改。
注释的内容是不会在浏览器上显示出来的，如<——要注释的内容——>。
<p>:文本段落，可以用align属性设置left、center、right 3种对齐方式。
<br/>:强制换行，没有结束标签，在网页中产生换行效果。
<center>:使文字或其他网页元素居中显示。
<marquee>:文本或图片移动显示，属性direction用来指示移动方向。
<dl>、<dt>、<dd>:<dl></dl>标签创建无序列表，<dt></dt>定义上层项目，<dd>、</dd>定义下层项目，<dt>、</dt>和<dd></dd>标签一定要放在<dl></dl>标签中才能使用。
HTML标记的组成HTML语言规范标记符：1、单标记：< 标记名称／>2、双标记：<标记名称>内容<／标记名称>3、属性 < 标记属性1="属性值" 属性2="属性值" 属性3="属性值" … ><元素属性='属性值'...>内容</元素>如果没有内容，可以这样写：<元素属性='属性值'.../>--注：<>中的都是标记，标记是要成对出现如:<html>内容</html>；元素也叫标记HTML文档的结构主要包括：1、HTML部分2、HEAD部分3、BODY部分DOCTYPE声明部分：DOCTYPE声明部分是网页中重要的一部分，但不在HTML文档范围内。
Html的基本结构<html><head><元素属性1=”值” …./></head><body><元素属性1=”属性值”属性2=“属性值”…>内容</元素><元素属性=”属性值”/></body></html>说明1. 标记通常是成对出现 <head></head>2. 单标记 <br/>案例:Demo1.htm<html><head></head><body><b>横看成林</b><br/><br/><font color="red">远近高低各不同</font><br/><!--size 值可以取 1..7 --><font style="font-size:30px;">不知庐山真面目</font><br/></body></html>请问后缀 html 和 htm 有什么区别?如果一个网站有 index.html 和 index.htm 默认情况下，优先访问 .html；htm 后缀是为了兼容以前的dos 系统 8.3的命名规范。
Web前端技术：HTML部分---Head标签中包含的头⽂件标签，body标签包含的内部标签1、Head标签中包含的头⽂件标签的作⽤：（1）title标签：定义⽹页的标题。
（2）meta标签：⼀般⽤于定义页⾯的特殊信息，例如页⾯的关键字、页⾯描述等（3）link标签：⽤于引⼊外部样式⽂件（CSS ⽂件）。
（4）style标签：⽤于定义元素的CSS样式。
（5）script标签：⽤于定义页⾯的JavaScript代码，或者引⼊外部JavaScript⽂件。
meta标签包含的属性（1）charset属性：字符集编码⽅式；ASCII：数字、英⽂字母、字符进⾏编码GB2312：简体中⽂Unicode：所有语⾔UTF-8：所有语⾔，占⽤空间更⼩（现在⼀般都⽤这个）eg:<meta charset="UTF-8" >（2）name属性：把content属性关联到⼀个名词（3）http-equiv属性：把content属性关联到HTML头部（2）+（3）：（4）content属性：定义与http-equiv或name属性相关的元信息。
link包含的属性：2、body标签包含的内部标签（1）(1)标题标签：h1~h6(2)段内换⾏：br(3)段内分组：span(4)段落：p(5)预留格式：pre(6)⽔平线：hr标题标签：h1~h6段落标签：p段内换⾏：br空格字符： ；⾏内组合：span⽔平线：hr2、body标签包含的内部标签（2）（1）超链接标签：a（2）图⽚标签：img超链接:a⼀般运⽤在：⽂字超链接、图⽚超链接、导航栏锚点连接：a图⽚标签：img2、body标签包含的内部标签（3）（1）列表：ul 、ol、li（2）表格：table 、tr 、td（3）区域：div⽆序列表：ul、li有序列表：ol、li列表：表格：table 、tr 、td、thth合并⾏、列区域：div块元素和⾏内元素：（左边为块元素的描述，右边为⾏内元素的描述）块元素与⾏内元素的转换2、body标签包含的内部标签（4）表单与表单元素（1）表单：form（2）表单元素：input（3）表单元素：select、option（4）表单元素：textarea⽂本框、密码框：input提交\重置按钮：input---submit\reset 单选框、复选框：input---radio checkbox eg:下拉列表框：select option⽂本域：textarea内嵌框架：iframe注释内容。
<NOBR> 取消换行和<br>相反总类（所有HTML文件都有的）--------------------------------------------------------------------------------文件类型<HTML></HTML>（放在档案的开头与结尾）文件主题<TITLE></TITLE>（必须放在「文头」区块内）文头<HEAD></HEAD>（描述性资料，像是「主题」）文体<BODY></BODY>（文件本体）结构性定义（由浏览器控制的显示风格）--------------------------------------------------------------------------------标题<H?></H?>（？表示从1到6，有六层选择）数值越高字越小标题对齐<H? ALIGN=LEFT|CENTER|RIGHT></H?>左对齐、居中对齐、右对齐区分<DIV></DIV>区分对齐<DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>左对齐、右对齐、居中对齐、两端对齐引文区块<BLOCKQUOTE></BLOCKQUOTE>（通常会内缩）斜体<EM></EM>加粗<STRONG></STRONG>引文<CITE></CITE>（通常会以斜体显示）码<CODE></CODE>（显示原始码之用）样本<SAMP></SAMP>表示一段用户应该对其没有什么其他解释的文本。
1. 首页head区域标签2. 列表页head区域标签3. 内容页head区域标签1.首页head区域标签Index.htm页面Title 区域：{dede:global.cfg_webname/}关键字：{dede:global.cfg_keywords/}描述：{dede:global.cfg_description/}2.列表页head区域标签List_article.htm页面Title 区域：{dede:field.title/}_{dede:global.cfg_webname/}关键字：{dede:field name='keywords'/}描述：{dede:field name='description' function='html2text(@me)'/}1.内容页head区域标签Article_article.htm页面Title 区域：{dede:field.title/}_{dede:global.cfg_webname/}关键字：{dede:field.keywords/}描述：{dede:field.description function='html2text(@me)'/}织梦模板修改系列教程：模板安装（第二节）你如果使用的是虚拟主机的话，需要用ftp把下载的织梦模板上传到网站根目录，一般的虚拟主机网站根目录都是web文件夹。
这个织梦模板三个文件夹，全部都是不需要更改的，直接上传到网站根目录就可以了。
模板文件default。
模板编码：gbk。
上传过程中如果出现一个对话框，就选择全部覆盖。
本地安装的话需要先安装本地测试环境，织梦本地环境搭建教程：/dedecmsjiaocheng/904.html模板上传好以后，登陆网站后台。
确保网站后台的默认模板目录为default，在首页生成哪里也要是default。
一、HTML标记标签：!DOCTYPE说明：指定了HTML 文档遵循的文档类型定义(DTD)。
标签：a说明：标明超链接的起始或目的位置。
标签：acronym说明：标明缩写词。
标签：address说明：特定信息，如地址、签名、作者、此文档的原创者。
标签：applet说明：在页面上放置可执行内容。
标签：area说明：定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联URL。
标签：attribute说明：以对象的形式代表了HTML 元素的标签属性或属性。
标签：b说明：指定文本应以粗体渲染。
标签：base说明：指定一个显式URL 用于解析对于外部源的链接和引用，如图像和样式表。
标签：basefont说明：设置渲染文本时作为默认字体的基础字体值。
标签：bdo说明：允许作者为选定文本片断禁用双向法则。
标签：bgsound说明：允许页面带有背景声音或创建音轨。
标签：big说明：指定内含文本要以比当前字体稍大的字体显示。
标签：blockquote说明：设置文本中的一段引语。
标签：body说明：指定文档主体的开始和结束。
标签：br说明：插入一个换行符。
标签：button说明：指定其中所含的HTML 要被渲染为一个按钮。
标签：caption说明：指定表格的简要描述。
标签：center说明：将后面的文本和图像居中显示。
标签：cite说明：用斜体显示标明引言。
标签：clientinformation说明：包含关于Web 浏览器的信息。
标签：clipboarddata说明：提供了对于预定义的剪贴板格式的访问，以便在编辑操作中使用。
标签：code说明：指定代码范例。
标签：col说明：指定基于列的表格默认属性。
标签：colgroup说明：指定表格中一列或一组列的默认属性。
标签：comment说明：标明不可见的注释.标签：currentStyle说明：代表了在全局样式表、内嵌样式和HTML 标签属性中指定的对象格式和样式。
织梦网站标签整理1、首页：dedecms网站首页头部标签：{dede:global.cfg_webname/}是网站名意思。
这里显示的文字是出现在搜索引擎标题部分。
比较重要的部分。
{dede:global.cfg_description/}这是描述标签。
这个就是出现在搜索引擎中简单的文字介绍。
也是比较重要的部分。
{dede:global.cfg_keywords/}这里是关键字标签。
这个大家应该都知道了，是我们经常说的关键词。
标题标签:{dede:global.cfg_webname/}关键词标签:{dede:global.cfg_keywords/}描述标签:{dede:global.cfg_description/}网站备案号:{dede:global.cfg_beian/}网站版权:{dede:global.cfg_powerby/}友情链接:{dede:flink row='24'/}网站地址:{dede:global.cfg_cmsurl/}网站导航标签：{dede:channel row="10" type="top" col="1" currentstyle="~typename~" }[field:typename/]{/dede:channel}文章列表标签：{dede:arclist row="5" typeid="10" titlelen="45" infolen="60" limit="2" keyword="dedecms" orderby="pubdate" orderway="desc" col="1" subday="30" imgwidth="100"imgheight="100" idlist="22" flag="h" type="image" channelid="1"}[[field:typename/]][field:title /]{/dede:arclist}友情链接标签：{dede:flink row="24" titlelen=20 linktype="2" type="text" }{dede:flink/}{/dede:flink}或{dede:flink row='24'/}在首页调用某栏目的子栏目：{dede:channel type=’sun’ typeid=’栏目ID’}[field:typename/]{/dede:channel}或者{dede:global name=’maplist’/}最新图文调用标签：{dede:arclist row=4 titlelen=20 orderby=pubdate type='image.' imgwidth='152' imgheight='98'} <dd><ahref="[field:arcurl/]"><img src="[field:picname/]" alt="[field:title/]" ></a><span><a title="[field:titlefunction='htmlspecialchars(@me)'/] " href="[field:arcurl /]">[field:title /]</a></span> </dd>{/dede:arclist} 热关键字调用标签： {dede:hotwords num='5' subday='30'/}最新文章调用标签： {dede:arclist row=8 titlelen=24orderby=pubdate}<li>[field:textlink/]</li> {/dede:arclist}头条推荐调用标签： {dede:arclist row=1 titlelen=24 orderby=pubdate att=2} <dt> [field:textlink/]<span>[field:description/]……</span> </dt> {/dede:arclist}<div class="channel_sort">{dede:channelartlist cacheid='channelsonlist'}<h3><a href="{dede:field name='typeurl'/}" >{dede:fieldname='typename'/}</a></h3><ul>{dede:channel type='son' row='10' noself='yes'}<li><a href='[field:typeurl/]'[field:rel/]><span>[field:typename/]</span></a></li>{/dede:channel}</ul>{/dede:channelartlist}</div>【Channel 标记】功能说明：用于获取栏目列表适用范围：封面模板、列表模板、文档模板(1)基本语法{dede:channel row='' type=''}自定义样式模板(InnerText){/dede:channel}(2)属性[1] row='数字' 表示获取记录的条数（通用在某级栏目太多的时候使用，默认是8）[2] type = top,sun/son,selftype='top' 表示顶级栏目type='son' 或'sun' 表示下级栏目type='self' 表示同级栏目嵌套一：<ul>{dede:channelArtlist typeid='1'}<li>{dede:type}[<a href="[field:typelink /]"><b>[field:typename /]</b></a>]{/dede:type}{dede:channel type='son'}<a href='[field:typelink /]'>[field:typename/]</a>{/dede:channel}</li>{/dede:channelArtlist}</ul>嵌套二：{dede:channelArtlist typeid='0'}<div class="AList">{dede:type}<h3><a href="[field:typelink /]">>> [field:typename /]</a></h3>{/dede:type}<ul>{dede:arclist row="8" titlelen='100'}<li><span>[field:pubdate function="MyDate('Y/m/d',@me)"/]</span><ahref="[field:arcurl /]" title="[field:title function='html2text(@me)'/]">[field:title function=' ( strlen("@me")>40 ? cn_substr("@me",40): "@me" ) '/]</a></li>{/dede:arclist}</ul></div>{/dede:channelArtlist}dedecms 调用文章简介[field:description /]如何限制字数第一种方法：（推荐,可加省略号）[field:description function='cn_substr(Html2text("@me")."...",80)'/] 调用现成的cn_substr()字符串截取函数来实现，80为限制字节数（一个汉字等于2个字节）；第二种方法：（推荐！）使用[field:infos/] 代替[field:description/] 在arclist 标签内设定infolen='30' 来设定长度；首页新闻列表调用{dede:arclist typeid='17' row='10' titlelen='32' }{/dede:arclist}[1]、typeid='' 栏目ID,在列表模板和档案模板中一般不需要指定,在首页模板中允许用","分开表示多个栏目；[2]、row='10' 返回文档列表总数[3]、titlelen = '30' 标题长度等同于titlelength[4]、infolen='160' 表示内容简介长度等同于infolength（只控制infos，并不控制description的内容）[5]、orderby='hot' 文档排序方式orderby='hot'或orderby='click' 表示按点击数排列orderby='sortrank' 或orderby='pubdate' 按出版时间排列orderby='rand' 随机获得指定条件的文档列表底层调用字段：[field:arcurl/] 链接地址[field:title/] 链接标题[field:pubdate function="MyDate('y-m-d',@me)"/] 文章更新时间[field:description/] 描述[field:litpic/]图片地址[field:source/] 文章来源[field:writer/] 作者调用两个栏目，以及他们各自的子栏目，他们对应typeid为3和5{dede:channelartlist typeid='3,5'}<a href="{dede:fieldname='typeurl'/}"><b>{dede:field name='typename'/}</b></a>（上一级栏目）<br> {dede:channel type='son' noself='yes'}<ahref="[field:typelink/]">[field:typename/]</a><br />{/dede:channel}<hr>{/dede:channelartlist}{dede:type}<a href="[field:typelink /]">[field:typename/]</a>{/dede:type}2、列表页：{dede:arclist row="5" typeid="10" titlelen="45" infolen="60" limit="2" keyword="dedecms"orderby="pubdate" orderway="desc" col="1" subday="30" imgwidth="100"imgheight="100" idlist="22" flag="h" type="image" channelid="1"}[[field:typename/]][field:title /]{/dede:arclist}3、内容页：文章模型内容页标签：文章标题：{dede:field.title/}文章链接：{dede:field name='arcurl'/}发布时间：{dede:field.pubdate function="MyDate('Y-m-d H:i',@me)"/}文章来源：{dede:field.source/}作者：{dede:field.writer/}责任编辑：{dede:adminname/}文章简介：{dede:field.description}正文内容：{dede:field.body/}点击数：<script src="{dede:field name='phpurl'/}/count.php?view=yes&aid={dede:fieldname='id'/}&mid={dede:field name='mid'/}" type='text/javascript' language="javascript"></script> 图片模型内容页标签：图片列表开始：{dede:productimagelist}图片列表结束：{/dede:productimagelist}图片显示：[field:imgsrc/]图集缩略图：{dede:field name='image'/}图片链接：javascript:ChangePic('[field:imgsrc/]', '#bigpicimg');图片tiltle：[field:text/]下载模型内容页标签：软件类型：{dede:field.softtype/}授权方式：{dede:field.accredit/}界面语言：{dede:nguage/}软件大小：{dede:field.softsize/}文件类型：{dede:field.filetype/}运行环境：{dede:field.os/}软件等级：{dede:field.softrank function='GetRankStar(@me)'/}发布时间：{dede:field.pubdate function="GetDateMk('@me')"/}官方网址：{dede:field.officialurl/}演示网址：{dede:field.officialdemo/}下载次数：<script src="{dede:field.phpurl/}/disdls.php?aid={dede:field.id/}" language="javascript"></script> 软件图片：{dede:field name='image'/}下载地址：{dede:field name='softlinks'/}软件介绍：{dede:field.introduce/}下载说明：{dede:softmsg/}文章页通用标签：当前位置：{dede:field name='position'/}上一页：{dede:prenext get='pre'/}下一页：{dede:prenext get='next'/}收藏：<a href="{dede:global name='cfg_phpurl'/}/stow.php?aid={dede:field.id/}">收藏</a>挑错：<a href="{dede:globalname='cfg_phpurl'/}/erraddsave.php?aid={dede:field.id/}&title={dede:field.title/}">挑错</a> 推荐：<a href="{dede:global name='cfg_phpurl'/}/recommend.php?aid={dede:field.id/}">推荐</a>打印：<a href="#" onClick="window.print();">打印</a>4、频道页：5、织梦dedecms标签调用集合－系统标签常用模板Head区域标签首页[Head]完整调用：<title>{dede:global.cfg_webname/}</title><meta name=”description” content=”{dede:global.cfg_description/}” /><meta name=”keywords” content=”{dede:global.cfg_keywords/}” />列表页[Head]完整调用：<title>{dede:field.title/}_{dede:global.cfg_webname/}</title><meta name=”keywords” content=”{dede:field name=keywords/}” /><meta name=”description” content=”{dede:field name=description function=html2text(@me)/}” />文章页[Head]完整调用：<title>{dede:field.title/}_{dede:global.cfg_webname/}</title><meta name=”keywords” content=”{dede:field.keywords/}” /><meta name=”description” content=”{dede:field.description function=html2text(@me)/}” />频道页[Head]完整调用：<title>{dede:field.title/}_{dede:global.cfg_webname/}</title><meta nam e=”keywords” content=”{dede:field name=keywords/}” /><meta name=”description” content=”{dede:field name=description function=html2text(@me)/}” />系统基本配置标签：站点根网址：{dede:global.cfg_basehost/}网站地址：{dede:global.cfg_cmsurl/}主页链接：{dede:global.cfg_indexurl/}网站编码：{dede:global.cfg_soft_lang/}CMS版本：{dede:global.cfg_version/}头部调用：{dede:include filename="head.htm"/}底部调用：{dede:include filename="footer.htm"/}网站备案号：{dede:global.cfg_beian/}版权信息：{dede:global.cfg_powerby/}风格路径：{dede:global.cfg_templets_skin/}图片路径：{dede:global.cfg_templets_skin/}/images/CSS路径：{dede:global.cfg_templets_skin/}/style/JS路径：{dede:global.cfg_templets_skin/}/JS/主页链接名称：{dede:global.cfg_indexname/}递增序列号： [field:global name=autoindex/]。
