HTML知识基础

HTML

超文本标记语言(Hyper  Text  Markup Language):是一种用于创建网页的标准标记语言。

Hyper  Text:指具有交互功能文本。

Markup Language:通过特定的“Markup”标记在浏览器中展示相应的内容。如:标题,图片,表格,段落,超链接等等。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

注意:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。

  • <!DOCTYPE html> 声明为 HTML5 文档
  • <html> 元素是 HTML 页面的根元素
  • <head> 元素包含了文档的元(meta)数据(网页中的不可见部分放入这个标签,将会写入一些其他有用的内容,比如CCS和JavaScript)
  • <title> 元素描述了文档的标题
  • <body> 元素包含了可见的页面内容(把所有显示在网页中的内容放在这个标签)
  • <h1> 元素定义一个大标题,<h1> 到<h6>,显示出来的文字依次从大到小
  • <p> 元素定义一个段落
  • lang="en" 定义语言格式(中文是lang="zh-cn")

网页——————>HYML文档,由浏览器解析,用来展示的。

静态网页:静态的资源。例如:xx.html

动态网页:html代码是由某种开发语言根据用户请求动态生成的。

什么是标签:

(1)是由一对尖括号包裹的单词构成,所有的标签中单词不能以数字开头。

(2)标签不区分大小写,推荐使用小写。

(3)标签分为两大部分:开始标签<a>和结束标签</a>,两个标签之间的部分,叫做标签体。

(4)有些标签功能比较简单,使用一个标签即可,这种标签叫做自闭和标签,例如:<br/>,<input/>,<img/>,<hr>

(5)标签可以嵌套,但是不能交叉嵌套。例如:<a><b></a></b>这样是错的。

什么是属性:

(1)通常是以键值对形式出现的。例如:name=“xie”

(2)属性只能出现在开始标签或自闭和标签中。

(3)属性名字全部小写(属性值必须使用双引号或单引号包裹)

(4)如果属性值和属性名完全一样,直接写属性名即可。

原文地址:https://www.cnblogs.com/zqxqx/p/8628040.html