学习体会
网页组成
网页就是由超文本组成的，超文本主要由三部分组成：
- 1）文本内容，即就是文字；
- 2）其它引用媒体，如图片、视频、音频等；
- 3）标签，就是用来区别不同内容形式的标记，不同的内容、属性就通过标签来实现；
PS：不同的元素有不同的标签，要了解标签的用法、注意语法结构、书写格式；
html 结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
这里就是网页的主要内容
</body>
</html>
PS:页头不同见的标签虽然可默认生成，但也很重要，也要了解；
元素、属性和值
网页是由众多的不同元素组成，元素有空和非空元素，一般有头有尾的，如<a href="">链接</a>或者<div>内容</div>这样的，叫非空元素，只有单个的，如<img src="">,<input name="">这样的空无素；
PS：这些元素要注意标签的闭合，以免出错；
元素的属性，属性用来描述元素的具体内容，主要有三大属性，ID，class,style,如路径、大小，颜色，边界，属性有值，就是指所描述的物体的具体数据，如width:50pt,color:red;等等；
PS：一个网页中，ID需要唯一性，否则有些JS功能会失效；name也最好唯一；
层级关系
元素有层次关系，一层一层的，不能乱套；
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
<div>
<form>
<input name="a">
<input name="b">
</form>
</div>
</div>
</body>
命名和语法
- 文件和文件件名命名都用小写，用html而不用htm;
- 要养成良好的书写习惯，中间划画和下划线要区分,一般在url中可能用到的，用-中划线，而在代码是，命名变量函数等，一般用_下划线；
URL、路径和文件名
- 网页协议有多种，常用的有http,https,ftp,mailto等；
- url是全球资源定位符，全球唯一；
- url有绝对一相对之分，带有http之类开头的，都是绝对路径，而../开头的、或/开头的，或者直接用文件夹或文件名的，都是相对url;
PS:一般网站内部都用相对路径，而链接到外部网站，用绝对路径；
默认样式和指定样式
一般地，如果不指定元素的样式，浏览器会为元素加上默认值，但不同的浏览器的默认值是不同的，不同的用户设置的默认值也不同，所以同一个网页在不同的浏览器不同的用户界面下是不一样的，为了统一样式，一般都要为元素指定样式，这样在不同的浏览器下面，不同的用户设置下面，浏览到的效果是基本一致的。
2020-4-3
ymlll