从零开始学WEB前端——网页的骨架——HTML实战练习
来源:http://www.tudoupe.com时间:2022-03-10
??项目介绍
先做个自我介绍,所以他建立了自己的学校 因为我是一个后端程序员 谁没有建立前端??。在这个项目中,我将与你们合作,从零基的前端学习。从后端程序员的角度来看,目前,这个仅限作者的项目将仅更新到前端 VUE 框架。这不是关于节点js。该项目是否针对不创造像我这样的前端的零基白人或后端程序员??。
该项目的研究安排以我的个人学习为基础。我对所有这些专门知识领域都非常熟悉。它也包含许多信息。所有提及之处都指该条的结论。尊重开源,尊重知识产权。我写了每一例我自己 觉得最好把它写进去当我上传代码和笔记 上传到开源仓库时如果你需要一个学生, 请不要对一个明星苛刻。记住要留心 如果你认为这是写作的好作品的话你的鼓励促使我继续前进吗??。
这只是一张纸,这是一个很棒的概念 它在地上,冬夜小说
发言者的地址是:https://ww. un. org/I'm not sure you're talking about, Yuque。这篇文章是我们特别报导全球之声Online.com/beilayanmen的一部分。
Github的地址:https://github.
Gitee URL: https://gitee.
不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,
本文知识点
VSCode的基本原理
- 前端工具介绍
- VSCode的使用
HTML常用标签
- 基本文档标签
- 基本标签
- 文本格式化
- 链接
- 图片
- 无序列表
- 有序列表
- 定义列表
- 表格
- 框架
- 表单
HTML标签练习
- 标签练习
- 基本标签实战
- 列表标签练习
- 图片标签练习
- 表格标签练习
- 表单标签练习
善于实用搜索引擎
HTML 的核心理论在前一篇文章中作了解释。 但是,研究一种技术并不总是在理论中存在,而本文件将与你合作练习HTML。
唯一真正的考验就是实践
VSCode的基本原理
前端工具介绍
熟练地了解发展工具对于合格的程序设计员至关重要。 以下是对通常在前端使用的发展工具的简要解释。
- VSCode:适用于大多数前端开发的全面插件。
- 优雅文字有一个最小的界面 和轻量级的启动时间。
- Hbunder:国家产前终端发展工具是一个绝佳的软件,可用于创建小型程序和移动电话APP。
- WebStorm: Jetbrains JavaScript 开发工具,在前端工程项目中最理想使用。
- PS+DW+FW主导了网络空间。
- 笔记本:大人物用笔记本写代码
上述网页大部分是针对梦想织物(DWs)的。妇女部欢迎新来者。可使用视觉编辑设计网页。但DW创造的风格代码 有点困难在以后一级很难维持下去。随着时代的进步,工具的开发也在逐步升级。DW越来越远离前端发展。建议你用VS代码作为神话(大学学生如果想制定微型方案,可使用HBUDIER。 )
VSCode的使用
自动保存
完成代码后,可以通过再次保存浏览器来观察界面的影响,作者经常忘记在学校页面开始保存代码,导致页面保持不活动。 因此建议您启动 vscode 自动保存 。
左上角:文件->勾选自动保存。

创建文件/文件夹
除了您已经引入的文件/ 文件夹外, 还可以直接拖到 VScode 中, 您可以在 VScode 中快速创建文件/ 文件夹。 点击您想要快速创建文件/ 文件夹的父目录 。
具体操作如下图:

插件推荐
目前,建议设立几个对每个人都可接受的插件。我不主张同时使用这个插件的一大部分。只会分阶段的推荐,此外,描述每个插件的专业工作。如果你插了很多插头因此,它不知道该插件是什么。(我们特别喜欢侧重于作者的干货建议栏。 )里面有一些有用的插件。
Auto Close Tag
自动关闭标签。在组成标签时,您可以通过输入插件快速创建封闭标签。

Auto Rename Tag
自动重命名标签。 例如当我们更新标签时, 我们可能会使用此插件自动编辑另一个标签 。<div>标签为<span>它会自动协助我们使用标签。</div>标签替换为</span>标签。

open in browser
快速启动浏览器并安装此插件, 这样我们就可以快速访问 vscode 界面中的浏览器 。
通行证:在学校开始时,插件创建者遇到了一个问题,即快捷键一般不会启动浏览器,答案是降低插件的版本。

使用方式:
- 右键选择
- Alt + b 是一个快捷键。


Live Server
实时预览,此插件允许您在本地操作一个微型服务器 。让我们看看实时编辑的效果(这是一个插件, 与另一个谷歌路径图相连接,因此,你有能力改变游戏。如果你有兴趣的话,看看我写了什么

使用方式:
当插件被安装时, “ 移动实况” 按钮将出现在 vscode 的右下角; 点击它 。

Path Intellisense
路径意味着当我们插入图像或其他文件时, 这个程序会通知我们路径 。

HTML 常见标记解释
每个 html 标签在网页上被称为一个元素, 并且每个元素都有其自身的属性( 产权在下一篇 CSS 文章中详细述及 )。
HTML 标签的目的是为文本带来意义!
编程涉及许多想法,以及一些比较常见的代码片段,因此建议你习惯于记笔记。
拓展内容
建议您学习如何在 Gitpage 上建立个人博客。
同时,建议你研究马克唐语法,并选择马克唐编辑的拷贝。作者使用打字机 0.Version 9(由于软件1)。 不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,不,
这篇文章是我们对叙利亚2011年抗争特别报导的一部分。
现在Typroa已经安装了, 你可以试验地图床的概念 并连接Typroa和PicGo。
世界上无忧无虑,只要起身。 毛泽东写着“水头排练到Ii Okayama ”, “水头排练到Ii Okayama ” 。
通行证:下面的标签来自菜鸟课。
基本文档标签
网络基础的结构,特别是等级组织,以及外部文件<head>在标签中包含( js 文件可以包含在正文中) 。
基本标签
大家在这里可以试试<span>标签和<div>标签有什么区别
注:线级元件和区块级元件(随后将进一步解释后来的DIV+CSS布局部分)
文本格式化
链接
必须指出,标签设置取决于href而不是src。
图片
此文档的引用路径与绝对路径不同, 应在图像中记录 。
相对路线和绝对路线之间的区别如下:https://blog.com/I'm sorry,csdn。这篇文章是我们特别报导全球之声在线网站.net/qq_34107571/article/details/82834825的一部分。
./是当前文件夹
…/是上一级文件夹
../../ 是一个根文件夹 。
在这一点上,图像并未表明这条路线存在很多困难,这条路线必须与先前的建议相匹配。Path Intellisense路径关联插件被更多使用 。
当使用绝对路径时,将代码发送给某人。图像没有显示,因为路径位置与图像不匹配,需要注意。其他外部文档(例如,使用绝对路径时, CSS 和 JavaScript 都有类似的问题。这需要仔细考虑。
无序列表
有序列表
定义列表
表格
框架
表单
必须使用表格,并定期用于前后两端随后的相互作用。
HTML标签练习
还是那句话。
唯一真正的考验就是实践
我建议您创建一个索引. html 文件, 然后敲敲所有标签。 其他人可能会问 : “ 如何能记住这么多东西? ”
欧阳锡的名字叫欧阳锡 欧阳锡的名字叫奥阳锡
经常练习是理解代码的唯一方法。我想提供两条条款,以及作者在学习过程中撰写的代码。
net/qq_33744228/article/details/80910377. html 语法规则:https://blog.com/I'm sorry, csdn。
Vscode 的快捷键 : https://ww.flickr.com/I'm not sure you're talking about, php.cn/tool/vscode/473194. html 。
标签练习
当时每个标签都利用了这两项任务,看它们能取得什么成果。
Bones在我的网站上 - HTML练习代码 HTML练习 I标记练习。 html

文件名: 我的网页上的骨头 - HTML 练习代码 HTML 练习 i 标记 html

基本标签实战
你可以尝试在下面建结构, 照片会拍到你。
- HTML练习代码 HTML练习指数.html


列表标签练习
- HTML 练习代码 HTML 练习列表纳入索引.html

图片标签练习
这是五张图像(提供截图),用于试验相对和绝对路线。
- HTML 练习代码 HTML 练习图片链接。 index. comhtml

表格标签练习
- HTML练习代码表练习能力。 html

索引.html是我网页 Bones 文件的档案目录—— HTML 练习代码 HTML 练习表。

表单标签练习
- HTML练习清单练习指数.html

上述所有案件代码都存放在仓库中,需要这些代码的学生可以从仓库下载这些代码,也无法通过Github获得这些代码的学生也可以从仓库下载这些代码。
github: https://github.com/SuZui-cn/my-web

gitee: https://gitee.com/north_gate/my-web

善于使用搜索引擎
学习课程提出了一大堆挑战。如果你不想问别人建议它使用数台搜索引擎。除了前端系列之外, 我职位上还有丰富的知识和工具。这就需要有效利用搜索引擎。如果你不知道你在说什么, 查查它。在概念化方面是100度/谷歌百科全书。
我建议你研究谷歌语法
抱歉,Csdn,这篇文章是澳大利亚特别报导的一部分。 net/qq_50589021/article/ details/115371
例如,我想做的就是查查CSDN。
如果你有问题,你可以信任我, 我很乐意帮助你解决这个问题; 但是,有时我无法及时解决, 所以我们可以在评论部分张贴, 而了解这个问题的同学们可以采取行动。
。
上一篇:戴尔安装win10系统教程
下一篇:b460主板安装教程
相关新闻
- 2023-05-06 微pe怎么初始化U盘(微pe怎么恢复初
- 2023-05-06 Xp系统boot 进入pe(boot manager 怎么进入
- 2023-05-06 win pe修复bcdboot(pe修复系统)
- 2023-05-06 win7更新失败 pe(win7更新失败还原更
- 2023-05-06 u盘装了pe读取不了(u盘能进pe读取不
- 2023-05-06 u盘pe 发热(u盘发热烫手)
- 2023-05-06 u盘pe下看不到硬盘(u盘启动pe看不到
- 2023-05-06 pe盘 ntfs(u盘ntfs格式)
- 2023-05-06 sony笔记本进入pe模式(联想笔记本怎
- 2023-05-06 pe启动盘进不去(pe启动盘进不去系统
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
