Web和Internet
internet: 全球计算机互联网
Web Word Wide web 万维网
手机APP、微信应用、数据可视化。。。
把运行在Internet上的服务器的进行分类;
1、C/S
C:client 客户端
S:server 服务器
2、B/S
B:browser 浏览器
S:server 服务器
Web的工作原理:
基于浏览器、服务器和通信协议来实现数据的传输和展示
通讯协议:规范了数据是如何打包和传递的,能让前后端都认识
技术:HTML CSS JAVASCRIPT
HTML
HyperText Markup Language
超文本 标签 语言
超文本:带有功能的文本
标签:<关键字></关键字>
语言:独立的语法特性
一、HTML基础语法
1、标记、标签、元素、对象、节点
例: <b></b> 具有超能力的文本
使用方式: <> 包裹关键字
标签的分类:
双标签:<b></b>
单标签:<input>或</input>
2、标签的嵌套
在双标签的内容区域,编写其他标签,会形成标签功能的叠加
写嵌套有语义要求,必须要有缩进
3、注释
<!---->
注释是不会被解运行的代码
通常是写代码的步骤和解释
注意:①<>内注释文字右侧需要至少两个-- 例:<!--文档的声明-->
②--大于等于四个 例:<!----------------注释内容---------->
二、HTML文档结构
1、html文档构成
<!--文档类型声明-->
<!DOCTYPR html>
<!--告诉浏览器,当前的代码使用的是H5的语法
html是一个值,代表H5版本-->
<html></html>
<!--html标签代表开始和结束,一个页面只有一对-->
1、<head></head> 把当前网页的配置写在head中
</meta> 网页的编码格式
<title></title> 网页的标题
2、<body></body>
网页的可视内容区域
三、文本标签
1、标题
<h1></h1>.....<h6></h6>
功能:字号有变化,h1最大,h6最小
字体加粗
单独成行
有垂直的上下间距
2、段落
<p></p>
功能:单独成行
垂直的上下间距
3、水平分割线
<hr>
功能:在页面上绘制一条分割线
单独成行