[Web] 从零开始 - HTML

博客首页 » Web 从零开始 - HTML

发布于 07 Jul 2015 03:19
标签 blog
我们来解说一下网页中符号的含义。

网页符号HTML的含义

上一次,我们制作了一个简单的网页。这种网页中的符号叫做超文本标记语言“HTML”,它实际上是就是我们常见的文本,其中添加了一些尖括号括起来的标记“<…>”,来表达特定文本以外的含义。我们不用仔细研究它是什么,从例子里理解就可以。

这是我们上一次用的例子。

<!doctype html>
<html>
  <body>
    你好!Web从零开始!<br/>
  </body>
</html>

其中,第一行“<!doctype html>”是表明整个文档是HTML。
第二行的<html>和第六行的</html>是成对出现,这也相当于一个特定的括号。表示其中为html文档。
第三行的<body>和第五行的</body>也是成对出现。表示其中的部分为文档正文。
第四行的“你好!Web从零开始!”是一行正文,行最后的“<br/>”的意思是换行,否则之后的文本会沿着当前行继续向右排过去。

修改HTML文件

我们趁热打铁再修改这个文件,体验一下真正的网页——链接。把web1.html文件复制下来,粘贴成一个新文件web2.html,并且在web2.html上点右键,选择“打开方式”->“记事本”。按照下面的代码,添加“去百度”这一行,并保存。

<!doctype html>
<html>
  <body>
    你好!Web从零开始!<br/>
    <a href="http://baidu.com">去百度</a>
  </body>
</html>

修改以后,再用浏览器打开,能看到如下结果:

怎么样,像真正的网页了吧。

这个网页多出来的着一行,"<a href="http://baidu.com">去百度</a>",是一个链接,当惦记链接的时候,就会跳到百度的主页。

其中<a>…</a>括起来的一段文字,“去百度”是一段普通的文本。<a></a>是链接标记,会在浏览器上生成一个链接。<a>的href里是指定链接的目标,在这个例子里,是baidu.com。"http://"是非加密网络地址的前缀,记住就好。

其他常用的HTML的标记

其他常用的HTML标记还有

<h1>~<h5>标题

<p>…</p>段落

<table>表
<tr>行
<td>格
<th>标题格

<form>标记 用来表达表单
<input>标记 用来表达输入栏
<submit>标记 用来表达提交
<button>标记 用来表达可以点击的按钮

等等

我们先介绍这么多,以后再逐一介绍。


本页面的文字允许在知识共享 署名-相同方式共享 3.0协议和GNU自由文档许可证下修改和再使用,仅有一个特殊要求,请用链接方式注明文章引用出处及作者。请协助维护作者合法权益。


系列文章

文章列表

  • Web 从零开始 - HTML

这篇文章对你有帮助吗,投个票吧?

rating: 0+x

留下你的评论

Add a New Comment