初识web前端

前端:给用户看的内容 --显示器

后端: 在后台处理数据 -- 主机箱 -- 具体功能

全栈:前后端都能弄 -- 独立开发一个程序

前端三个比较重要的东西

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 >

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

努力的小贵

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值