在学习一门编程语言之前,了解它的特性,带着对特性的好奇和疑问去学习是最快最好的学习方法。就像你知道某个地方有很多宝藏,带着藏宝图去寻找宝藏,你一定会大有收获的。
1.HTML究竟是什么?
HTML的英文全称是 Hyper Text Marked Language,中文意思为超文本标记语言。
2.HTML用在哪些地方?
除了网页,各种动画、音频、视频、图像等炫酷的东西都可以做。还有各种小程序、小游戏以及App的开发应用数不胜数
HTML标准的文档结构
1.<!DOCTYPE html>
文档的说明 : 告诉浏览器 当前文档使用标准 HTML标准中的HTML5标准
2.lang=“en” 并且语言为英文网站,其"lang"的意思就是“language”,语言的意思,而“en”即表示english
中文 ch 德语 de
3.<html></html>
在这里插入代码片,根标签,里面的文本描述网页
<head></head>
头部标签
<body></body>
身体标签,里面的内容显示页面内容
<h1></h1>
之间的文本被显示为标题
<p></p>
之间的文本被显示为段落
<html>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
4.头部标签head里面
<meta charset="UTF-8">
代表的是字符集
<title>
网页的标题
<link>
定义了一个文档和外部资源之间的关系
<script>
定义了客户端的脚本文件
<style>
定义了HTML文档的样式文件
<base>
定义了页面链接标签的默认链接地 址
语义化
1.什么是语义化标签
每一个元素都有自己的含义
a:超链接
<a href="http://www.baidu.com.cn">This is a link</a>
p:段落
h:标题
为什么要用语义化
- 语义化有利于SEO,有利于搜索引擎爬虫更好的理解我们的网页,从而获取更多的有效信息,提升网页的权重。
- 在没有CSS的时候能够清晰的看出网页的结构,增强可读性。
- 便于团队开发和维护,语义化的HTML可以让开发者更容易的看明白,从而提高团队的效率和协调能力。
- 支持多终端设备的浏览器渲染
参考:百度百科HTML