千锋web前端教学知识点记录及个人理解

已于 2022-11-26 19:27:21 修改
阅读量1k 收藏 4
点赞数
文章标签： 前端 html
于 2022-10-19 22:43:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_72453861/article/details/127346920
版权

WEB前端知识点记录（1-20集）

第二集-什么是html和css

  1. html和css为网站编程语言
  2. 通过查看网页源代码看到原始代码
  3. 网站由网页构成
  4. 将txt格式改成html格式创建网页
    html
    css
    （图引自codesheep这位up哦）

第五集-深入了解网络开发

  1. html：结构
    css：样式
    javascript：行为
    javascript1javascript2

javascript3
（图引自codesheep这位up哦）

第六集-web前端三大核心技术

根据原视频仿写的闪烁文字代码

<style>
    div{
     color: rgb(221, 206, 50);font-style: oblique;}
</style>
<title>
    welcome home,doctor

</title>
<div>
    明日方舟<br>
    arknights<br>
—◈—<br>
100%<br>

</div>

<script>

let div = document.querySelector('div');
let timer=null;
let flag=true;
div.onmouseover=function(){
     
    timer=setInterval(()=>{
     
        if(flag){
     
            div.style.color='blue';
            div.style.fontStyle='normal';
        }
        else{
     
            div.style.color='rgb(221, 206, 50)';
            div.style.fontStyle='oblique';
        }
        flag=!flag;
    },500);
};
div.onmouseout = function(){
     
    clearInterval(timer);
};

</script>

第七集-html基本结构与属性

  1. 超文本：文本内容=非文本内容
    标记：<单词>
    语言：编程语言
    单标签：<header>
    双标签：<header></header>
  2. 熟练使用tab键创造标签
  3. 标签可以上下排列，也可以组合嵌套
  4. 标签的属性：用来修饰标签的，设置当前标签的一些功能
    <标签 属性=“值” 属性2=“值2”>

根据原视频仿写的标签名称代码

<div title="hello">
    hello world
</div>

第八集-html初始代码

  1. 每个html文件都有的且符合html文件规范的代码叫初始代码
  2. 可以通过！+tab键快速生成

初始代码解析

<!DOCTYPE html>   <!--文档申明：这是一个html文件-->
<html lang="en">    <!--"lang=en"表示是一个英文网站("zh-CN"表示一个中文网站)  html最外层标签，包裹着所有html标签代码-->
<head>
    <meta charset="UTF-8">     <!--元信息，是编写网页中的一些辅助信息-->
    <title>Document</title>    <!--设置网页的标题-->
</head>
<body>
    <!--显示网页内容的区域-->
</body>
</html>

初始代码初尝试

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        
    </body>
</html>

第九集-html中的注释

  1. <!-- 注释内容 -->
  2. 意义：提示作用、隐藏方便以后使用
  3. 添加与删除注释快捷键：
    ctrl+/
    shift+alt+a

第十一集-标题与段落

  1. 标题：双标签<h1></h1>...<h6></h6>(一个网页中最多出现一个h1）
  2. 段落：双标签<p></P>

仿写人物简介

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>奥斯卡-克劳德·莫奈</h1>
    <h2>艺术门类</h2>
    <p>克劳德·莫奈是一位印象派和后印象派艺术家，主要与印象派有关。他被誉为“印象派领导者”，是印象派代表人物和创始人之一。</p>
    <h2>作品集</h2>
    <p>印象·日出Impression Sunrise</p>
    <p>鲁昂的圣母院系列RouenNotre-Dame</p>
    <p>睡莲系列Waterlilies(Nymphéas 法文名字)</p>
    <h2>人物影响</h2>
    <p>从印象主义的产生、发展看,创始人非莫奈莫属,但真正完全实现印象主义理念和技法、并且一以贯之的当推莫奈。是他将毕生精力献给了对西方画界产生了重要影响的印象主义，是以他为首的一批艺术家的不懈努力，突破了此前学院派的保守思想,极大地冲击了19世纪后半叶占据西方画坛统治地位的官方艺术,从而为掀开西方现代绘画史新的一页，作出了重要贡献。为后人留下了宝贵的艺术财富。应该说莫奈是印象派画家中最先获得成功的人，尽管后来的野兽派、立体派、超现实主义等艺术流派，并未遵循印象派创立的一些原则，但创立这些流派的艺术家，都从印象派那里汲取过营养。</p>
    <p>还要提及的是印象派的理念、技法，本是基于现实的观察而提出的，但是，由于热衷于描写光与色，甚至将其神秘化，从而出现了不顾及现实物象的倾向。莫奈曾说过：作画里，要忘掉你眼前是哪一种物体，想到的只是一小方蓝色、一小块长方形的粉红色、一丝黄色。因此，就出现了画家的创作中的注意力，不是集中于要表现的景物上，而是放到了景物周围的空间环境、光线、烟雾、气流所产生的效果上，或只是局限于表达在一定条件下，景物着光给画家留下的瞬间印象上。因此，就有可能导致只抓住了细微的变化，而失去了解对全局的把握；只反映了微妙的色彩层次，而忽略了景物形体的后果和全局。</p>
    <h2>评价</h2>
    <p>视觉观察方面无疑是一个富有创造性的天才。他善于从光与色的相互关系中发现前人从未发现的某种现象。他把全部注意力都集中在光与色上，从而找到了最适于表达光与色的明度差别变化的形式，他把这种光色明度差别变化从绘画的各种其他因素中抽象出来，把它提到了不可攀登的高度。莫奈的视觉观察是天才的、创造性的、非凡的，可是在这种观察的背后又是什么呢？他所看见的东西同他所感觉和他所想象的东西之间关系又是如何的呢？</p>
    <p>莫奈在1874-1878年间在阿尔让特依所画的一些画可以回答这些问题。如创作于1872年的“阿尔让特依的帆船”。在这幅图里中间调子代替了色彩对比,但不是借了色彩的混合，而是通过形成一种光的综合作用的色彩分解或组合。黑色已不再出现于画家的调色板，剩下的只是造成明与暗的光谱色彩，它们形成了形的实体。统一的色彩风格很自然地遍及整个画面：远景和近景，物体、水和天空，把这一切改造成为一种美妙动人的景象，而浑然一片、不分层次的空间透视，则把这远景和近景联成一个整体。紫色和黄色的调子同河水和天空的蔚蓝色交织在一起，这些颜色的调子差别把这些自然现象区分得清清楚楚，而且平静如镜的河面，仿佛就成了天穹的基础。几何学的透视已被忘却；它已让空气的不断运动代替了。每一种颜色单独看来十分柔和，它们的整体却又是强烈的；出现在我们面前的是天边焰火弥漫，白昼即将消逝的图景，一条大帆船静静地停在一片灰色的半阴影之中。这是一个幻想家的直观，在这烟雾缭绕、夕阳西下、一片忧郁的气氛之中，莫奈仿佛就是那光的生命，直接参与着它的逐渐熄灭。这是莫奈创作中的丰收时期，是他创作了色彩的传奇。</p>
    <p>莫奈是法国最重要的画家之一，印象派的理论和实践大部分都有他的推广。莫奈擅长光与影的实验与表现技法。他最重要的风格是改变了阴影和轮廓线的画法，在莫奈的画作中看不到非常明确的阴影，看不到突显或平涂式的轮廓线。除此之外，莫奈对于色彩的运用相当细腻，他用许多相同主题的画作来实验色彩与光完美的表达。莫奈曾长期探索光色与空气的表现效果，常常在不同的时间和光线下，对同一对象作多幅的描绘，从自然的光色变幻中抒发瞬间的感觉。</p>
    <p>印象派运动可以看作是19世纪自然主义倾向的巅峰,也可以看作是现代艺术的起点。克劳德·莫奈的名字与印象派的历史密切相连。莫奈对这一艺术环境的形成和他描绘现实的新手法，比其他任何人贡献都多。这一点是毋庸置疑的，印象派的创始人虽说是马奈，但真正使其发扬光大的却是莫奈，因为他对光影之于风景的变化的描绘，已到出神入化的境地。</p>
</body>
</html>

第十二集-文本修饰标签

  1. 强调：双标签<strong></strong>（加粗）、<em></em>（斜体）
  2. <sub></sub>、<sup></sup>：下标、上标文本
  3. <del></del>:删除文本
    <ins></ins>:插入文本

文本仿写（含发电，勿看）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <p>
        <strong>
            明日方舟
        </strong>
        <br>
        <em>
            arknights
        </em>
    </p>
    <p>
        鹰角网络<sup>TM</sup>
    </p>
    <p>
        <sub>#</sub>10危机合约:尘环行动
    </p>
    <p>
        <del>我要当梨佬的狗</del> <ins>别在这理发店</ins>
    </p>
</body>
</html>

第十三集-图片标签及图片属性

<img src="" <!--:引入图片地址--> alt="" <!--:文件出现问题的时候出现的一段提示文字> title="这是一张图片的提示信息“ <!--:提示信息--> > weigh=""height="" <!--:图片大小-->：为单标签

图片网页制作仿写

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <p>
        <strong>
            FLY YOU TO THE MOON
        </strong>
    </p>
    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.3dmgame.com%2Fuploads%2Fimages%2Fnews%2F20220920%2F1663660989_662097.jpg&refer=http%3A%2F%2Fimg.3dmgame.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1668668528&t=3653854174e37979444486c56632e155" alt="现在是幻想时间"title="赛博朋克:边缘行者"weight="720"height="360">
    <p>
        <em>
            I REALLY WANT TO STAY AT YOUR HOUSE
        </em>
    </p>
</body>
</html>

第十四集-引入文件的地址路径

  1. 相对路径：.表示当前路径（找就完事了）
         …表示上一级路径
  2. 绝对路径：（具体的盘、文件夹确定文件位置）、网络地址
  3. 尽量避免写"\"

文件引入仿写

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!--<img src="./-45c229117d549e1a.jpg" alt="">-->
    <!--<img src="../图片/-45c229117d549e1a.jpg" alt="">-->
    <!--<img src="./图片/-45c229117d549e1a.jpg" alt="">-->
    <img src="/Microsoft VS Code/图片/-45c229117d549e1a.jpg" alt="">
</body>
</html>

第十五集-跳转链接

  1. 连接标签：双标签<a herf="" <!--:链接的地址--> 网页描述 target="" <!--:可以改变链接打开的方式（默认在当前页面打开_self，新窗口打开_blank)> </a>
  2. <base>：改变链接的默认行为

链接跳转仿写

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <!--<base target="_blank">-->
</head>
<body>
    <a href="https://www.arkrec.com/" target="_blank">明日方舟少人wiki</a><br>
    <a href="https://prts.wiki/w/%E9%A6%96%E9%A1%B5" target="_blank">
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg3.yimasm.com%2Fpic%2F2021%2F03%2F13%2Faae3311ade75fcce5cba76403c7c6f61.jpg&refer=http%3A%2F%2Fimg3.yimasm.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1668675968&t=849e9020ffb258550092a0adb74bb0f0" alt="wiki官网"
        title="女儿好帅"
        weight="720"
        height="360">
    </a>
</body>
</html>

三个互相跳转的网站作业

  1. detail
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <img src="../images/3.jpg" alt=""><br>
    <p><sub>图源自于太叔太</sub></p>
    <a href="../index.html">前往主页</a>
</body>
</html>
  1. list
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <img src="../images/2.jpg" alt=""><br>
    <p><sub>图源自于葱</sub></p><br>
    <a href="../index.html">前往主页</a>
</body>
</html>
  1. index
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <img src="./images/1.jpg" alt=""><br>
    <p><sub>图源自于葱</sub></p><br>
    <a href="./html/detail.html">前往详情</a>
    <a href="./html/list.html">前往列表页</a>
</body>
</html>

第十六集-跳转锚点

  1. 实现一：通过#（在a中）与id（在文本标题中id=“”）实现链接跳转
  2. 实现二：通过#（在a中）与name(<a name=""></a>)实现

跳转锚点仿写（二次元含量极高）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <base target="_self">
</head>
<body>
    <h1> <em>新世纪福音战士</em> </h1>
    <a href="#真嗣">碇真嗣</a>
    <a href="#老婆">凌波丽</a>
    <a href="#香香">明日香</a>
    <p>私货qwq</p>
    <a href="https://www.bilibili.com/video/BV1254y187SE/?spm_id_from=333.337.search-card.all.click">【EVA】感谢你曾来过我的世界:│▌ One Last Kiss</a>
    <h2 id="真嗣">碇真嗣</h2>
    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg1.gamersky.com%2Fimage2014%2F10%2F20141007wdy_3%2F02_S.jpg&refer=http%3A%2F%2Fimg1.gamersky.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1668767114&t=5bf67ba7908969c0a9e7154e74f322cc" alt="真嗣"
    weight="540"
    height="360"><br>
    <a href="https://www.bilibili.com/video/BV1Xg411C7vb/?spm_id_from=333.788.recommend_more_video.-1&vd_source=7b94f283a4682193537990c7a7b35836">真嗣|可是我的自卑胜过了一切爱我的。</a>
    <h2 id="老婆">凌波丽</h2>
    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Frin.linovel.net%2Fattachment%2Farticle%2F201907%2F1049857_bce38929c245a77617d434479de99498.jpeg&refer=http%3A%2F%2Frin.linovel.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1668768766&t=bc5ff5d0bf6aa3f360d8b9b74c87c2d8" alt="凌波丽"
    weight="720"
    height="360"><br>
    <a href="https://www.bilibili.com/video/BV1y54y1p7Gh/?spm_id_from=333.337.search-card.all.click&vd_source=7b94f283a4682193537990c7a7b35836">EVA x KATE x 米山舞「绫波丽，首次口红，在那之后」</a>
    <h2 id="香香">明日香</h2>
    <img src="https://img2.baidu.com/it/u=2427929136,1471249804&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=1084" alt="香香"
    weight="720"
    height="360"><br>
    <a href="https://www.bilibili.com/video/BV1gL4y1v71n/?spm_id_from=333.337.search-card.all.click&vd_source=7b94f283a4682193537990c7a7b35836">【明日香】对香党而言，这一段告白足矣。</a>
</body>
</html>

第十七集-特殊符号

  1. 特殊符号：空格 &nbsp; 版权 &copy; 注册商标 &reg; 小于 &lt; 大于 &gt; 和 &amp; 人民币 &yen; 摄氏度 &deg;
  2. 解决冲突问题

第十八集-无序列表

  1. 列表标签：<ul><li> </li><ul>（符合嵌套的规范）
  2. type属性：改变前面标记的样式（一般CSS控制）(disc 实心圆默认 circle 实心圆默认 square 方形)

无序列表仿写

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <ul type="square">
    <li><a href="https://www.mihoyo.com/"><em>米哈游</em></a></li>
    <li>崩坏3</li>
    <li>原神</li>
    <li>星穹铁道</li>
    <li>绝区零</li>
    </ul>
</body>
</html>

第十九集-有序列表

  1. 列表标签<ol><li> </li></ol>（一般用CSS控制）
  2. type属性：1 默认值 数字有序列表（1、2、3、4）；a 按字母顺序排列的有序列表（小写）（a、b、c、d）；A 按字母顺序排列的有序列表（大写）（A、B、C、D）；i 罗马字母（小写）（i, ii, iii, iv）；I 罗马字母（大写）（I, II, III, IV）

有序列表仿写

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <p> <em>来看看你喜欢的游戏排在哪里吧</em> </p>
    <ol>
        <li>原神 637.0691亿</li>
        <li>命运-冠位指定 116.2375亿</li>
        <li>赛马娘 108.7270亿</li>
        <li>阴阳师 67.2624亿</li>
        <li>明日方舟 55.6135亿</li>
        <li>偶像梦幻祭 2 30.1702亿</li>
        <li>崩坏3 29.3303亿</li>
        <li>公主连结 26.1651亿</li>
        <li>碧蓝航线 24.8522亿</li>
        <li>游戏王:决斗链接 17.5092亿</li>
        <li>幻塔 14.7503亿</li>
        <li>坎特雷公主与与骑士唤醒冠军之剑的奇幻冒险 14.0719亿</li>
        <li>闪耀暖暖 13.4740亿</li>
        <li>战双帕弥什 12.2138亿</li>
        <li>光与夜之恋  10.6395亿</li>
    </ol>
</body>
</html>

二十集-定义列表

  1. <dl><dt> </dt><dd> </dd></dl>(列表项需要添加标题和对标题进行描述的内容)

定义列表仿写

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <dl>
        <dt>
        肖申克的救赎  / The Shawshank Redemption
        </dt>
        <dd>弗兰克·德拉邦特 Frank Darabont</dd>
        <dt>
        霸王别姬
        </dt>
        <dd>陈凯歌 Kaige Chen</dd>
        <dt>
        阿甘正传  / Forrest Gump
        </dt>
        <dd>罗伯特·泽米吉斯 Robert Zemeckis</dd>
        <dt>
        泰坦尼克号  / Titanic
        </dt>
        <dd>詹姆斯·卡梅隆 James Cameron</dd>
        <dt>
        美丽人生  / La vita è bella
        </dt>
        <dd>罗伯托·贝尼尼 Roberto Benigni</dd>
    </dl>
</body>
</html>

第二十一集-嵌套列表

  1. 列表之间互相嵌套可以形成多层级的列表

嵌套列表仿写

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <ul>
        <li>依阿华级战列舰</li>
        <ul>
        <li>依阿华号&lt;BB61&gt;</li>
        <li>新泽西号&lt;BB62&gt;</li>
        <li>密苏里号&lt;BB63&gt;</li>
        <li>威斯康星号&lt;BB64&gt;</li>
        <li>伊利诺伊号&lt;BB65&gt;</li>
        <li>肯塔基号&lt;BB66&gt;</li>
        </ul>
    </ul><br>
    <ul>
        <li>狮级战列舰</li>
        <ul>
        <li>狮号&lt;Lion&gt;</li>
        <li>蛮勇号&lt;Temeraire&gt;</li>
        </ul>
    </ul>
    <ul>
        <li>大和级战列舰</li>
        <ul>
        <li>大和号&lt;Yamato&gt;</li>
        <li>武藏号&lt;Musashi&gt;</li>
        <li>信浓号航空母舰</li>
        </ul>
    </ul>
</body>
</html>

第二十二集-表格标签

  1. <table>:表格最外层容器
    <tr>:定义表格行
    <th>:定义表头
    <td>:定义表格单元
    <caption>:定义表格标题
    （注：之间是有嵌套关系的，要符合嵌套规范）
  2. 语义化标签：<tHead>、<tBody>、<tFood>
    (在一个table章，tBody可以出现多次，tHead、tFood只能出现一次)

课堂练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <table>
        <caption><strong>2022年物理诺奖得奖情况</strong></caption>
        <thead>
           <tr>
            <th>获奖人员</th>
            <th>获奖成就</th>
           </tr> 
        </thead>
        <tbody>
            <tr>
                <td>阿兰·阿斯佩（(Alain Aspect)</td>
                <td>采用快速抽离验证量子不确定性</td>
            </tr>
            <tr>
                <td>约翰·弗朗西斯 · 克劳泽(John F. Clauser)</td>
                <td>采用快速抽离验证量子不确定性</td>
            </tr>
            <tr>
                <td>安东·塞林格(Anton Zeilinger)</td>
                <td>创新方法验证量子不确定性与其纠缠特性</td>
            </tr>
        </tbody>
    </table>
</body>
</html>

第二十三集-表格属性

  1. 表格属性：<border>：表格边框（加在table中）
    <cellpadding>：单元格内空间
    <cellspacing>：单元格之间的空间
    <rowspan>：合并行（加在tr下的td中）
    <colspan>：合并列
    <align>：左右对齐方式(left、center、right)
    <valign>：上下对齐方式(top、middle、bottom)

课堂练习（改）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <table border="1" cellpadding="30" cellspacing="0.5">
        <caption><strong>2022年物理诺奖得奖情况</strong></caption>
        <thead>
           <tr align="left" valign="top">
            <th>人员形象</th>
            <th>获奖人员</th>
            <th>获奖成就</th>
           </tr> 
        </thead>
        <tbody>
            <tr>
                <td><img src="https://bkimg.cdn.bcebos.com/pic/0824ab18972bd40735fa8ae027dc89510fb30f24a32b?x-bce-process=image/resize,m_lfit,w_536,limit_1" alt=""></td>
                <td>阿兰·阿斯佩（(Alain Aspect)</td>
                <td>采用快速抽离验证量子不确定性</td>
            </tr>
            <tr>
                <td><img src="https://bkimg.cdn.bcebos.com/pic/0b7b02087bf40ad162d95dec0b7906dfa9ec8a13603c?x-bce-process=image/resize,m_lfit,w_536,limit_1" alt=""></td>
                <td>约翰·弗朗西斯 · 克劳泽(John F. Clauser)</td>
                <td>采用快速抽离验证量子不确定性</td>
            </tr>
            <tr>
                <td><img src="https://bkimg.cdn.bcebos.com/pic/48540923dd54564e9258ff37ef8b8b82d158ccbfe13a?x-bce-process=image/resize,m_lfit,w_536,limit_1" alt=""></td>
                <td>安东·塞林格(Anton Zeilinger)</td>
                <td>创新方法验证量子不确定性与其纠缠特性</td>
            </tr>
        </tbody>
    </table>
</body>
</html>

第二十四集-表单属性

  1. <form>：表单的最外层容器（注：action为提交地址）
  2. <input>：标签用于搜集用户信息，根据不同的type属性值，展示不同的控件，如输入框、密码框、复选框等。（单标签）
    type属性：text（文本输入框）（placeholder为默认文字栏）
    password（密码输入框）
    checkbox（复选框）（注：checked为默认勾选，disabled为禁止使用）
    radio（单选框）（注：通过name进行附加）
    file（上传文件）
    submit（提交按钮）
    reset（重置按钮）

课堂练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>注册表格</h1>
    <form>
最低0.47元/天 解锁文章
Verfall975
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
千锋web前端教学知识点记录及个人理解2
qq_72453861的博客
10-28 431
交作业2.0
千锋前端笔记
B_planzp的博客
02-22 1072
注：vscode的代码文件应该存放在其他子文件夹，否则由于软件的自动更新机制，代码文件会造成丢失 学校与千锋教育存在合作，大二的JAVA 高级实验周是有千锋的老师进行教学。印象不错，所以找的是千锋的视频，自我笔记 前端基本HTML5和css3以及javascript html为文本标记语言，提供框架，css进行静态装饰，JavaScript负责动态交互 是对前端的基本介绍以及学习框架，直接代码 基本的段落语言 代码的兼容性可以用caniuse网站进行查找 文档声明和字符编码 ...
前端开发实习记录
Yjaaaaaaa的博客
11-09 2864
该记录是我11月份开始实习遇到的问题。
WEB前端学习路线2023完整版（附视频教程+学习资料）
热门推荐
关注我！带你一路 "狂飙" 到底！
04-08 4万+
下面小编专门为广大web前端学习爱好者汇总了一条完整的自学线路：WEB学习路线2019完整版（附视频教程+网盘下载地址）。适合初学者的最新WEB前端学习路线汇总！ 在当下来说web前端开发工程师可谓是高福利、高薪水的职业了。所以现在学习web前端开发的技术人员也是日益增多了，但是在学习web前端开发中盲目的去学习而没有一个完整的思路和学习路线也是不行的。 　　那么想学好web前端，该从哪里入手...
2020web前端学习路线
chen801090的博客
11-05 592
2020年最新web前端学习路线！接下来，教大家如何从零基础小白学习web前端，没有基础的伙伴也不要着急，有给大家整理视频教程，文末，大家按需学习就好！ 一、入门web前端开发 在介绍阶段，您必须首先学习最基本的技能：基于UI设计草案的HTML静态页面生成。这要求您掌握HTML的技巧、CSS页面的布局、样式的风格等。在这个阶段，你需要学习： 1、HTML + CSS基础 掌握HTML的标签使用、排版、CSS布局、样式美化和浏览器兼容性。 HTML和CSS编码规范：掌握一些代码技巧，写出更好.
千锋web前端教学知识点记录及个人理解5
qq_72453861的博客
11-26 286
交作业
千锋web前端教学知识点记录及个人理解3
qq_72453861的博客
11-04 264
交作业
千锋web前端教学知识点记录及个人理解4
qq_72453861的博客
11-18 296
交作业了
2024web前端学习路线（附全套前端视频教程+教学大纲_千锋前端大纲
2401_84240189的博客
05-01 366
1、使用jQuery、引导等框架开发复杂的交互功能和效果。2、使用HTML5，CSS3，画布上开发移动终端。考虑到第一方面的能力，你需要学习：1、javascript的基本特效它实现了木马、拖放、放大镜等常见的网络特效。2、jQuery的基础掌握一般的API使用jQuery，并能够熟悉jQuery的插件开发机制。3、引导响应掌握机器响应的机理，在引导过程中使用网格布局和响应布局，开发复杂的页面布局。4、ajax基础充分理解Ajax原理，掌握Ajax原生和jQuery的ajax用法。
【千锋】Web前端项目精讲视频（29集）
03-30
千锋Web前端教程：28-29.mui地理定位实战（2集） 千锋Web前端教程：26-27.iscroll实战（2集） 千锋Web前端教程：23-25.ionic-spa应用实战（3集） 千锋Web前端教程：19-22.微信开发扫一扫（4集） 千锋Web前端教程：16...
最新的web前端学习线路图（知识点+配套视频教程）
11-22
分享最新的web前端学习线路图里面包含了全部的知识点，另外还有配套视频教程，希望大家能学好web前端。
北京web前端培训课程：千锋教育品质之选.pdf
11-12
。。。
零基础必看的web前端HTML+CSS-视频教程网盘链接提取码下载 .txt
05-16
本课程是由浠浠呀老师为小白入门前端倾力打造的前端基础教程，是零基础小白入门前端开发的不二之选。树立前端教程新标准，全程无废话，直截了当输出干货，让你看到即学到。课程共包括 2 季，内容涵盖HTML、CSS 和 ...
千锋教学Java课程大纲
05-01
千锋教学Java课程大纲
OpenSNN推文：近期优质博客推荐汇总
opensnn的博客
07-12 325
国内个人博客站点众多，涵盖了技术、生活、艺术等多个领域。
springmvc1
最新发布
benpaodeDD的博客
07-14 160
以前的servlet程序：
如何搭建互联网医院系统源码？医疗陪诊APP开发实战详解
meihusdk的博客
07-11 305
希望本文能够为正在或即将从事相关开发的技术人员提供一些参考和帮助。通过不断的努力和创新，我们可以为患者提供更优质的医疗服务，推动医疗行业的数字化转型。
Node多版本管理器NVM安装使用
GongWeiBuQi的博客
07-11 207
安装node很方便，只需要一条命令可以轻松切换node版本可以多版本node并存。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值