2024年前端最全Web开发基础：HTML(1)，2024年最新前端手写面试题

于 2024-05-12 20:09:07 发布
阅读量813 收藏 11
点赞数 16
分类专栏： 程序员 文章标签： 前端 面试 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_82242528/article/details/138765539
版权

最后

全网独播-价值千万金融项目前端架构实战

从两道网易面试题-分析JavaScript底层机制

RESTful架构在Nodejs下的最佳实践

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

一线互联网企业如何初始化项目-做一个自己的vue-cli

思维无价，看我用Nodejs实现MVC

代码优雅的秘诀-用观察者模式深度解耦模块

前端高级实战，如何封装属于自己的JS库

VUE组件库级组件封装-高复用弹窗组件

前言

================================================================

开始写Web前端内容，这是JavaWeb开发必不可少的东西，包括HTML、CSS、JS等。

HTML简介

====================================================================

HTML（Hyper Text Markup Language） 超文本标记语言，用于描述网页的结构，浏览器对HTML代码进行渲染后就形成了我们常见的页面。

HTML基本结构

======================================================================

HTML代码由各种标签组成，标签由一对<>括起来，网页的标签有固定的结构：

在这里插入图片描述

说明：

  • <!doctype html> 是html5页面文档声明

  • 是根标签，代表整个网页
  • 代表网页头部，用于存在标题、元数据、CSS等元素，通常不会显示出来
  • 代表主体内容，是显示出来的网页内容
  • 是网页标题，能在浏览器上显示

  • 是元标签，可以设置字符编码解决中文乱码问题

HTML标签分类

======================================================================

HTML标签按显示效果可以分为：

  • 块级标签：单独占一行，可以设置高和宽

  • 内联标签：一行显示多个，不可以设置高和宽

块级标签包括：

  • 标题：h1~h6

  • 段落：p

  • 水平线：hr

  • 有序列表：ol + li

  • 无序列表：ul + li

  • 目录列表：dl + dt + dd

  • 区块 div

  • 表格 table

  • 表单 form

内联标签包含：

  • 图像标签：img

  • span标签

  • 换行： br

  • 超链接： a

  • 格式标签：斜体、加粗、下划线、删除线

常用HTML标签

======================================================================

有序列表： ol + li

type可以设置排序的类型：数字1、字母A、罗马数字I 等

    • 米饭
    • 青菜
    • 牛肉
    • 炒肥肠

      1. 米饭

      2. 青菜

      3. 牛肉

      4. 炒肥肠

      无序列表：ul + li

      type可以设置前面符号的类型：circle、square等

      • 看书
      • 看博客
      • 看视频
      • 敲代码

        • 看书

        • 看博客

        • 看视频

        • 敲代码

        目录列表：dl + dt + dd

        标题
        内容1
        内容2
        内容3

        标题

        内容1

        内容2

        内容3

        标题标签： h1 ~ h6

        标题1

        标题2

        标题3

        标题4
        标题5
        标题6

        标题1

        ===

        标题2

        标题3

        标题4
        标题5
        标题6

        段落标签：p

        主要用于描述段落文字

        这是段落1

        这是段落2

        这是段落1

        这是段落2

        区块标签：div

        div标签主要用于配合css样式完成页面的布局。

        Hello

        在这里插入图片描述

        图像标签：img

        用法：

        图片说明

        图片路径分为：

        • 绝对路径，完整的文件路径，从盘符或主机名开始，如：D:/images/xxx.jpg

        如果是本地文件使用绝对路径，本地文件位置改变后，

        图片就会失效。

        绝对路径主要用于：显示外部网站图片。

        • 相对路径，相对网页的文件位置，如：images/xxx.jpg

        网站中的本地图片一般都使用这种。

        范围标签 span

        作用就是将一段文字突出显示，需要和样式配合使用

        今天是2018年6月4号

        在这里插入图片描述

        超链接 a

        用法：

        链接文字

        说明：

        • 页面的路径

        分为绝对路径和相对路径，如果链接外部网站的页面就用绝对路径，链接本网站的页面用相对路径。

        • target属性

        _blank 在新页面打开

        _parent 在父页面打开

        _self 在当前页面打开（默认）

        特殊超链接

        锚链接

        作用：在一个网页内部实现定位，如：回到顶部

        实现步骤：

        1、在网页的某一个位置添加锚链接

        2、在需要链接的地方添加：

        <a href="#锚名字>文字

        邮箱链接

        作用：可以自动打开邮件客户端

        链接文字

        特殊符号

        空格： 

        大于(>)：>

        小于(<）: <

        最后

        全网独播-价值千万金融项目前端架构实战

        从两道网易面试题-分析JavaScript底层机制

        RESTful架构在Nodejs下的最佳实践

        开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

        一线互联网企业如何初始化项目-做一个自己的vue-cli

        思维无价，看我用Nodejs实现MVC

        代码优雅的秘诀-用观察者模式深度解耦模块

        前端高级实战，如何封装属于自己的JS库

        VUE组件库级组件封装-高复用弹窗组件

      2301_82242528
      关注
      • 16
        点赞
      • 踩
      • 11
        收藏
        觉得还不错? 一键收藏
      • 1
        评论
      专栏目录
      学习web入门知识汇总
      weixin_46270820的博客
      03-18 3752
      一些日常学习web的知识总结
      Web基础知识
      AQAQian_的博客
      02-04 1万+
      1，Web基本概念和常识 ①web应用：网站（广义上的PC，手机app） ②浏览器（Browser）：也称用户代理，web客户端，主要有IE、Edge、Chrome、Firefox、腾讯浏览器，360浏览器等……我们在初学web的过程中最好使用chrome浏览器 ③web服务器（web server）：也称HTTP服务器（HTTP server），主要有Apache、Tomcat、Netty……我们在初学阶段主要使用tomcat 理...
      Web基础（Java前端基础）
      weixin_63514301的博客
      01-14 1万+
      1、Javaweb 1.1 基本概念 web开发： web，代表网页（网站）的意思，比如www.baidu.com 静态web： 列如静态web页面设计使用的：html，css。 静态web性质：提供给所有人看的数据始终不会发生变化。 动态web 比如：淘宝、网易云、几乎所有的网站都使用动态web。 它提供给所有人看到的数据始终会发生变化，每个人在不同的时间，不同的地点看到的信息各不相同。 技术栈：Servlet/JSP，ASP，PHP。 在Java中，动态web资源开发的技术称为Javaw
      2021年web前端开发笔试题集锦.pdf
      12-14
      2021年web前端开发笔试题集锦.pdf 本资源为一份 web 前端开发笔试题集锦，涵盖了 JavaScript 基础、前端开发等方面的知识点。下面将对其中的一些知识点进行详细的解释和分析。 一、JavaScript 基础 1. 手写 ...
      2023前端HTML+CSS最全面试题和答案汇总
      02-09
      适合人群：最近在准备面试，具备一定编程基础，工作1-3年的研发人员， 题目举例：1、 rem em vw vw 百分比区别 2、 移动端如何适配 3、场景题（两个盒子，左边固定宽，右边自适 应，你能想到几种方法） 4、css 选择...
      「2021」高频前端面试题汇总之手写代码篇.pdf
      12-14
      本资源主要对前端面试题的常见问题进行了总结和分类，涵盖了 JavaScript 基础知识、手写代码等方面的知识点。下面是对本资源中提到的知识点的详细解释： 1. 手写 Object.create 方法 Object.create 方法用于创建一...
      2021年前端笔试题-面试真题及答案.pdf
      12-14
      "2021年前端笔试题-面试真题及答案.pdf" 本资源是2021年前端笔试题的汇总，包含了多个JavaScript基础知识点，包括Object.create、instanceof、new操作符、Promise等。 一、JavaScript基础 1. 手写Object.create...
      常见的web前端手写试题(含答案).pdf
      12-14
      常见的web前端手写试题(含答案).pdf
      Web基础
      tlovejr的博客
      09-17 313
      一、web简介 第一节 web介绍 1.【web发展史】 web1.0 ① 个人网站、门户站点，只能浏览不能编辑 ② 漏洞：SQL注入、上传漏洞、文件包含、挂马、暗链、命令执行     主要针对web服务器 web2.0 ① blog、微博，可以编辑，与其他用户交流 ② 漏洞：钓鱼、框架漏洞、逻辑漏洞、URL跳转、数据劫持、CSRF、XSS     主要针...
      web基础
      m0_58153732的博客
      09-15 472
      一、Web基础 Web 即World Wide Web（WWW），它是世界上所有的超文本（Hypertext）、其他资源（如图片）和它们之间的超链接（Hyperlink）的总和。 1、URI(服务器资源名被称为统一资源标识符）两种形式：URL和URN 2、统一资源定位符（URL）Uniform Resorce Locator是资源标识符最常见的形式。URL描述了一台特定服务器上某资源的特定位置。可以明确说明如何从一个精确、固定的位置获取资源。 大部分URL遵循一种标准格式，包含了三个部分： ..
      1.web基础知识
      weixin_41889503的博客
      06-02 8628
      【web发展史】web1.0① 个人网站、门户站点，只能浏览不能编辑② 漏洞：SQL注入、上传漏洞、文件包含、挂马、暗链、命令执行    主要针对web服务器web2.0① blog、微博，可以编辑，与其他用户交流② 漏洞：钓鱼、框架漏洞、逻辑漏洞、URL跳转、数据劫持、CSRF、XSS    主要针对web用户【web工作流程】...
      HTML 基本开发方式，学会常用的 HTML 标签
      m0_67401746的博客
      08-01 839
      html虽然这个代码能运行，但是其实并不算是一个合法的HTML语法，那为什么浏览器还能正常运行呢鲁棒性“容错能力”强这是一个更加规范的HTML代码，通过结构来构成的，每个标签，都分成了，标签之间可以，整体这些标签就构成了一个，称为DocumentObjectiveModel文档对象模型编写前端代码，可以使用直接使用IDEAIDEA社区版只支持HTML，不支持CSS和JS，很多代码没有高亮和提示专业版支持HTML，CSS和JS，完全可以胜任的!...
      Web开发之HTML
      klq0219的博客
      04-30 429
      一、简介 HTML是网页内容的载体，内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视 频等。单纯的HTML是有默认的格式的 ，但那个人感觉默认的格式略丑。可能是有很多人和我有一样的想法，所以诞 生了CSS，一种表现，引入设置字体，颜色以及边框背景图片等修饰功能。是内容格式尽可能的好看一些。然而，如 果想要让自己的网页显得高级炫酷些，javascript是必不可少的，
      HTML，CSS，Javascript在Web开发中分别起什么作用？
      段远山
      05-18 1万+
      简单描述HTML，CSS，Javascript在Web开发中分别起什么作用？ 1、什么是HTML（超文本标记语言 Hyper Text Markup Language），HTML 是用来描述网页的一种语言。 2、CSS(层叠样式表 Cascading Style Sheets),样式定义如何显示 HTML 元素，语法为：selector {property：value} (选择符 {属性：值}) 3、JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码
      web前端开发（一）—HTML基础
      热门推荐
      mdxiaohu的博客
      07-31 10万+
        目录 web前端简介 什么是HTML？ HTML标签 HTML基本结构 HTML 段落标签 HTML 换行标签 HTML标题 HTML 水平线 HTML注释 HTML 标签 HTML 列表标签 HTML表格 HTML超链接 HTML 图片 HTML表单 表单元素-文本、密码框 表单元素-多行文本框 表单元素-选择框 表单元素-下拉选择框 表单元素-按钮...
      网页开发-HTML
      weixin_55800388的博客
      06-14 715
      1.HTML语言​ HTML: HyperText Markup Language 超文本标记语言​ 版本: HTML5​ 文件: .html​ 作用: 网页内容的开发​ 创始人:Tim Berners Lee ,后交给w3c组织2.运行环境​ 浏览器: Edge/Chrome/Opera/Firefox/Safari3.标记概念​ HTML语言的最小组成单元, ""组成​ 别称: 标记又被成为标签/元素​ 分类: 分为单标记与双标记(2个标记配对组成)4.基本标记含义​ 官方手册: htt...
      常见前端开发手写面试题思路
      最新发布
      03-28
      1. 实现一个数组去重的函数 思路：使用对象来存储数组中的元素，遍历数组，若元素在对象中不存在，则存储到对象中，并将其推入新数组中。 2. 实现一个函数，判断一个字符串是否是回文字符串 思路：将字符串翻转，...

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

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

      请填写红包祝福语或标题

      个

      红包个数最小为10个

      元

      红包金额最低5元

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

      抵扣说明：

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

      余额充值