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