Day2 HTML

每件事情的开头一定都有属於他自己的原因，想达成的目标、想解决的问题、後面的文章会绕着三大主轴在运转：「要做什麽」、「为什麽要做」、「该怎麽做」。

大部分转职工程师都是走网页工程师这个方向，先不去考虑工程师的分支：Mobile、前端、後端、资料、大数据、爬虫等等各式各样的进化型工程师，至少每个人都开过网页，上过Ptt表特版看妹，开过FB偷别人菜，上过Youtube看Stanley、丁特绝命双排，开过Porn什麽我忘记了的网站学术交流过，上过it邦写铁人赛吧？更别说近好多年来人手一支手机，坐公车也能看到阿公阿嬷在滑Candy Crush，偷瞄旁边女生的萤幕在帮自己推推脸推推手之後上传到Instergram，肚子饿了手机点开叫个油布熊猫就有好料送上门，这些东西其实都算是网页工程的进化。

先不论以上这些东西多麽复杂、花俏，他们全部都有一个共通点，那就是：Hello World，没错就是Hello Word，我想这是每个新手入行时一定会看的字眼，今天要做的就是Hello World。

至於你说为什麽要做Hello World？因为我就菜阿，今天的我只会这个。

那现在做来写我们的第一个档案，首先打开记事本，打上 Hello World，然後另存新档，档名设定为：HelloWorld.html然後存档，好了我们的第一个网页就完成了。什麽？你说怎麽可能这麽简单？但其实最原始的网页就是这样，不相信的话可以在Chrome的右上角小工具点选更多工具->另存网页为...->存到桌面，之後到桌面就可以看到一个html档案，将他右键开启档案，选择用记事本开启，你就会发现其实结构是差不多的，只是多塞了非常非常非常非常多的内容进去。

所以我只要学会使用记事本就可以当网页工程师了吗？

根据维基百科，如果在西元1993年时你拥有了这样的技术，或许你真的就可以自称为网页工程师了，但经过了28年的时间演化，这种单纯的静态页面因为画面不漂亮、没办法互动、资料无法被储存等等原因开始演化成了动态页面。

但是盖大楼还是要从地基打起，先把html弄懂比较重要，Html最重要的东西我认为是tag，上面的Hello World范例只会有一个非常无聊的文字呈现而已，如果想要附上一张照片，那你会需要img tag，如果想要一个网址超连结，那你会需要a tag，至於哪些tag可以有哪些功能可以到这里查询，那以下就使用一些基础的tag来做一个页面吧。

先来一个网页的标题

<title>Hello World</title>

内文大标题

<h1>我是大标题</h1>

内文小标题

<h6>我是小标题</h6>

文章段落

<p>我是文章段落</p>

列表

<ul>
  <li>吃饭</li>
  <li>睡觉</li>
  <li>打东东</li>
</ul>

超连结

<a href="http://www.lovelykurt.com">我是超连结</a>

照片

<div>
  <img src="/Users/kurt/Desktop/view.png" alt="">
</div>

全部加在一起

照片的部分会加上一个div tag是因为要给他一个独立的空间才不容易跑版，这个版面设计的东西在这里先不详细解说，最後存档的成品就会长成这样。

这些常用的tag好好熟悉的话已经可以自己做些有趣的东西了，今天的实作就到这边结束，谢谢观看的各位，请记得按赞分享开启小铃铛，你的支持会让按赞数+1。