目录
一.前端
1.走进前端
前端是运行在pc端、移动端等浏览器上的网页前台部分，呈现给用户浏览的页面。前端工程师通过HTML、CSS、JavaScript以及衍生出的各种技术、框架、解决方案，来实现互联网产品的用户界面交互的过程。就像我们打开浏览器的界面，打开的网页，一些小程序，甚至一些app都是属于前端的。HTML负责网站的结构，从语义的角度，描述页面结构。CSS从审美角度，实现页面的美化。JavaScript则从交互角度，提升用户体验。
2.HTML
（1）HTML概述
“超文本标记语言”，网页制作的标准语言
（2）HTML内容
- 标签：通常为一对尖括号
- 元素：一对标签括起来的部分
- 属性：标签内的附加值
（3）HTML框架
如下，是一个HTML文件的基本框架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>这句话将出现在窗口的标题栏部分</title>
</head>
<body>
这句话将出现在页面内
<p>这是文章的段落</p>
</body>
</html>（4）HTML常用标签
- 文本格式化标签
| 标题 | 段落 | 段内换行 | 段内分组 | 预留格式 | 水平线 |
| h1~h6 | p | br | span | pre | pr |
<h1>这是一级标题</h1>//只到六级标题
<p>这是文章的一个段落,每个段落自动换行，忽略连续</br>的空行、空格，不会显示空行</p>
<pre>
这个标签内的 内容 格式 不变
</pre>
<span>行内组合元素，以便通过CSS来格式化</span>
<hr/>//水平线- 超链接标签 a
链接到本网站其他网页 <a href="news.html">新闻</a> 链接到别的网站 <a href="https://www.baidu.com">百度</a> 链接到本网站的某个版块 <a href="#">指定版块</a> - 图像
<img src="图片地址" alt="图片破损时出现的名字" width="长度" height="宽度"> -
<div align="center"> <h2>标题<h2> <p>......</p> <p>......</p> </div>区域标签
- 列表 ul（无序列表）ol（有序列表）
<ol>
<li>...</li>
<li>'''</li>
<li>这是列表中的内容<li>
<ol> //无序列表
<ul>
<li>这是有序列表中的内容</li>
<li>这是有序列表中的内容</li>
</ul> //有序列表- 表格table
<table border="1">//border定义边界 <tr> <th>表头</th> <th>表头</th> <th>表头</th> </tr> <tr> <td>内容</td> <td>内容</td> <td>内容</td> </tr> </table><tr></tr>表示表格一行，<tr>表示表头加粗</tr>，<td>表示表格里的内容，不加粗</td>
二.认识浏览器
1.认识浏览器
浏览器是一种用于检索并展示万维网信息资源的应用程序，分为pc端浏览器和移动端浏览，pc端简单来说就是电脑上的浏览器，移动端则是手机上的
2.什么是浏览器内核
即渲染引擎，渲染引擎负责解释网页的语法（HTML、CSS、JavaScript），不同的渲染内核就决定了如何显示王爷的内容和格式信息，因此对同一网页，不同的内核可能会呈现出不同的效果
3.浏览器内核的主要技术
- 排版渲染引擎
- JavaScript引擎
- 其他
1591
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
