达内001

2021-09-23 22:36:10 阅读：158 来源： 互联网

web:2014-2015 大前端概念

一.可以做什么
pc网站，移动端网站App，公众号，抖音营销，小游戏，VR，数据可视化，


二.什么是web前端
   基于Internet环境之上,使用浏览器访问服务器
 
1.web和internet
  internet : 全球性计算机互联网
  在互联网上运行着非常多的应用\服务
  www服务 world wide web 万维网服务-->网站服务
  web是internet上的服务之一,一般专指网站

 2.web服务的分类

c/s
c:client 客户端
s:server 服务器
比如:qq,王者荣耀

B/S:
B:brows 浏览器
S:server服务器
比如:网站,网页微信,页游

区别:
c/s更新,下载更新文件,下载过程中,不能使用应用
b/s更新,不需要下载更新文件

3.web的工作原理:

基于浏览器,服务器以及通信协议来实现数据的传输和展示
通信协议:   http:// https:// ftp:// file://

4.前端三大技术
 html5  css3  Javascript

三.HTML

1.HyperText Markup Language
   超文本     标记     语言
超文本:具备功能的文本
标记: <关键字>
语言:有语法语义

2.html特点
以.html或者.htm为后缀
由浏览器解析执行
在<>中编写关键字,来定义标签

3.html的基础语法
  i.标签(常用100个)
   标记,元素
   使用<>括起来的关键字,具备一定功能<关键字></关键字>
  
  
标记的分类

 a.双标记,封闭式标记
 <关键字> 内容区域 </关键字>  
 b.单标记,非封闭标记
 没有内容区域,又称为空标记
 <关键字> 或者<关键字/> 

ii.嵌套
在双标记的内容区域中,编写其他标记,一般是双标记嵌套单标记
父元素 子元素  多级嵌套叫后代关系
注意: 一定要有缩进,双标记必须成对出现,要有结束标记

iii.属性和值:
属性和值用于修饰元素,写在开始标记中
语法:
<标记 属性名="属性值" 属性名="属性值"> 内容区域 </标记>
通用属性--标准属性:
id:定义唯一的标识(名称)
title:鼠标悬停在元素上时所提示的文字
class:在css中引用类选择器
style:在css中定义行内样式

iv.注释
不被浏览器编译执行的语句
<!--注释内容-->
注意:a.注释不能嵌套注释
    b.标签的<>中也不能嵌套注释
	

四.html文档结构
 1.文档类型的声明

<!DOCTYPE html> 不区分大小写
必须写在html文件的第一行
告诉浏览器使用h5的规则来解析当前的页面

<meta/>  元数据
<meta charset="utf-8">
charset="utf-8"  下面的中文都由utf-8来解析
设置好对应的词汇,让网站更容易被搜索到
<meta name="篮球" content=" ">

<body>内容 </body>
 网页的主体,默认情况下,body宽度是有限的,高度是无限的
 text="red" 文本颜色
 bgcolor="yellow" 背景颜色
 

`<!DOCTYPE html>

百度一下下,你就知道道

欢迎同学学前端!

今日特价

标签：web,浏览器,标记,网站,嵌套,001,html,达内
来源： https://www.cnblogs.com/lijintao110/p/15327803.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

达内001

欢迎同学学前端!

今日特价