前端的应该关注的哪些方面？
1.美观
2.功能
3.无障碍
4.安全
5.性能
6.体验
前端的边界？
node.js开发服务器端的一些应用
electron开发客户端的一些应用
webrtc开发一些3D游戏
开发环境
vscode + 浏览器
HTML
HyperText:是指超文本语言图片，标题，链接，表格
MarKup Language：标签化语言指一个部分有两个成对出现的标签
同时在标签中可以设置一些属性
浏览器接收到html会把它转化为DOM树
标题h1--h6
h1到h6依次减小
列表 有序列表 无序列表带 有属性的列表
<html>
<head>
抖音热梗大赏
</head>
<body>
<div>
<h3>有序列表</h3>
<ol>
<li>谁说这豆角老的，这豆角太棒了</li>
<li>蛋糕要抿着嘴才好吃，有一种直达上颚的感觉</li>
<li>你要请客么？你人好好啊</li>
</ol>
</div>
<div>
<h3>无序列表</h3>
<ul>
<li>邪恶栀子花</li>
<li>珂学创始人，让我们一起走进科学</li>
<li>新一代花学代表人物，花学没有尽头，一座花学过后是另一座花学</li>
</ul>
</div>
<div>
<h3>带属性的列表</h3>
<dl>
<dt>何炅</dt>
<dd>何炅被称为“邪恶栀子花”，这个称呼源于他在综艺节目《明星大侦探》中的一个角色。在该节目中，何炅扮演了一个名为“何二月”的角色，他是一个花店老板，同时也是一个隐藏的凶手。在节目中，何炅的角色形象非常深入人心，他的表演也非常出色，因此观众们给他起了这个绰号。
“邪恶栀子花”这个称呼中的“栀子花”可能是因为何炅在节目中经常穿着一件印有栀子花图案的衣服，而“邪恶”则是因为他在节目中的角色是一个凶手，具有一定的邪恶属性。这个称呼既体现了何炅在节目中的角色特点，也反映了观众对他表演的喜爱和认可。</dd>
<dt>叶珂</dt>
<dd>
叶珂的“珂学”是指一种网络文化现象，主要源于中国内地女演员叶珂的一些言行和表现。在网络上，“珂学”通常用来形容叶珂的一些独特的行为方式、语言风格或思维逻辑，这些特点被网友们认为是有趣、幽默或具有一定的个性。
“珂学”的具体内容可能包括叶珂在社交媒体上的发言、她在综艺节目中的表现、她的穿着打扮、她的兴趣爱好等方面。网友们通过对这些内容的分析和解读，创造出了一系列与叶珂相关的梗和段子，形成了一种独特的网络文化。
例如，叶珂在一次直播中说过：“我不是一个随便的人，但我随便起来不是人。”这句话被网友们广泛传播，并成为了“珂学”的一个经典案例。
总的来说，“珂学”是一种基于叶珂个人形象和言行的网络文化现象，它反映了网友们对叶珂的喜爱和关注，同时也展示了网络文化的创造力和多样性。
</dd>
<dt>周雨彤</dt>
<dd>
周雨彤的“花学”是指一种网络文化现象，主要源于中国内地女演员周雨彤的一些言行和表现。在网络上，“花学”通常用来形容周雨彤的一些独特的行为方式、语言风格或思维逻辑，这些特点被网友们认为是有趣、幽默或具有一定的个性。
</dd>
</dl>
</div>
</body>
</html>
a标签
<ul>
<li>
<div>
<p>邪恶栀子花</p>
<a href="https://www.douyin.com/user/MS4wLjABAAAAL342JlWE93M_T_gpJPUhenYtYiZ8mNVsRP3mxT_YiIc?from_tab_name=" target="_blank">邪恶栀子花秘籍</a>
</div>
</li>
<li>
<div>
<p>珂学创始人，让我们一起走进科学</p>
<a href="https://www.douyin.com/user/MS4wLjABAAAAL342JlWE93M_T_gpJPUhenYtYiZ8mNVsRP3mxT_YiIc?from_tab_name=" target="_blank">科学进阶版</a>
</div>
</li>
</ul>
input标签
语义化：
实践代码和实践结果：
<!-- 本文件是掘金《前端入门-基础语言篇》中《前端与HTML》章节的配套代码。
请点击屏幕最上方的“运行”按钮启动项目，随后在右侧“Web预览”插件中的地址栏中输入 /html/04 ，即可预览该代码；
你对该代码的任何修改都可以实时刷新在预览插件中，更多操作指引请见Readme文件-->
<!-- <head>
<link rel="stylesheet" type="text/css" href="04.css">
</head>
<img
src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ubqnuhbnuho/movable_type.jpg"
alt="Metal movable type"
width="400"
/>
<audio
src="/assets/music.ogg"
controls
></audio>
<video
src="/assets/video.mp4"
controls
></video> -->
<!-- 本文件是掘金《前端入门-基础语言篇》中《前端与HTML》章节的配套代码。
请点击屏幕最上方的“运行”按钮启动项目，随后在右侧“Web预览”插件中的地址栏中输入 /html/03 ，即可预览该代码；
你对该代码的任何修改都可以实时刷新在预览插件中，更多操作指引请见Readme文件-->
<!-- <!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="03.css">
</head>
<body>
<a href="https://www.bytedance.com/">
字节跳动官网
</a>
<a href="https://www.bytedance.com/" target="_blank">
字节跳动官网
</a>
</body>
</html> -->
<!DOCTYPE html>
<html>
<head>
抖音热梗大赏
<link rel="stylesheet" type="text/css" href="03.css">
</head>
<body>
<div>
<h3>有序列表</h3>
<ol>
<li>谁说这豆角老的，这豆角太棒了</li>
<li>蛋糕要抿着嘴才好吃，有一种直达上颚的感觉</li>
<li>你要请客么？你人好好啊</li>
</ol>
</div>
<div>
<h3>无序列表</h3>
<ul>
<li>
<div>
<p>邪恶栀子花</p>
<a href="https://www.douyin.com/user/MS4wLjABAAAAL342JlWE93M_T_gpJPUhenYtYiZ8mNVsRP3mxT_YiIc?from_tab_name=" target="_blank">邪恶栀子花秘籍</a>
</div>
</li>
<li>
<div>
<p>珂学创始人，让我们一起走进科学</p>
<a href="https://www.douyin.com/user/MS4wLjABAAAAL342JlWE93M_T_gpJPUhenYtYiZ8mNVsRP3mxT_YiIc?from_tab_name=" target="_blank">科学进阶版</a>
<img src="https://img1.utuku.imgcdc.com/500x0/news/20241024/e83fc063-5940-499c-a939-93d6b5f5ed51.jpg" alt="图像超时">
<video
src="https://www.douyin.com/search/%E9%82%AA%E6%81%B6%E6%A0%80%E5%AD%90%E8%8A%B1?aid=36dc08f3-9d82-48d2-9a2f-686230355db3&modal_id=7427286036398574875&type=general"
controls>
</video>
<p>请把保护何老师打在公屏上</p>
<input placeholder="何老师安全">
</div>
</li>
</ul>
<li>新一代花学代表人物，花学没有尽头，一座花学过后是另一座花学</li>
</ul>
</div>
<div>
<h3>带属性的列表</h3>
<dl>
<dt>何炅</dt>
<dd>何炅被称为“邪恶栀子花”，这个称呼源于他在综艺节目《明星大侦探》中的一个角色。在该节目中，何炅扮演了一个名为“何二月”的角色，他是一个花店老板，同时也是一个隐藏的凶手。在节目中，何炅的角色形象非常深入人心，他的表演也非常出色，因此观众们给他起了这个绰号。
“邪恶栀子花”这个称呼中的“栀子花”可能是因为何炅在节目中经常穿着一件印有栀子花图案的衣服，而“邪恶”则是因为他在节目中的角色是一个凶手，具有一定的邪恶属性。这个称呼既体现了何炅在节目中的角色特点，也反映了观众对他表演的喜爱和认可。</dd>
<dt>叶珂</dt>
<dd>
叶珂的“珂学”是指一种网络文化现象，主要源于中国内地女演员叶珂的一些言行和表现。在网络上，“珂学”通常用来形容叶珂的一些独特的行为方式、语言风格或思维逻辑，这些特点被网友们认为是有趣、幽默或具有一定的个性。
“珂学”的具体内容可能包括叶珂在社交媒体上的发言、她在综艺节目中的表现、她的穿着打扮、她的兴趣爱好等方面。网友们通过对这些内容的分析和解读，创造出了一系列与叶珂相关的梗和段子，形成了一种独特的网络文化。
例如，叶珂在一次直播中说过：“我不是一个随便的人，但我随便起来不是人。”这句话被网友们广泛传播，并成为了“珂学”的一个经典案例。
总的来说，“珂学”是一种基于叶珂个人形象和言行的网络文化现象，它反映了网友们对叶珂的喜爱和关注，同时也展示了网络文化的创造力和多样性。
</dd>
<dt>周雨彤</dt>
<dd>
周雨彤的“花学”是指一种网络文化现象，主要源于中国内地女演员周雨彤的一些言行和表现。在网络上，“花学”通常用来形容周雨彤的一些独特的行为方式、语言风格或思维逻辑，这些特点被网友们认为是有趣、幽默或具有一定的个性。
</dd>
</dl>
</div>
</body>
</html>
