FY的web从零自学日记（1）

FY的web从零自学日记（1）

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

Hello World

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

Hello World

变为红色
复原

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

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

Hello World

变为红色
复原

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

点一下第一个

点第二个

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

Hello World

变为红色
复原

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

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

Hello World

变为红色
复原

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

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