HTML文档基本格式

发布时间:2020-08-23 00:04:38 作者:zenge_blog
来源:网络 阅读:846

一、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>,双标签一般用于设置一段区域的内容,将其包含起来。比如段落:

<p>...</p>


2、属性和值

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



推荐阅读:
  1. CEBX格式的文档如何转换为PDF格式文档、DOCX文档?
  2. HTML文档结构

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html

上一篇:关于Tomcat/Android/JAVA交互时中文传输乱码的解决方法

下一篇:python 调用pyautogui 实时获取鼠标的位置、移动鼠标的方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》