2019-06-16

每日学习笔记                                                                                                                            2019.6.16

[1]HTML基础

1.HTML是什么?:HTML是一种超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。


2.HTML文件的后缀名须为“.html”或者“.htm”(推荐使用html)


3.HTML不支持空格、回车,这些会被拆为一个空白符。

4.HTML并不是一种编程语言,它是一种标记语言。所以它是一套标签的集合。标签大多是成对出现的,标签对中第一个标签被称为开放标签,第二个标签被称为闭合标签。就像这样:<标签>内容</标签>

更加直观的话.......


在上面这个例子中,<!DOCTYPE html>声明了它的文件类型为HTML5;<html>为开放标签,</html>为闭合标签;<body>标签是在<html>标签内部的,所以它的开放标签位于<html>的下方,它的闭合标签便位于</html>的上方,“hello world!”则是它的标签内容。

5.一些很基础的HTML标签:

<!DOCTYPE html>声明为 HTML5 文档

注:声明正确的HTML版本有助于浏览器正确显示网页内容。

<html>元素是 HTML 页面的根元素。

<head>元素包含了文档的元(meta)数据,如<meta charset="utf-8">定义网页编码格式为utf-8。

注:在html中直接输入中文很有可能出现乱码,所以我们在<head>部分插入<meta charset="utf-8">防止出现乱码。

<title>元素描述了文档的标题。

<body>元素包含了可见的页面内容。

<h1>元素定义一个大标题。

<p>元素定义一个段落。

<a>定义链接。

6.HTML元素:HTML文档由HTML元素定义。为了方便我们理解,我们可以说:“HTML元素=HTML标签。”(当然这没有错)。所以,HTML元素由开放标签起始,由闭合标签终止。而元素的内容就是开放标签和闭合标签之间的内容。拿上面的例子来说,“hello world!”就是<body>元素的内容;这个html文档共包含了2个HTML元素:<html>和<body>元素。<body>元素定义了HTML文档的主体,该元素有一个开放标签<body>和一个闭合标签</body>。


注:不要忘记闭合标签,忘记闭合标签可能会产生不可预料的错误!

注2:建议使用小写的HTML标签。虽然目前没有硬性要求,但在XHTML中将强制使用小写。

7.HTML标题:标题是HTML中很重要爱的一部分。而标题由<h1>、<h2>、<h3>等定义。<h1>是最大的标题,<h2>为其次,以此类推,<h6>为最小的标题。HTML会根据标题的大小自动地调节字体大小,字体大小和标题大小成正比。

为了使页面更加直观以便于浏览,我们可以使用<hr>来添加水平线。

注:最好不要为了调节字体而使用标题,尽量使用样式(style)。

8.HTML注释:在HTML中,我们可以将注释插入HTML源代码中,使我们的代码更加容易理解,也使别人查看我们的源代码时可以规避一些理解上的差错。浏览器会忽略我们的注释,不会将他们显示出来。在HTML中我们使用<!------>来插入注释。

就像这样......

在这个注释中,我们声明了该HTML文档为HTML5,在我们使用浏览器将它打开时......


我们是看不见我们的注释的。

9.HTML标签:根据我隔壁的那位大哥的观点,HTML标签里除了<html>、<head>、<body>以及<title>这些比较必需的,只有<div>和<span>比较有用.......

10.友情推荐:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容