前言
网页是B/S架构（浏览器-服务器），而图形化客户端是C/S架构（客户端-服务系）。
网页中使用的语言：HTML，CSS，JavaScript
W3C制定了网页开发的标准。
HTML（超文本标记语言）
网页的构成
网页由标签组成,作用是标记出不同的内容
最前面要有文档声明<doctype html>
-
有开头有结束的标签
<标签名>内容</标签名>
根标签与子标签：
<html>//所有内容都在这里面 <meta charset="utf-8"> <head>//这里面写的在网页中看不见
<title></title>//网页标题,会作为搜索结果的超链接上的文字显示
</head>
<body></body>//网页里所有可见内容
</html>
标题：<h1></h1>;<h2></h2>...
段落：<p></p>
-
自结束标签
<img>或者<img />
<input>或者<input />
-
注释：内容不会在网页中直接显示，只能在源码中查看
注释不能嵌套
<!--
内容
-->
-
其他标签可以在MDN这个网站里面查具体用法
标签的属性
可以在标签（开始标签或自结束标签）设置属性。
属性用来设置标签中的内容如何显示。
属性是名值对结构。
-
属性应根据文档规矩来写，有些属性没有属性值，有些有。 迭代：随着网页的开发，网页的版本出现多样HTML4、HTML5，我现在学的就是 HTML5，应按照这个对应的规矩来写 文档声明：用来告知浏览器当前网页的版本。<!doctype html>(大小写都可以)
-
属性值用引号引起来
属性和标签名或其他属性名应该用空格隔开。
<h1>这是我的<font color='red' size="5">演示</font></h1>
进制
计算机最小存储单元为位（bit），最小操作单位为字节（byte）。
8bit=1byte
1024byte=1kb（千字节）
1024kb=1mb（兆字节）
1024mb=1gb（吉字节）
1024gb=1tb（特字节）
1024tb=1pb
字符编码
编码、解码
字符集（charset编码和解码所采用的规则）：
有ASCII、UTF-8（万国码）...
一般用UTF-8，可使用范围更广泛
一般在<head>下用<meta charset-"utf-8">标签指明所用字符集
若所用的字符集和标明的字符集不同，网页会出现乱码
文档
查看标签的使用说明
实体
特殊符号：多个空格、<>...
默认情况下，在网页中编写的多个空格会被浏览器转换成只有一个空格
原本应该是呈现出的内容却被当做标签
解决方法：实体（转义字符）
语法：&实体名字；
空格： ；
大于号：>；
小于号：<；
...(其余可以在www.w3school.com.cn查找)
meta标签
主要用于设置网页中的元数据
可以设置的属性：charset、name（指定的数据名称）、content（指定的数据内容），description,equiv
<meta name="keywords" content="HTML5,css3">
keywords就是网站的关键字 ，这样可以让搜索引擎对网站分类，如京东就可以将name设置为网上购物
<meta name="description" content="网站的描述">
description是网站的描述，会显示在搜索引擎搜索结果中
<meta http-equiv="refresh" content="3;url=https://www.baidu.com" >
equiv在3s后将页面重定向到百度网站
语义化标签
即关注结构而不关注形式
块元素：在页面中独占一行的元素
p标签
标题标签：h1~h6
标题组：<hgroup></hgroup>用于为标题分组，一组相关的标题可以放在其中
长引用：鲁迅说<blockquote>...</blockquote>
行内元素：在页面中不会独占一行
语音语调的加重：<em>斜体</em>
重要内容的加重：<strong>加粗</strong>
短引用：<q></q>
一般是块元素中放行内元素，p标签中不能放任何元素
另：光标下移：ctrl+回车
<br>表示换行
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
