达内001

2021-09-23 22:36:10 作者：互联网
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