滚动文字设置
1.前端开发三种语言
HTML5 网页的结构
CSS3 网页的表现
JavaScript 网页的行为
2.前端开发三种框架
VUE.JS React Angular
3.HTML含义
HTML是英文HyperText Markup Language的缩写,即超文本标记语言。
4.HTML5特性
-
良好的语义特性
-
强大的绘图功能
-
增强的音视频播放和控制功能
-
HTML5的数据存储和数据处理的功能
-
获取地理位置信息
-
提高页面响应的多线程
-
文件API
5.HTML5开发工具简介
文档编辑工具Nodepad++等
可视化网页开发软件Dreamweaver CS6
集成开发环境WebStorm和IntelliJ IDEA
vscode(推荐)
二、HTML5的文档结构元素
==============
1.HTML元素
HTML元素指的是从开始标记(start tag)到结束标记(end tag)的所有代码。其内容是开始标记与结束标记之间的内容。
2.HTML元素的属性
属性用来说明元素的特征,属性的格式通常为“属性/值”对。
3.HTML的字符实体
字符实体有三部分:一个符号 (&),一个实体名称,以及一个分号 (😉
空格  ; 小于号<; 大于号>;
4.HTML标记的书写规范
所有标记要用尖括号(< >)扩起来;
标记和属性名不区分大小写,建议统一小写;
空格和回车是无效的,需要使用HTML实体;
标记中不能有空格,如把
采用标记嵌套方式可以为同一个内容应用多个标记;
书写注释,方便程序开发。
5.HTML文档的基本结构元素
........ 文档类型声明,作用就是告诉浏览器使用哪种HTML版本来显示网页。 即当前页面采取的是 HTML5 版本来显示网页. 和标记表示该文档是HTML文档。 和标记表示文档头部信息。 和标记是网页的主体信息
1.头部内容
标记是所有头部标记的容器,它是开始标签后出现的第一个标签,以开始,以结束,开始和结束之间可以包含标题信息、元信息、定义CSS样式和JavaScript脚本代码等。 标记中的内容,一般不会显示在网页上。以下是中所包含的标记。1.标题
2.元信息标记
标记可提供相关页面的元信息(meta-information),有以下4种使用方法
- 字符集charset属性
规定 HTML 文档应该使用哪种字符编码
- 关键字描述
向搜索引擎说明网页的关键字
- 页面描述
对一个网页概括的描述
- 页面跳转
<meta http-equiv= “Refresh” content= “时间间隔的秒数;url=要跳转的网站”
3.标签
为页面上的所有链接规定默认地址或默认目标
<basehref= “http://www.baidu.com”>
4.标签
链接外部文件,例如样式表等
2.主体内容
即body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表)等等。HTML 5增加了article、section、nav、aside、header、footer等布局元素,以实现更好的语义解释。
三、HTML5的基本页面元素
==============
1.文本元素
段落标记
和换行标记
段落标记
来描述段落。网页显示时,包含在
标记对中的内容会显示在一个段落里。另起一行使用换行标记。
标题标记
n取1-6,h1最大,h6最小
块标记
和
2.列表元素
有序列表标记
- 列表信息
- 列表信息
- 列表信息
- 列表信息
- ...
type属性可以修改有序列表序号的样式
属性值 说明
1 数字1、2…
a 小写字母a、b…
A 大写字母A、B…
i 小写罗马数字i、ii、iii…
I 大写罗马数字Ⅰ、Ⅱ、Ⅲ…
start属性可以设置列表序号的起始值。
无序列表标记
- 列表信息
- 列表信息
- 列表信息
- 列表信息
- ...
无序列表的每个列表项目前默认显示黑色实心圆点。type属性修改无序列表符号的样式,disc实心圆点(默认),square方形,circle空心圆圈
自定义列表
-
关注我们
- 新浪微博
- 官方微信
- 联系我们
它是一系列项目和它们的解释。自定义列表以
-
标记开始,自定义列表项目以
开始,自定义列表的解释以
- 开始。
3.超链接元素
超链接属性
target属性可取下表所列各值:
超链接类型
1.内部链接
将超链接标记中href属性的URL值设置为相对路径,就可以在HTML文件中定义内部超链接。
2.外部链接
外部链接指网页中的链接标题可以链接到网站外部的文件,需要定义外部链接时,在超链接标记中,将其href属性的URL值设置为绝对路径即可。
3.书签链接
如果有的网页内容特别多,页面特别长,需要不断翻页才能看到想要的内容,这时,可以在页面中(一般是页面的前部)定义一些书签链接。
超链接路径
1.绝对路径
绝对路径指文件的完整路径,包括文件传输的协议HTTP、FTP等,一般用于网站的外部链接。http://www.baidu.com
2.相对路径
文末
从转行到现在,差不多两年的时间,虽不能和大佬相比,但也是学了很多东西。我个人在学习的过程中,习惯简单做做笔记,方便自己复习的时候能够快速理解,现在将自己的笔记分享出来,和大家共同学习。
个人将这段时间所学的知识,分为三个阶段:
第一阶段:HTML&CSS&JavaScript基础
第二阶段:移动端开发技术
第三阶段:前端常用框架
-
推荐学习方式:针对某个知识点,可以先简单过一下我的笔记,如果理解,那是最好,可以帮助快速解决问题;
-
大厂的面试难在,针对一个基础知识点,比如JS的事件循环机制,不会上来就问概念,而是换个角度,从题目入手,看你是否真正掌握。所以对于概念的理解真的很重要。