什么是HTML?
HTML: ( Hypertext Markup Language )超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。
特点:
-
简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便;
-
可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证;
-
平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上;
- 通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器;
元素特点:
块状元素:
- 在页面中以矩形区域显示。
- 自上而下排列,独占一行
- 可以直接添加宽高
- 一般情况下,作为其他元素或内容的容器
行内元素:
- 在页面中最小单位也是矩形。
- 在一行内逐个排列。
- 不可以直接添加宽高,大小是由内容撑开的。
- 内联元素也符合盒模型的规则,但是个别属性会出现问题(padding-top/bottom margin-top/bottom)
- 内联元素在一行内排列的时候,之间有间距
行内快元素:
- 可以设置宽高。
- 默认情况下,在一行内逐个显示,之间有间距。
- 当前元素的display值为inline-block时,能支持vertical-align属性。
常用元素:
块状元素: |
标签 | 作用 |
---|---|---|
div | 最常用的块级元素 | |
dl | 和dt-dd 搭配使用的块级元素 | |
form | 交互表单 | |
h1 -h6 | 标题 | |
hr | 水平分隔线 | |
ol | 有序列表 | |
p | 段落 | |
ul | 无序列表 | |
li | 列表标签 | |
fieldset | 表单字段集 | |
colgroup-co | 表单列分组元素 | |
table-tr-td | 表格及行-单元格 |
行内元素: |
标签 | 作用 |
---|---|---|
a | 超链接(锚点) | |
b | 粗体 | |
br | 换行 | |
i | 斜体 | |
em | 强调 | |
img | 图片 | |
input | 输入框 | |
label | 表单标签 | |
span | 常用内联容器,定义文本内区块 | |
strong | 粗体强调 | |
sub | 下标 | |
sup | 上标 | |
textarea | 多行文本输入框 | |
u | 下划线 | |
select | 项目选择 |
行内块元素: |
标签 | 作用 |
---|---|---|
input | 表单标签 | |
img | 图片标签 |
元素类型转换:
display属性:
作用:检索或者设置元素生成的盒模型类型。
常用属性值:
-
display:block;
作用:将元素转成块状元素,拥有块状元素特点。
补充:大部分块状元素,默认的display的值都是block; -
display:inline;
作用:将元素转成内联元素,拥有内联元素的特点。
补充:大部分内联元素,默认的display的值inline; - display:none;
作用:将当前隐藏,并不占据空间。
刷面试题
刷题的重要性,不用多说。对于应届生或工作年限不长的人来说,刷面试题一方面能够尽可能地快速自己对某个技术点的理解,另一方面在面试时,有一定几率被问到相同或相似题,另外或多或少也能够为自己面试增加一些自信心,可见适当的刷题是很有必要的。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
-
前端字节跳动真题解析
-
【269页】前端大厂面试题宝典
最后平时要进行自我分析与评价,做好职业规划,不断摸索,提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难,摆好心态,做好准备,你也可以的。