在VS Code中,新建的html文件中,输入感叹号然后按tab键即可生成HTML5的一个基本结构:
一.基本骨架
HTML文件最基本的四个标签,组成了网页的基本骨架,包括:<html> <head> <title> <body>四组标签
<html>标签
作用:定义HTML文件的根元素,是网页中最大的标签,表示整个的HTML文档,所有的标签要书写在标签内部。
<head>标签
作用:用于存放 <title> <meta> <base> <style> <script> <link>。内部用于对网页的设置,除了内部的文字,其他标签都不显示在浏览器上。
注意:在<head>标签中必须要设置的标签是title。
<title>标签
作用1:让页面拥有一个属于自己的标题。
<body>标签
作用:定义网页的主体部分,用于存放所有的HTML显示内容的标签,<p> <h1> <a> <div> 等
body内部的元素内容会显示在浏览器的窗口中。
二、HTML常见标签
1、段落标签
在一长段语句中会自动根据浏览器宽度来决定排版,如果想要分段,不可以直接切换,因为html内容首尾处的换行、空格均无效,需要用段落标签来分段。
2、换行标签
3、标题标签
运行结果如图:
4、文本标签
运行结果如图: