当前位置: 首页 > 网络学院 > 网页制作基础教程 > WEB设计综合 > HTML基本原则

WEB设计综合
CSS处理表格边框
DIV+CSS网页布局常用的方法与技巧
优化WEB应用的方法
把XHTML+CSS页面转换成为打印机页面
CSS兼容要点
CSS的三种选择器
跨浏览器的CSS固定定位
shtml精简教程
首页head代码规范
导航页用CSS标志当前页效果
z-index的IE之旅
用CSS按比例缩小图片
针对IE6、IE7和Firefox的CSS
细线表格制作方法
meta标签大作用
网页背景设计
页面控制出现的常见问题及解决办法
重构、标准、布局
网页设计中HTML常范的五个错误
HTML超文本标记语言速查手册

WEB设计综合 中的 HTML基本原则


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 1793 ::
收藏到网摘: n/a

Okay everyone, I'm going to teach you the basics of what you need to know about HTML. HTML stands for HyperText Mark-up Language, and you can see by that little text bit there how it gets the abbreviation. Now, lets get stuck into it and i'll show you what a HTML page is made up of.

好吧,让我来告诉你需要掌握的HTML的基本准则吧。HTML表示超文本链接语言,缩写为HTML。现在,让我深入其中,剖析一下HTML页面的具体组成吧。

World_Wide_Web_HTML

万维网和HTML

The structure of any basic HTML page is setup like this:

所有的HTML页面的基本格式如下:

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>


Ok, I know what you are thinking, "What the hell does all this mean?" Well don't worry, i'll tell you right now ;)

呵呵,我知道你现在想的是什么:“这些鬼东西到底代表了什么?”好吧,不用急,让我来告诉你它们的真正含义。

The things with the greater and less than signs and text in them are called tags. The <HTML> tag at the start of the structure is telling the browser that all of the HTML stuff begins right there. At the bottom of the page you will notice that the HTML tag appears again, only this time it has a / before the text. This is an end tag, and it ends whatever HTML command that has been started. For example, if I wanted bold text, like this, i would have to put this tag <b> at the start of the text i wanted to be bold, and this </b> at the end, to stop the text being "bolded" any further. Ok, back to the tutorial...

如上所示,每个由大括号、小括号以及两者所包含的文本共同组成了一个“标签”。在整个结构起始处的<HTML>标签告诉浏览器,所有的HTML文档从此处开始;在页面的底部你会发现,又出现了一次“HTML”标签,与上面不同的是,它在“HTML”之前多了一个“/”。这是一个结束标签,它意味着“<HTML>”标签的结束。举个例子来说,如果你希望获取一个加粗的文本,如:this,我需要在需要加粗的文本前面放置一个<b>,并在文本结束的地方放置一个</b>,保证只对这个文本加粗。好吧,接下来,让我们重新回到具体的教程中…

The following tag, the <HEAD> tag is the header section of the page. This is used to put in many different items so the browser can read them easier and knows where to put them, but for now, the only thing that is there is the <TITLE> tag. Whatever you put in the title tag is what will show up in the top bar at the top of your page. The next part, after the close tags for the head and title section are used, comes the <BODY> tag. This section is for the stuff that will actually be displayed on your webpage. This can be text, pictures or any other thing you want, but I will explain how to add some of those later on ;) Then the structure ends off with the end body tag and the end html tag.

接下来的标签,<head>标签是页面抬头的一部分,很多具体项需要放置在这个标签当中,这样可以让浏览器更加方便地读出它们,并知道应该把它们放在那个地方。但是,就目前而言,我知放置了一个<TITLE>标签。你在“title”标签中放置的内容将在页面顶部的标题栏中显示出来;下一部分,在“head”标签和“title”标签的结束标签之后,我们书写的是“<BODY>”标签。这个部分中放置的内容将会被显示在整个网页中,其中可以包含文本、图片以及其它你所希望放置的内容。我将在以后教你如何在其中添加具体的内容:)。整个结构将以“</body>”标签和“</html>”标签而结束。

评论 (0) All

登陆 | 还没注册?