dedeHTMLCSS模板制作基础超级详细基操作分解.pdfVIP

HTMLCSS 模板制作基础 一、HTML 1.Html 至今仍是制作网页时必不可少的代码。如果能够熟悉掌握 并应用这些代码，大到网站，小到博客等都会有莫大的好处。 HTML 全称：HyperText Mark-up Language. 译称：超文本标记语言。 目前网络上应用最为广泛的语言，也是构成网页的基本语言。 文本文件我们很常见，HTML 和文本文件差不多，所以我们可以用 WINDOWS 自带的记事本进行编辑它。但是它需要浏览器的解析才 能看到我们所要的效果。 2.下面我们来讲解HTML 重要的组成部分 “元素”？ 模板首页的地址：dedecms 根目录/templets/default/index.htm 也是我们今天主讲的HTML 页面. 我们打开先熟悉一下。 我们首先看到的是HTML 页面以DOCTYPE 开始，它的作用是声 明文档的类型，且它之前不能有任何内容（包括换行符和空 格），否则将使文档声明无效。接着是html标签，以/html 结束。其中包含了很多代码；这就是一个元素。 元素的定义是用标签来表示的功能和内容就是HTML 的“元素” 格式是:标签名[内容]/标签名,我们DEDE 模板调用标签和这 个挺相似的； head，body元素都是嵌套在HTML元素中的，所以html 就 是HTML 页面的根元素且是必须存在的，大家可以看一下我们的首 页模板，是不是这样的。 3.接下来我就来讲一下HTML 中非常重要的标签 HTML 标签大多是成对出现的，例：body/body 还有一种是空标签，例：br /标签，作用是换行; 标签大致可分为 1.块级标签 “块级标签”通常会在web 页面中开始新的一行，并且常常会 包含其他标签。 模板页里的div、p及ul等标签都属于此类标签。 2.行内标签 通常是不会重新开一行，而且只能包含文本或者其他内置标签。 模板页里的a、strong等标签都属于此类标签。 HTML 标签对大小写是不敏感的：a 和 A 的作用是相同的。 推荐为小写, 养成一个好的习惯很重要。 一个HTML 页面里必须有的四个标签 html head title body 当然我们的首页模板也一定有的； 在head标签中填写与该文件（HTML）的相关信息 body标签中填写的实际内容就是要在浏览器显示我们要看到的 内容 在head标签中，只能有一个代表文件标题的标签，就是title 标签 就是我们浏览器中做上角显示的内容 图1.3.1 下面我们主要来讲下首页模板被围在body元素中的标签都是做 什么的？ div标签：DIV 的起始标签和结束标签之间的所有内容都是用 来构成这个块的，也称作 “层”。我们常用DIV+CSS 来进行 HTML 布局，可以看到我们首页模板有很多div标签。 所以这个标签对我们应用HTML 很重要。 dl ul 我们做列表的时候会用到，他们都是列表标签。 a是链接的标签，大家应该会知道。 hX 标签表示为该内容为标题，X 级别用数字1-6 来表示。1 代 表最高级，6 代表最底。hX标签应用很广泛，这里我告诉大家 一个是，当用图象img当标题的话，也要用h~/h括上，这样 一来。在不能显示图像的情况下，可以用img标签的alt 属性所 指定的文字把标题显示出来。 p 标签表示该内容为一个段落； span标签表示在行内定义一个区域，也就是一行内可以被 span划分成好几个区域，从而实现某种特定效果。 strong特别强调。 标签我们先介绍到这； 当你将一个 HTML 文件存盘时，您即可以使用 HTM 也可以使用 HTML 作为扩展名。 4.下面我们来讲讲如何删除首页上的部分内容。 我选择删除投票调查那部分， 图1.4.1 我们现在在模板里把投票调查那部分代码找到。 图1.4.2 找到后，选择删除就OK 了。