Web前端最全HTML基础标签汇总(1),阿里p6前端面试题

文末

如果30岁以前,可以还不知道自己想去做什么的话,那30岁之后,真的觉得时间非常的宝贵,不能再浪费时间在一些碎片化的事情上,比如说看综艺,电视剧。一个人的黄金时间也就二,三十年,不能过得浑浑噩噩。所以花了基本上休息的时间,去不断的完善自己的知识体系,希望可以成为一个领域内的TOP。

同样是干到30岁,普通人写业务代码划水,榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说30岁是程序员的门槛,很多人迈不过去,其实各行各业都是这样都会有个坎,公司永远都缺的高级人才,只用这样才能在大风大浪过后,依然闪耀不被公司淘汰不被社会淘汰。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。

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

前端面试题汇总

JavaScript

| — | — | — |

| <html></html> | HTML标签 | 页面中的最大的标签,我们称为根标签 |

| <head><head> | 文档的头部 | 注意在head标签中我们必须要设置的标签是title |

| <title></title> | 文档的标题 | 让页面拥有一个属于自己的网页标题`` |

| <body></body> | 文档的主体 | 元素包含文档的所有内容,页面内容基本都是放到body里面的 |

  • HTML文档的后缀名必须是.html.htm,浏览器的作用是读取HTML文档,并以网页的形式显示出它们

  • HTML 标签通常是成对出现的,例如<body></body> ,我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签

  • 有些特殊的标签必须是单个标签(极少情况),例如<br>,我们称为单标签

2.文档类型声明标签

<!DOCTYPE>文档类型声明,作用就是告诉浏览器使用哪种HTML版本来显示网页。

  • <!DOCTYPE> 声明位于文档中的最前面的位置,处于<html>标签之前

  • <!DOCTYPE>不是一个 HTML 标签,它就是文档类型声明标签

3.lang语言种类

用于定义当前文档显示的语言

  • en 定义语言为英语

  • zh-CN定义语言为中文

4.字符集

<head>标签内,可以通过<meta>标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码

  • charset 常用的值有::GB2312 、BIG5 、GBK 和 UTF-8,其中 UTF-8 也被称为万国码,基本包含了全世界所有国家需要用到的字符

二、标签

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

1.标题标签

一级标签

二级标签

三级标签

四级标签
  • 加了标题的文字会加粗,字号也会依次变大

  • 一个标题独占一行

2.段落标签

段落标签

  • 可以把HTML文档文档分割为若干段落

  • 文本在一个段落这种会根据浏览器窗口的大小进行自动换行

3.换行标签


  • <br /> 是个单标签

  • <br /> 标签只是简单的开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距

4.文本格式化标签

用于为文字设置粗体斜体下划线等效果

| 语义 | 标签 |

| — | — |

| 加粗 | <strong></strong> |

| 倾斜 | <em><em> |

| 删除线 | <del></del> |

| 下划线 | <ins></ins> |

5.盒子标签

我是一个块元素

我是一个行内元素

  • <div></div>一行只能放一个

  • <span></span>一行可以放多个

6.图像标签

AcWing

| 属性 | 属性值 | 说明 |

| — | — | — |

| src | 图片路径 | 必须属性 |

| alt | 文本 | 替换文本(当图片不能显示时候显示的文字) |

| title | 文本 | 提示文本(鼠标放到图像上,显示的文字) |

  • src<img>标签的必须属性,它用于指定图像文件的路径和文件

7.超链接标签

AcWing

| 属性 | 作用 |

| — | — |

| href | 用于指定链接目标的url地址,是必须属性 |

| target | 用于指定连接页面的打开方式,_self为默认值,_blank为在新窗口中打开 |

8.特殊字符

| 特殊字符 | 描述 | HTML代码 |

| — | — | — |

| | 空格号 | &nbsp; |

| < | 小于号 | &lt; |

| > | 大于号 | &gt; |

| & | 和号 | &amp; |

| | 引号 | &quot; |

| ® | 已注册 | &reg; |

| © | 版权 | &copy; |

  • 空格小于号大于号 这三个符号较为常用

9.表格标签

姓名 性别 年龄 张三 男 15 李四 男 15 王五 男 15
  • table 用来定义表格的标签

  • th 用来定义表格中的表头,表头单元格里面的内容加粗居中显示

  • tr 用来定义表格中的,必须嵌套在<table></table> 标签中

  • td 用来定义表格中的单元格,必须嵌套在<tr></tr> 标签中

10.列表标签

| 标签名 | 定义 | 说明 |

| — | — | — |

| <ul></ul> | 无序列表 | 里面只能包含li,没有顺序,li里面可以包含任何标签 |

| <ol></ol> | 有序列表 | 里面只能包含li,有顺序 |

| <dl></dl> | 自定义列表 | 里面只能包含dtdddtdd里面可以放任何标签 |

    • 无序标签
    • 无序标签
    • 无序标签
      1. 有序标签
      2. 有序标签
      3. 有序标签
      4. 自定义标签
        自定义标签
        自定义标签

        11.表单标签

        一个完整的表单通常由表单域表单控件(表单元素)和提示信息3部分组成

        1. 表单域

        • 表单域是一个包含表单元素的区域

        • <form></from>标签用于定义表单域,会把它范围内的表单元素信息提交给服务器

        web浏览器中的javascript

        window对象

        • 计时器

        • 浏览器定位和导航

        • 浏览历史

        • 浏览器和屏幕信息

        • 对话框

        • 错误处理

        • 作为window对象属性的文档元素

      评论
      添加红包

      请填写红包祝福语或标题

      红包个数最小为10个

      红包金额最低5元

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

      抵扣说明:

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

      余额充值