cms的html和css模板制作基础教程

来源:未知  作者:未知 责任编辑:汉网天下 发表时间:2010-05-12 12:32 点击:

一、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

下面我们主要来讲下首页模板被围在<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.下面我们来讲讲如何删除首页上的部分内容。

我选择删除投票调查那部分,

 


 

 2

我们现在在模板里把投票调查那部分代码找到。


 

3

找到后,选择删除就OK了。


 

4

HTML其主要特点如下:

顶一下
(1)
50%
踩一下
(1)
50%
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
验证码:点击我更换图片
最新评论 更多>>
广告服务 - 关于汉网天下 - 客户服务 - 版权申明 - 友情链接 - 网站地图 - TAG标签 - RSS订阅
Copyright © 2009-2011 hanwangtx.com 汉网天下技术 版权所有
友情联系QQ:530275807
滇ICP备09010630号