一. HTML基本运用
HTML:超文本标记语言,是一种用于创建网页的标准标记语言。 HTML 代码是由于 “标签” 形成的整体的 HTML 代码是由于一对 <html> </html> 包裹的<head> </head> 标签是页面的头部,标签中写页面的属性<body> </body> 标签是页面的主体,标签中写的是页面表示的内容<title> </title> 标签中写的是页面的标题1.HTML 入门实例
<html>
<head>
<title>第⼀个⻚⾯</title>
</head>
<body>
hello world
</body>
</html>
这三个标签组成为了一个html的主体,亦是一个最简单的页面。每一个标签,都分成为了起始标签和结束标签,是成对显现的,标签之间能够嵌套。
整体这些标签就构成为了一个 树形 结构,叫作为 DOM 树(DOM Document Objective Model 文档对象模型) 生成一个默认的页面模板: 输入 !, 并且按 tab,就能够生成一组默认的页面模板。
解释一下这个模板:
<!DOCTYPE html> : 这一行是声明了文档类型,描述了当前文件是 html 文件
<html lang="en"> : 暗示当前网页运用的语言是 english。→ 这儿标记了语言亦是方便了浏览器自带的翻译功能进行识别。
<head>标签里面放的内容重点是页面的有些属性,和页面展示的内容无太大关系。<meta charset="UTF-8">声明咱们这个页面的字符编码是 UTF-8,<tatle> 里面包裹的是浏览器标签页的默认标题。
<body>里面便是页面要展示的内容。
下面就要起始介绍 HTML 详细的语法细节了,值得一提的是,前端这儿触及的 HTML、CSS、JS 这三门语言,然则实质上,仅有 JS 是一个可编程的语言,其他两个都只是功效了页面表示的“信息”,语法规则中不表达“规律”,只是暗示信息。下面介绍的便是构成一个页面上的元素,亦便是 HTML 语言的主体——标签。
2 HTML 平常标签
① 注释标签ctrl + / 快捷键能够快速注释/取消注释。<!-- 我是注释 -->
注释不会表示在界面上,目的是加强代码的可读性。
② 标题标签标题标签有6个:<h1>...<h6> 数字越大,字体越小
|