HTML学习第一天

前端都能干什么?

网站   管理系统   APP   小程序   数据可视化   智能电视   桌面应用   网页游戏   工具和后端

前端都学什么?

第一部分:HTML、css、photoshop

第二部分:移动端开发

第三部分:js开发工程师

第四部分:前端开发框架VUE、Angela、React

第五部分:后端技术---->全栈开发工程师

第六部分:reactNative、小程序技术---->混合开发工程师

第七部分:最新的前端技术:Flutter、数据可视化、Electron----->web开发技术专家

第八部分:对项目的架构、项目的把控、能够解决网站出现的并发状况、能够改进网站的性能,拥有大型网站大量并发访问的一些开发经验----->web开发之巅,即web开发之高手

网页是怎么形成的?

1、网页通过了浏览器才能访问阅读

2、网页是网站中的一页

3、文件扩展名.html

什么是HTML?

HTML是用来描述网页的一种语言。

HTML指的是超文本标记语言(Hyper Text Markup Language)

HTML不是一种编程语言,而是一种标记语言

标记语言是一套标记标签

五大浏览器

浏览器:是网页显示、运行的平台,是前端开发必备的利器

常见的五大浏览器:IE浏览器、火狐浏览器、谷歌浏览器、SaFari浏览器(苹果自带的)、欧朋浏览器

我们最喜欢用谷歌浏览器

渲染引擎

渲染引擎(浏览器内核):浏览器中专门对代码进行解析渲染的部分

浏览器出品的公司不同,内在的渲染引擎也是不同的:

浏览器内核备注
IETridentIE、猎豹安全、360极速浏览器、百度浏览器
FirefoxGecko火狐浏览器内核
SafariWebkit苹果浏览器内核
Chrome/OperaBlinkBlink其实是Webkit的分支

注意:渲染引擎不同,导致解析相同代码的速度、性能、效果也不同

为什么需要web标准?

浏览器的渲染引擎不同,对于相同代码解析的效果会存在差异

web标准:让不同的浏览器按照相同的标准显示结果,让展示的效果统一。

web标准的构成

构成语言说明
结构HTML页面元素和内容
表现CSS网页元素的外观和位置等页面样式(如:颜色、大小等)
行为JavaScript网页模型的定义与页面交互

web标准要求页面实现:结构、表现、行为三层分离

标签关系:父子关系、兄弟关系

HTML的基本语法

1、<常规标记>也叫双标记

<标记></标记>

<标记 属性="属性值" 属性值="属性值" ></标记>

标记也可叫标签或叫元素

例如:<head></head>

2、空标记也叫单标记

<标记/>

<标记 属性="属性值" />

例如:<br/>

趁手兵器

vscode的几个好用插件

文档声明和字符编码

 特殊且固定的文档声明标签

搜索引擎优化和浏览器有帮助

 

HTML常用标签

不一般的hr

特殊符号

 <p>&#128512;&#128513;&#128514;&#128515;&#128516;&#128517;&#128518;&#128519;&#128520;&#128521</p>

以上代码效果(可以自己试一试改变后边的数字来获得不同的表情包,非常有趣)

笔记内容来源于视频学习时所做的

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值