web前端2021--小白进阶之路HTML5 Basic

web前端2021–小白进阶之路HTML5 Basic

  • HTML5 Basic:制作页面的额标签,搭建网页结构,只用H5搭建的网页------>静态页面
  • Ajax异步数据交互:异步完成数据前后端数据的交互(js,node.js要熟练使用)
  • 项目1:HTML+Ajax完成对用户列表的操作
  • CSS3:对html(网页的骨架)页面,进行美化
  • Bootstrap框架:提供响应式布局,快速开发样式

web基础知识
HTML泛指前端的网页技术,称为超文本标记语言,是一种标记语言
HTML5大前端技术,是构建Web内容的一种语言描述方式

Internet
以相互交流信息资源为目的,基于一些共同的协议,并通过许多路由器和公共互联网而成,它是一个信息资源和资源共享的集合。

Internet的基本服务
www服务:万维网,专门访问网站服务
BBS:论坛
Email:邮件
Telnet:远程登录
FTP:上传下载

Internet上的应用程序
C/S结构(客户端服务器)Client Server:需要下载客户端,在硬件上安装才能使用
B/S结构(浏览器服务器)Browser Server:在浏览器上运行的应用
C/S和B/S的区别:
C/S需要升级,B/S更新不会影响用户体验

web运行的原理:
web是运行在Internet上的一种B/S结构的应用,称为网站,Internet为web提供了网络环境。
基于游览器和服务器以及通信协议在实现的数据的传输和展示。

通信协议(http/https):
规范了数据是如何打包和传递的,让浏览器和服务器都可以识别交互的数据。

服务器用来:
存储数据,接收用户的请求并给出回应,提供程序的运行环境,具备一定的安全功能。
服务器产品:java Apache IIS
技术:java php .net python node.js

浏览器用来:
代表用户发送请求,作为js,html,css解析器,把代码解析成图形界面。
产品:chrome safari firefox opera IE

HTML快速入门
HTML:超文本标记语言
使用带标记的语法,让超文本拥有功能

  • 标签的分类(标签、标记、对象、元素、节点)
    双标记<关键字>内容区域
    单标记<关键字>或者<关键字/>
  • 嵌套:在双标记的内容区域的部分,添加其他标签,形成嵌套关系
  • 属性和值
    属性和值是用来修饰元素的
    <关键字 属性1="值1" 属性2="值2" ......>
  • 注释

HTML文档结构

  • HTML文档的构成
    文档类型的声明 //此为h5类型
    网页结构
<html>
<head></head>  网页的头部,定义页面的全局信息
<body></body> 网页的主体,展示的内容
</html>

head标签

<title>页面名称</title>
<meta charset="utf-8"> 设置中文编码
<meta name="description" content=""> 网页描述
<meta name="Keywords" content="">  关键字设置

body标签

<body bgcolor="pink" text="purple"></body>

文本标记

  • 标题标签
       <h1>一级标题</h1>
       <h2>二级标题</h2>
       <h3>三级标题</h3>
       <h4>四级标题</h4>
       <h5>五级标题</h5>
       

你可能感兴趣的:(HTML5,Basic,html)