html-----负责页面的结构 HTML俗称网页,网站。html就是一个文档。html就是标签的集合。 学习html主要学习html的标签 超文本标记语言 Hyper Text Markup Language(超文本标记语言) 标记语言的意思是:标签语言 html结构 <!DOCTYPE html> //第一行是DTD(文档类型声明),目的是告知浏览器当前html文件是什么版本的html <html lang="en">//html标签用英文表示,默认就是这个值,可不写 <head> <meta charset="utf-8">//html文件使用的编码 <title>Document</title> </head> <body> <!-- 网页真正的内容放body标签内部--> </body> <html> 头部 <head>:html头部,写html文档的信息 头部有哪些标签 <title> :窗口的标题 <base> :为所有超链接提供默认的地址和目的地 <link> :指定css文件 <script> :引用js文件 <style> :样式表,增加样式 <meta> :目的为了说明更多的html信息。元数据不会显示在页面上,但是对于机器是可读的。 典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。 <meta> 标签始终位于 head 元素中。 元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 <meta name="description" content="世界上最大的电商平台">//html文档的作用说明 <meta charset="utf-8">//htm字符集 <meta name="keywords" content="电器 数码 衣服">//用户可以根据这些关键字搜索到该网页,作用很小 身体 <body>:html主体 标签从使用的角度 分为容器级标签和文本级标签 容器级标签 里面啥都可以装 甚至可以装自己 <div> <div></div> </div> 文本级标签 放文字、图片、表单元素或其他文本级标签 <p><span></span></p> <p> p是一个文本级标签,p里面只能放文字、图片、表单元素,不能放其他东西,。 注释 <!--注释--> <!-- ... --> 字符实体(转义字符) &字母; < < > > © 版权 空格 网页编码 字符集utf-8,支持所有的国家语言 bgk国标码,仅在中国用gbk就没问题 visual studio codeIDE 快速的生成html结构,需要用emmet,下载安装如下三个 https://blog.csdn.net/sunshinegirl_7/article/details/49802579 https://jingyan.baidu.com/article/afd8f4de64d4cd34e286e9aa.html https://www.cnblogs.com/engeng/p/5957389.html