--网页基础
1 服务器开发语言 客户端
Java 、Node.js --文字-图形化界面:应用(C/S架构) --网页(B/S架构)优点:跨平台
2 历史
万维网发明人:蒂姆·伯纳斯·李,也是第一个服务器,第一个网站的发明人
3 浏览器和网页
万维网联盟W3C,制定规范
结构:HTML用于描述页面的结构;表现:CSS用于控制页面中元素的样式;行为:JavaScript用于响应用户操作
4 进制
十进制、二进制、八进制、十六进制
8 bit=1 byte 1024 byte=1 kb千字节 1024 kb=1 mb兆字节 1024 mb =1 gb吉字节
1024 gb=1 tb特字节 1024 tb=1 pb拍字节
最小可以操作单位byte
5 字符编码
所用数据在计算机中以二进制存储
编码和解码,采用的规则称为字符集(charset)。
常见字符集ASCII(美7位) ISO88591(欧8位) GB2312(中国国标) GBK(扩展) UTF-8(万国码)
6 网页
项目要尽量小,代码压缩:删除没有的东西,如注释,换行,空格等。
--HTML基础
一、标签
*标签参考手册
HTML 标签列表(字母排序) | 菜鸟教程https://www.runoob.com/tags/html-reference.html
HTML 标签参考手册https://www.w3school.com.cn/tags/index.asp
1.<开始标签>内容</结束标签>
根标签<html></html>,两个子标签<head></head>,<body></body>,其他为后代标签如<title>,<h1>
2.自结束标签
只有开始标签,<img>或者<img />
3.注释<!—注释内容-->
对代码进行解释说明,页面不会展示,代码能看到;注释不能嵌套
4.标签属性
可以设置标签内的内容如何显示;可以在开始标签或自结束标签设置属性;属性是名值对结构
X=" Y"(或者'Y')
X为属性名,Y为属性值,根据规定编写;需要用空格隔开。
5.特殊标签
<!doctype html>文档声明,位于代码第一行,位于根标签以外,大小写都行
<head>为网页头部,内容不会直接出现,用来帮助解析网页
<meta charset=”utf-8”>设置网页字符集--utf-8,避免乱码
<title>搜索引擎会主要根据title中的内容判断网页的主要内容
<body>网页所有可见内容,主体。
<meta>
主要用于设置元数据,常用属性charset、name指定数据名称、content指定数据内容。
①Keywords表示关键字,可以同时指定多个关键字,用英文逗号隔开。比如<meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东"/>,当搜索网上购物或手机等关键字时,会推荐京东网页。
②description为描述,网站的一个自我介绍。<meta name="description" content="京东JD.COM-专业的综合网上购物商城,为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家,囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类,满足各种购物需求。"/>,如下图所示。
③<meta http-equiv=" " content=" ">
<meta http-equiv="refresh" content="3;url=http://www.xxx">将页面重新定向到另一个网站;3表示时间,地址表示指向网页。
二、基础结构
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>网页标题</title>
</head>
<body>
<h1>网页的大标题</h1>
</body>
</html>