标签:网页 HTML 第一 标记 标签 基础 html 文档
网页是什么?
网页的基础是由文本,图片,链接构成的。网页还包含了表单,表格,动画,音乐等元
素。我们常看到的网页多是HTML+CSS+JavaScript组成的。他们分别代表了,结构,表现
和行为。HTML制作物品躯干,CSS装饰物品外观,JavaScript则负责让物品动起来。
HTML是什么?
- 是一种超文本标记语言
- HTML不是编程语言,它属于标记语言
- HTML通过标记标签进行网页的制作
创建HTML文档
包含有HTML标签的文档被称为HTML文件,HTML文档的扩展名为.html或者.htm。
HTML的基本结构
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>基本结构</title>
</head>
<body>
网页主体
</body>
</html>
结构开头的DOCTYPE是一种标准通用标记语言的文档类型声明,主要作用是告诉标
准通用标记语言解析器(浏览器)要使用什么样的文档类型来解析文档。
上面代码写的开头声明便是告诉浏览器,按最新的html文档类型进行解析。具体的可以
声明模式可以参考MDN文档https://developer.mozilla.org/zh-CN/
<html>
<head>
<!--
-这里主要是对文档进行诠释,定义,描述,引入脚本等作用(可以
理解为引用脚本、指示浏览器在哪里找到样式表、提供元信息等一些不作为
正式内容展示给读者的内容)
-->
</head>
<body>
<!--
对页面内容进行排版、编辑、显示在页面中,是html的主体
-->
</body>
</html>
HTML语法的标签
- HTML标记标签通常被称为HTML标签
- HTML标签是由尖括号包围的关键词,比如<br>
- HTML标签通常是成对出现的,比如<p></p>
- 标签一般由一对开始标签和结束标签组成,除特定的单标签外
注:开始和结束标签也被称为开放标签和闭合标签,闭合标签要以“/”结束
- 标签不可胡乱嵌套,比如:错误写法<span><b></span></b>
正确的写法<span><b></b></span>
- 标签不区分大小写,但最好小写(具体原因复习到JavaScript里再说)
- 每个标签都是闭合的
- 同一标签可以拥有N个不同属性
- 最重要的一点,HTML标签中的符号都是英文符号,否则一旦出错,很难找到成对标签和单标签详解
成对标签
- 包含起始标签和结束标签
- 内容写在对标签中间
- 属性写在起始标签尖括号内(不建议这样做,练习可用)
例如<a href="https://www.baidu.com" style="textdecaration:none"></a>
单标签
- 只有一个尖括号的标签
- 属性直接写在尖括号内
例如<img src="123.jpg" alt="123">
HTML属性
必须放在开始标签内,属性可以为标签提供更多样化的样式
元素
开始和结束标签连同里面的内容被称为一个元素
HTML注释
注释就是对代码的说明,不会再浏览器中显示
注释标签为<!--注释内容-->
HTML头部中常用的标签
<head>
<meta charset="UTF-8">
<title>标题标签</title>
<meta name="keywords" content="关键词,多个关键词用逗号隔开"/>
<meta name="description" content="本篇网页的概述"/>
</head>
HTML常用字体标签
h1~h6、strong、em、span、u、i、b这些都是字体的常用标签,具体效果不做展示
附录:
常用HTML标签大全 https://www.cnblogs.com/hjjun/p/6274995.html
doctype的作用 https://www.cnblogs.com/alwaysblog/p/5822834.html
个人有道云原文链接 http://note.youdao.com/noteshare?id=8da6cf24ced7255d4e7a9272f5ce66b8
标签:网页,HTML,第一,标记,标签,基础,html,文档 来源: https://www.cnblogs.com/zangshengjie/p/11027219.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。