前端:给用户看的内容 --显示器
后端: 在后台处理数据 -- 主机箱 -- 具体功能
全栈:前后端都能弄 -- 独立开发一个程序
前端三个比较重要的东西
html:网页的基本组成,给用户看的内容都写在这里面
css: 主要功能是美化页面内容/优化性能
javascript:脚本语言,主要用于实现动态效果,前后端交互
前端的好处
1.简单易上手,,比python简单
2.见效很快,很快就可以做出效果
为什么要学前端:
1.后续的web后端开发和爬虫都需要前端的基础
2.具备基本的全栈能力
html叫做超文本语言,不是编程语言
编程语言--需要较强的逻辑性
超文本语言-- 只是用来看,不需要很强的逻辑性
html 代码如下:
<!DOCTYPE html>
<!-- doc文档 type 内型 文档内型为html 告诉你的电脑这是一个网页文件-->
<html lang="zn-ch">
<!-- html 标签 网页的基本组成 网页的内容都现在这里面 lanuage 默认为英文 zn-ch 为中文 -->
<head>
<!-- 头标签,里面是网页的说明,给浏览器看的 -->
<meta charset="UTF-8">
<!-- 设置一些属性 -->
<title>自我介绍</title>
<!-- 标题标签 -->
</head>
<body>
<!-- 身体标签,给用户看的内容 -->
<p> 万义贵</p>
<P> 单身 </P>
<p> 22 </p>
<span> 阿叶 阿笑 </span>
<br>
<span> 小碗 小王 </span>
</body>
</html >
各类标签的用法
<!DOCTYPE html>
<!-- doc文档 type 内型 文档内型为html 告诉你的电脑这是一个网页文件-->
<html lang="zn-ch">
<!-- html 标签 网页的基本组成 网页的内容都现在这里面 lanuage 默认为英文 zn-ch 为中文 -->
<head>
<!-- 头标签,里面是网页的说明,给浏览器看的 -->
<meta charset="UTF-8">
<!-- 设置一些属性 -->
<title>自我介绍</title>
<!-- 标题标签 -->
</head>
<body>
<!-- 身体标签,给用户看的内容 -->
<p> 万义贵</p>
<P> 单身 </P>
<p> 22 </p>
<!-- <p> 是段落标签 -->
<h1> 万义贵 </h1>
<h2> 22 </h2>
<h3> 单身 </h3>
<!-- h1为一级标签 h2为二级标签 h3为三级标签 -->
<span> 阿叶 阿笑 </span>
<br>
<span> 小碗 小王 </span>
<!-- span 为行内标签 -->
<b> wanyigui </b>
<strong> wanyigui </strong>
<i> 我爱python </i>
<u> woaini </u>
<!-- 特别样式标签 -->
</body>
</html >