栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > C/C++/C#

FY的web从零自学日记(1)

C/C++/C# 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

FY的web从零自学日记(1)

今天的任务是Hello World,来个模板先




HomeWork_Day1


Hello World

跑完后是这个样子的
然后目标是加入两个按钮,按下后可以有对文字的改变,我不会 可以学,通过百度,我找到了一个可以用的方法。




HomeWork_Day1


Hello World

简单理解一下这个代码< head >和< /head >,还有< body >< /body >,< h1 >< /h1 >很明显看出来是一个类似于begin、end的结构,C语言相当于{花括号}了,,< title >是标签名,就是网站的主题,是标题,好像有多级(CSDN打这玩意会直接变标题,我在里面加了个空格),还有个< p >好像是段落的意思,我还没有用。别的暂时用不上也懒得理解。

emmm,按钮是出来了,丑先不谈,关键是这个按钮好像按下去没有啥用。根据编程经验,这个copyText()肯定可以换成别的函数或者啥来执行一个操作,百度一会看看咋整(东拼西凑搞出来了,代码直接贴了)




HomeWork_Day1


Hello World

这个玩意就很像我们经常用的编译语言咯,不过定义可以放到后面,这里面onclick()相当于是一个点击事件的配置,后面这个函数就是对应的事件。好玩的是这里面好像啥东西都可以配置id,一个id相当于一个唯一的变量名(不知道能不能叫一样的,可能后面有“组”之类的概念吧)然后看看实际效果吧。

点一下第一个

点第二个

理解了之后,再看看怎么布局好看的(此处百度一会),学会了直接贴代码。




HomeWork_Day1


Hello World

多了一句这玩意style=“margin-left:300px;margin-top:200px”,经过小学英语水平一看,这估计是设置距离的东西,实际上有相对距离和绝对距离的设置,先不看,先看看设置之后的效果。

总体看起来不错,但是我想让按键大点,字大点咋整。百度一下




HomeWork_Day1


Hello World

发现只要在这里加句话就行了,style=“margin-left:400px;margin-top:200px;font-size:40px”,这个style可能就是这个结构的对应参数吧,简单理解一下(确实简单)。然后效果是这样的。

还挺不错,我这个老年人看得清楚。这个第一个小项目算是结束了,over。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/690048.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号