【B2B研发商城】 【加入收藏】 【设为首页】 【进入论坛】 【站点地图】

你的位置:中国研发网 >> 技术文章 >> web开发 >> 详细内容 在线投稿

supersite 模板设计基础教程(1)-HTML基础

排行榜 收藏 打印 发给朋友 举报 来源: 互联网   发布者:未知
热度143票  浏览430次 【共0条评论】【我要评论 时间:2009年11月23日 13:27
学习SupeSite模板制作,没有任何基础的看,有基础的请等待本站即将出品的高级教程

什么是HTML

超文本置标语言(英文:HyperText Markup Language,简称为HTML)

W3C目前的建议是使用XHTML 1.1、 XHTML 1.0或者HTML 4.01进行网络出版。在写网页的时候,我们尽量要遵循W3C的标准,具体请查看资料。

推荐一个学习比较好的网站,进行系统的学习http://www.w3school.com.cn/html/html_intro.asp
html编辑器常用的是记事本和dreamweaver

 

两者有什么区别呢?记事本是高手用的 DW使写代码的速度大大加快。对于新手学习,我推荐使用DW,进阶用记事本。如果您希望成为一名熟练的开发人员,推荐使用记事本,呵呵。

我来说一下要点,看下面代码

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>页面的标题</title>
</head>
<body>
<p>这是我的第一个页面。<strong>这是粗体文本。</strong></p>

</body>
</html>
 
看第一句话,这是一个标准,声明一下标准,这个是可写可不写的,建议写上,写上就要遵循标准。

<html xmlns=”http://www.w3.org/1999/xhtml”>
网页中的部分元素用了XML的DTD(文档类型定义)
xmlns 声明的一个名称空间,这些记住就好了,呵呵

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

http-equiv=”Content-Type” 表示描述文档类型
content=”text/HTML;  文档类型mime类型,这里为html,如果JS就是text/javascript,
charset=utf-8 页面字符集,编码

meta是一个元标记,标准用法<meta />(/这个是结尾,标准。),只能用在<head></head>间。

比如<meta name=”keywords” content=”” />description等 都可以用,具体可以google下。

<title></title>标签是显示在浏览器最上方的看图,划圈的地方就是title标签的内容。



<p></p>标签是一个文本标签,在这里可以放内容的

<strong></strong>是一个加粗标签,与<b></b>作用相同,为什么选择strong?W3C在新的标准中建议使用的。

另外补充一点,<head></head>这个是头部文件,主要是写给蜘蛛等看的,除了title在浏览器上方显示外,其余均不显示,浏览器出去工具栏现实的内容是body里的内容。

这节课先到这里,下节课介绍几个常用的标签。比较基础的内容,闲啰嗦的,可以无视。有什么不懂得可以留言。


本文来自: SupeSite一起学(www.ssyqx.com) 详细出处参考:http://www.ssyqx.com/5.html
本站所有文章欢迎任何形式的转载,但请注明作者及出处,尊重他人劳动成果!
文章转载自:中国研发网 [http://www.yanfaw.com]
本文标题:supersite 模板设计基础教程(1)-HTML基础
TAG: supersite 基础 教程 模板 HTML
顶:6 踩:6
对本文中的事件或人物打分:
当前平均分:-0.53 (45次打分)
对本篇资讯内容的质量打分:
当前平均分:-0.35 (46次打分)
【已经有40人表态】
6票
感动
4票
路过
4票
高兴
4票
难过
6票
搞笑
5票
愤怒
7票
无聊
4票
同情
上一篇 下一篇
发表评论

网友评论仅供网友表达个人看法,并不表明本网同意其观点或证实其描述。

查看全部回复【已有0位网友发表了看法】