web前端基础，快来收藏，web前端开发h5

a href=“文档结构.html” target=“_self”>文档/a>

最常用的标签，没有之一：独占一行，我们在今后的学习中将会经常性的用到这个标签

div>/div>

接下来给大家介绍一下我们的列表标签

首先是有序列表，用来展示一个列表项目（文本前会有序号）

ol>

li>

男装区

ol>

li>小男人区

li>大男人区

/ol>

/li>

li>女装区

li>不男不女区

/ol>

然后是无序列表，也是用来展示一个列表项目（文本没有序号，是一个圆点）

ul>

li>我是One

li>我是Two

/ul>

**最后是自定义列表 ** 他是一个特殊的列表

1.将标题和内容成对显示，作为一个子项

2.子项的数量不限 一个dl中可以包含 1~n个子项

标题

我是对应的内容

标题二

我是内容二

文本修饰标签

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

在制作页面时，如果只有一个页面的话，那么内容可能会很枯燥，就好像你的房子建好了，但是是毛坯房，需要你去装修他一下，随意我们会用到一些文本修饰标签，接下来我给大家介绍一下。

内容加粗显示：b>/b>

换行标签：br />

内容斜体显示：i>/i>

内容添加一条删除线：s>/s>

内容添加一条下划线：u>/u>

内容已上标的形式显示：sup>/sup>

内容已下标的形式显示：sub>/sub>

内容加粗显示，具有语义化，表强调作用：strong>/strong>

比周围的字体大一号：big>/big>

比周边的字体小一号：small>/small>

font: 这个标签可以用来控制更多的字体外观

通过属性：

1.face: 字体

2.size: 大小

3.color: 颜色

font face=“楷体” size=“20” color=“pink”>/font>

文档结构

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

在制作页面时，如果没有一个文档分类结构的用户在浏览时会非常的不方便，接下来我给大家介绍几种文档结构的标题类以及表格表单类

h家族 用来做标题的

h1 ~ h6 从大到小

h1>我是老大/h1>

h2>我是老二/h2>

h3>我是老三/h3>

h4>我是老四/h4>

h5>我是老五/h5>

h6>我最小的/h6>

表格的整体框架：table border=“1px” align=“center” cellspacing=“0px” cellpadding=“0px”>/table>

表格的标题：caption>/caption>

单元行：tr>/tr>

表头： th>/th>

单元格：td>/td>

**form>**标签中通常会有很多子元素（文本字段、复选框、单选框、提交按钮等等），比如< input>、< button>、< select>、< textarea>等标签。

说明：表单内容可以是< input>、< textarea>、< button>、< select>、< option>、< optgroup>、< fieldset>、< label>等标签

CSS选择器

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

通常我们在构建页面时，标签起的的作用就好像是一个人体，但是一个人光秃秃的总是有点不雅观，所以我们这里会运用到一些CSS选择器以及CSS属性，用这个来创造一件衣服，看起来会舒适很多。

通用选择器：

它的优先级是最低的。

慎用，因为它会修改整个页面中，所有标签的样式。包括body,html在大型网站中，这个选择器是被禁止使用的，样式容易混乱。

作用：修改整个页面中，所有标签的样式

示例：*{

border: 2px solid black;

background-color: green;

}

标签选择器：

用标签名来定义的。

作用： 当前页面中，所有叫这个名字的标签，全部都绑定上样式。

示例：div{

width: 200px;

height: 200px;

background-color: yellow;

}

class选择器 用 . 来标示自身

自定义名称(名字符合见名知意即可)

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

文末

我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。

首先，技术面试是一个 认识自己 的过程，知道自己和外面世界的差距。

更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。

前端面试题汇总

JavaScript

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

性能

linux

前端资料汇总

ef31e668ce.png)

性能

linux

前端资料汇总