HTML文档基本格式-创新互联

一、HTML文档基本格式：

目前成都创新互联公司已为成百上千的企业提供了网站建设、域名、虚拟主机、网站运营、企业网站设计、红花岗网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

<!DOCTYPE html>  //文档类型声明
<html lang='zh-cn'>                  //表示HTML文档开始
<head>              //包含文档元数据开始
<meta charset='utf8'>           //声明字符编码
<title>基本</title>     //设置文档标题
</head>     //包含文档元数据结束
<body>     //表示HTML文档内容
</body>     //表示HTML
<a href="http://wwww.baidu.com">百度</a>
</html>      //表示HTML文档结束

二、文档结构解析：

1、Doctype

文档类型声明（Document Type Declaration，也称Doctype），它主要告诉浏览器所查看的文档类型。

<!DOCTYPE html>  不区分大小写

2、html元素

首先，元素就是标签的意思，html元素即html标签。html元素是文档开始和文档结尾的元素。它是一个首尾呼应的双标签，html元素有一个属性和值

lang='zh-cn'，表示文档语言为简体中文

<html lang="zh-cn">   如果为英文则，lang="en"

3、head元素

用来包含元数据内容，元数据包括：<link>、<meta>、<moscript>、<script>、<style>、<title>。这些内容用来浏览器提供信息，比如link提供CSS信息。script提供JavaScript信息，title提供页面标题等。

<head>...</head>   //这些信息在页面不可见

4、meta元素

这个元素用来提供关于文档的信息，其实结构有一个属性为：charset='utf8'。表示告诉浏览器页面采用的编码为什么格式。一般情况下，就用utf8.当然，文件保存的时候也是utf8，而浏览器也设置utf8既可正确显示中文。

<meta charset='utf-8'>

5、title元素

这个元素很简单，顾名思义：设置浏览器左上角的标题

<title>标题</title>

6、body元素

用来包含文档内容的元素，也就是浏览器可见区域部分。所有的可见内容都应该在这里面添加。

<body>...</body>

7、a元素

一个超链接，后面会详细讨论。

<a href='http://www.baidu.com'>百度</a>

三、元素标签探讨：

HTML是一种标记语言，刚才的结构我们已经详细探讨过，这里，我们再剖析以下这些“标记”，或者叫标签是怎么构成的。

1、元素

元素是一组告诉浏览器如何处理一些内容的标签。每个元素都有一个关键字，比如：<body>、<title>、<meta>都是元素。不同的标签名称代表不同的意义。后面将会涉及到段落标签，文本标签、链接标签、图片标签等。

元素

一般分为两种：单标签（空元素）和双标签。但标签通常用于声明或者插入某个元素。比如声明字符编码用<meta>.插入图片用<imag>，双标签一般用于设置一段区域的内容，将其包含起来。比如段落：

2、属性和值

元素除了有单双之分，元素的内容还可以设置属性和值。这些属性值用来改变元素某些方面的行为。比如超链接：<a>中的href属性。里面替换网址即可链接到不同的网站当然一个元素里面可以设置多个属性，甚至自定义属性。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网页名称：HTML文档基本格式-创新互联
URL分享：https://www.cdcxhl.com/article28/csohjp.html

成都网站建设公司_创新互联，为您提供网站营销、用户体验、外贸建站、做网站、品牌网站设计、建站公司

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容