前端面试题总结之（一）：HTML篇（陆续更新）

最新推荐文章于 2024-07-23 20:15:47 发布
最新推荐文章于 2024-07-23 20:15:47 发布
阅读量151 收藏
点赞数
分类专栏： 前端面试题专栏 文章标签： html html5 前端 面试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LTAO427/article/details/109001751
版权

目录

前言

你好，我是Dr.叶子，用心写最优美的博客，弹最好听的钢琴！

最近更新：

  • 2020年10月10日

 

1. 元素分类

  • 块级元素
    <body>、 <h1> ~ <h6>、 p、 div、 table、 form、 ul、 ol、li

特点：

  1. 独占一行；
  2. 可设置 width、height、margin、padding；
  3. 默认宽度 = 父元素的宽度；
  • 行内元素（内联元素）
    <span> 、<lable> 、<a> 、<b>、 <i>、<strong>、<u>、<s>、<sub>、<sup>

特点：

  1. 与非块级元素同一行；
  2. 不可设置 width、height、margin、padding；
  3. 宽度与内容相关，不可自定义；
  • 行内块级元素
    <img> 、<input>、

特点：

  1. 与非块级元素同一行；
  2. 可设置 width、height、margin、padding；

2. < !DOCTYPE > 的作用

  • 处于 <html> 前，告知浏览器按照何种规范解析页面；

3. < img > 标签的 alt、title 属性，以及 strong、em 作用

  • alt：图片加载失败时候，展示的文字；
  • title：鼠标悬停，展示的文字；
  • strong：粗体标签；
  • em：斜体标签；

4. 前端页面有哪三层组成

  • HTML（结构层）、CSS（样式层）、JavaScript（行为层）

5. BFC的理解

  • BFC 是指浏览器中创建了一个独立的渲染区域，并且拥有一套渲染规则，他决定了其子元素如何定位，以及与其他元素的相互关系和作用。

 

推荐阅读

【1】W3Cschool：HTML5 学习参考.

 

系列文章

前端面试题总结之（一）：HTML篇.

前端面试题总结之（二）：CSS篇.

前端面试题总结之（三）：JavaScript篇.

前端面试题总结之（四）：Vue开发相关.

前端面试题总结之（五）：综合知识点.

 

后语

  1. 原创内容，转载说明出处哦！
  2. 以上内容本人整理，亲测可行，如有任何问题，敬请指正，谢谢~~
  3. 点赞、收藏、也欢迎打赏，我弹钢琴你听呀~~哈哈！
Dr.叶子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于HTML5和JS实现的在线电子钢琴网页版
08-01 3221
1 引言1.1 项目背景为了体验软件工程各阶段的主要工作，熟悉项目开发流程，在HTML5标准发布已久的背景下，基于HTML5增加的新特性，设计一个网页版的电子钢琴，来实现上述目的。1.2 目的该需求规格说明书是针对本次软件工程课程设计编写，编写需求规格说明书的目的是为了对未来网站的需求做一个规范的描述。该需求规格说明书对功能需求、性能需求和其它非功能性需求...
Web前端面试题整合，持续更新【可以收藏】
jason的java世界
12-12 1390
css相关、JS相关、浏览器网络相关、vue相关、react相关、移动端相关、插件及工具相关、前端性能优化、原生通信、算法相关、node相关、计算机基础
前端面试题总结之（三）：JavaScript篇（陆续更新）
Dr.叶子的博客
10-10 270
目录前言1. JS的数据类型2. 判断JS数据类型的方法3. “ i++ ” 和 “ ++i ”的区别4. JS原型对象 prototype5. JS输入&输出6. JS闭包7. 赋值、浅拷贝、深拷贝推荐阅读后语 前言 你好，我是Dr.叶子，用心写最优美的博客，弹最好听的钢琴！ 近期准备面试，刷题总结知识点后，做的这个笔记，如有不对之处，欢迎指正~ 1. JS的数据类型 基本类型： String、Number、Boolean、Null、Undefined、Symbol 引用类型：
前端面试题总结之（二）：CSS篇（陆续更新）
Dr.叶子的博客
10-10 197
目录前言1. 盒子模型2. sass 和 less 是什么3. rgba和opacity的透明效果4. Flex布局5. CSS优先级推荐阅读后语 前言 你好，我是Dr.叶子，用心写最优美的博客，弹最好听的钢琴！ 近期准备面试，刷题总结知识点后，做的这个笔记，如有不对之处，欢迎指正~   1. 盒子模型 标准盒子模型： width 、 height 指的是内容区域（content）的宽度和高度； IE盒子模型： width 、 height 指的是内容区域（conten
前端面试总结之HTML
垂死病中惊坐起，菜鸟竟是我自己，于是含泪写下博客
05-03 500
此篇文章总结了HTML面试中常见知识点，个人觉得挺详细的，希望能对一起备战秋招的同学有所帮助。通过本人的实习面试和听舍友面试中发现，其实前端面试对html的考查并不会很多（应该是共识），有一些比较细小的知识点可能会询问，主要是H5新特性、标签、行内元素与块元素、语义化含义等的考查。下面我将整理我的html面试题，对难点我会写的比较具体，后续有空也会陆续出前端其他知识点的面试题总结。............
前端面试题总结之（四）：Vue开发相关（陆续更新）
Dr.叶子的博客
10-10 199
目录前言后语 前言 你好，我是Dr.叶子，用心写最优美的博客，弹最好听的钢琴！ 近期准备面试，刷题总结知识点后，做的这个笔记，如有不对之处，欢迎指正~   后语 原创内容，转载说明出处哦！ 以上内容本人整理，亲测可行，如有任何问题，敬请指正，谢谢~~ 点赞、收藏、也欢迎打赏，我弹钢琴你听呀~~哈哈！ ...
自己总结的web前端面试题之数据库
baisixue19870221的博客
10-23 3113
这是总结一般公司里会问到的html+css相关内容面试题，大家可以一起学习一下，如果有什么不对的，或者您遇到过的面试题，请留言，我来陆续添加
自己总结的web前端面试题之php
baisixue19870221的博客
10-23 2318
这是总结一般公司里会问到的html+css相关内容面试题，大家可以一起学习一下，如果有什么不对的，或者您遇到过的面试题，请留言，我来陆续添加
前端面试题总结四
qq_37252401的博客
01-02 163
忙忙叨叨一上午，终于抽出一点时间，赶紧把我的一些面试经验总结下，感觉这些面试题是比较常见，也比较基础的一些问题，面试之前一定要复习自己所有的基础知识。算法比较难准备，要提前几个月来看。基础知识相对容易准备，可以相对延后。算法可以陆续把leetcode上简单的题目都做一做。 常考的基础点 1.分析比较display:none;opacity:0;visibility:hidden优缺点（继承等角...
前端面试题：前端框架面试题大全
06-21
前端面试题：前端框架面试题大全； 前端面试题：前端框架面试题大全； 前端面试题：前端框架面试题大全； 前端面试题：前端框架面试题大全； 前端面试题：前端框架面试题大全； 前端面试题：前端框架面试题大全； ...
前端基础面试题总结 js 篇
02-26
总结了前端面试题，包含详细完整的解答，未涉及的部分内容后续补充
「2021」高频前端面试题汇总之React篇.pdf
12-14
本文将从 React 的事件机制、组件基础、事件代理、高阶组件、Render Props、Hooks 等方面总结一些常见的面试题。 1. React 事件机制 React 并不是将点击事件绑定到了 div 的真实 DOM 上，而是在 document 处监听了...
前端面试题总结.docx
06-20
前端面试题总结 在本节中，我们将总结前端面试题的知识点，涵盖 HTML、浏览器内核、JS 引擎、语义化、Doctype、H5、HTML5 新特性、Websocket 等方面。 一、浏览器内核 浏览器内核主要分成两部分：渲染引擎和 JS ...
HTML、CSS、JS浅浅浅浅浅解
lbdking的博客
07-20 1497
初识Web web标准 web标准也被称为网页标准，由一系列的标准组成，大部分由W3C（World Wide Web Cnsortium，万维网联盟）负责制定。 三个组成部分 HTML:负责网页的结构（页面元素和内容）。 CSS：负责网页的表现（页面元素的外观，位置等页面样式，如：颜色、大小等）。 JavaScript：负责网页的行为（交互效果）。 HTML HTML：超文本标记语言 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片，音频，视频等内容。 标记语言：由标签构
黑马JavaWeb企业级开发（知识清单）01——前端介绍，HTML实现标题：排版
apple_68589597的博客
07-21 947
本篇文章是2023年最新黑马JavaWeb企业级开发（知识清单）01：前端介绍、html实现标题格式内容的总结，帮助需要学习Web开发的朋友温故而知新。
如何让一个html文件让用户看到？
专注于全栈开发领域
07-23 651
首先，我们需要创建一个简单的 HTML 文件，其内容为 “Hello, World!然后，我们将使用 Nginx 来部署这个静态文件，并配置它，以便可以通过服务器的地址直接访问这个网页。
HTML(五）——HTML区块，布局
最新发布
m0_62701594的博客
07-23 234
HTML可以通过 <div> 和 <span>将元素组合起来，可以来布局，就是盒子，div是块级盒子，里面 可以放任何东西，span里面装的是文本。
Web前端：HTML篇（二）元素属性
sjb2274540432的博客
07-22 633
属性是 HTML 元素提供的附加信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值