在了解概念之前,先做以下操作,在桌面新建一个txt文件,然后在txt文件中输入:“Hello World”,保存该文件并将其后缀名改为.html,(如果你的电脑默认隐藏了文件的后缀名,那么请点击
如何查看电脑文件后缀名
)然后双击打开,你就能在浏览器上看到页面显示“Hello World”,按F12键,你将看到这个页面的源代码除了”Hello World”之外,还有其他标记符号。这些就是html标记符。
再试另一个例子:依然是打开一个txt文件,然后将以下代码复制到文件中,保存为2.html
<!DOCTYPE html>
<html lang=”zh”>
<head>
<meta charset=”utf-8″>
<title>HTML是超文本标记语言</title>
<meta name=”description” content=””>
<meta name=”keywords” content=””>
<link type=”text/css” href=”” rel=”stylesheet”>
<script type=”text/javascript”></script>
</head>
<body>
<h1>HTML是什么?</h1>
<h2>HTML是英文Hyper Text Mark-up Language(
超文本标记语言)的缩写.</h2>
<h3>所谓超文本,就是说html能够表示比文本更丰富的意义:比如表格、图片、
超链接等</h3>
HTML表示图片:<img width=300 src=”http://zhiqiexing.com/Uploads/Editor/2014-11-02/54562efe4dd02.png” alt=””>
<p><a href=”http://www.zhiqiexing.com” target=”_blank”>这个超链接,你点击后就跳到网站首页</a></p>
下面再来弄一个表格
<table border=”1″>
<caption>表格的标题</caption>
<tr>
<td>第1行第1列</td>
<td>第1行第2列</td>
<td>第1行第3列</td>
</tr>
<tr>
<td>第2行第1列</td>
<td>第2行第2列</td>
<td>第2行第3列</td>
</tr>
<tr>
<td>第3行第1列</td>
<td>第3行第2列</td>
<td>第3行第3列</td>
</tr>
</table>
<font color=”red”>HTML的文字还能显示为不同的颜色</font>
</body>
</html>
点击查看结果
是不是感到很眼花缭乱,网站上的所有显示在你眼前的文字、图片、效果最终都是由浏览器解释为HTML+CSS+JS代码来显示的。比如你打开淘宝,在页面中单击右键:查看源代码,便能看到花花绿绿的代码。 总结:HTML语言是构成网页文档的主要语言,浏览器是根据HTML标记来渲染内容的。HTML不算编程语言,只是一种比普通文本更具丰富表现能力的标记语言,想学习WEB开发,HTML语言是必学的基础。
通过本文,你应该对HTML有个大概的了解了,但是HTML具体的标记是如何使用的,强烈推荐你到
w3cschool
学习,每个标记都有详细的解释以及示例,你所要做的就是将这些示例一个个动手敲一遍即可。
点击开始进入学习吧
!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。