当前位置: 首页 > 网络学院 > 网页制作基础教程 > WEB设计综合 > HTML基本原则
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页面的具体组成吧。
万维网和HTML
The structure of any basic HTML page is setup like this:
所有的HTML页面的基本格式如下:
<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>”标签而结束。