【摘要】 HTML知识点(一)考必过小编为大家整理了关于HTML知识点(一)的信息,希望可以帮助到大家!
HTML知识点(一)
标签:绝对路径 文件夹 webstorm 路径 编程 pre 执行 程序 装包
1、开发工具
编辑器:dw:省事儿、控件的拖动
sublime:文艺青年喜欢用
webstorm:编辑快速
Hbuilder:快、生成安装包
?Vscode:逻辑性高、各个公司都用(最终选择它)
五大主流浏览器:火狐浏览器?————因为内核不同???Geoko?
谷歌浏览器(最终选择它)??Webkit->Blink
IE浏览器??Trident?
safari浏览器???Webkit
欧朋浏览器???Blink
PS?:做图的,对于前端开发工程师,切图(辅助)
2、浏览器内核
渲染引擎:如何将内容展示在浏览器端
js引擎:解析和执行JavaScript代码的
3、web标准
定义:??不是一个标准,而是一个标准的集合
集合: 结构标准:HTML标准
表现标准:CSS标准
行为标准:JavaScript标准
作用: 1、减轻的程序员的压力,只需要开发一套程序即可?(程序员的角度)
2、无序重写、降低流量、容易被搜寻引擎搜索、提高网页的速度,(浏览器的角度)
3、降低公司的成本,更易维护(公司的角度)
4、HTML骨架
定义:HTML “超文本标签语言”,是用来描述网页的一种语言。所谓超文本,因为它可以加入图片、声音、动画、多媒体等内容,不仅如此,它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接
特点:1、HTML不是一种编程语言,而是一种标记语言
2、标记标签组合而成
总结:HTML就是来搭建网页的,是网页的结构
骨架:html:根标签
head:网页的头部,主要是设置一下网页的属性
body:网页的主体
title:网页的标题
标签与标签之间的关系:
1、嵌套关系(父子关系):html与body
2、并列关系(兄弟关系):head与body
标签的分类:
1、双标签:<html></html>
2、单标签:<meta>、<br>、<hr>、<img>、<base>
5、常用的标签
1、标题标签?:h1-h6 head
特点: 1、文本自动加粗加大?
2、文本的字体大小与h后边的的数字成反比
3、自动换行
2、段落标签?paragraph p
特点:自动换行
3、水平线标签 hr horizon
特点:显示一条横线 单标签
4、换行标签 br
特点:1、单标签?
2、可以在文本内容中随处换行
5、盒子标签 p
特点:用p来进行网页布局?
6、组合行内元素标签 span
特点:1、最典型的行内元素
2、不会换行
6、文本语义化标签
加粗 b strong
斜体:i em
下划线:u ins
删除线:s del
区别:strong/em/?ins/del跟具有语气话及强调
7、图片标签
图片标签? img
src属性:图片的路径
jpg/png/gif/psd?注意添加后缀名
再浏览器展示图片的大小就是默认大小
width:图片的宽
height:图片的高度
title:图片的标题?光标移动到图片上显示对应的属性值
alt:图片不显示时,显示alt的属性值?
相对路径:相对于当前位置
?1、图片在当前文件夹下?./?或者不写
?2、图片在当前文件的下一级目录
3、图片在当前文件的上一级目录../
绝对路径:路径是文件的整个目录
HTML知识点(一)
标签:绝对路径 文件夹 webstorm 路径 编程 pre 执行 程序 装包
以上就是HTML知识点(一)的内容,更多资讯请及时关注考必过网站,最新消息小编会第一时间发布,大家考试加油!