用户投稿哈啰大家好！最近在学HTML，所以想来跟大家分享一下，让同样初学习HTML的新手们比较好上路，也给自己一个地方可以记录一下所学?~~如果内文有说错的也还请大家多多包涵！
HTML?
大家一定都听过HTML，但却搞不清楚它到底是什么，其实HTML的全名就是HyperText MarkUp Language，翻成中文叫做「超文本 标记 语言」，翻成白话文就是 用这种特殊的语言，来告诉你的电脑浏览器：这个网页应该要长怎么样，里面应该要有什么东西组成！ 所以你看到的很多网站，很多都是用HTML架成的呢！
怎么写？
那要怎么写HTML呢？
最简单的方法就是打开附属应用程式里面的「笔记本」，就可以开始输入内容啰！只要储存时再把文件的副档名改成 .html ，然后用你的浏览器打开它，你的第一个网页就出现啦！
但是笔记本的功能太简略了，如果有输入错误的话只能一行一行去检查?，所以这边也推荐大家可以使用 Visual Studio (Code) 这个软体喔！这是专门用来写程式、架网站的软体，它也会主动帮你侦测有没有错误的地方，也有一些贴心小巧思，使用起来也会比笔记本方便很多呢！
(注：如果有打新的内容进去，都要记得按”储存(ctrl+S)”，接着到网站上”重新整理”，才会跑出更新过后的网站喔！)
要从哪里开始？
知道用什么来架网站之后，就要真正开始下手啰！
首先，先给大家一个观念！HTML这个语言必须要有头有尾，明确的告诉你的电脑指令的範围！意思就是假如我想要某一段文字是呈现蓝色的，那就要在文字的最前面告诉电脑：「接下来的文字是蓝色的。」而在最后面跟电脑说：「蓝色的文字就到这里为止。」这样才会是一个完整的指令码喔！
那要怎么分开头或是结尾呢？?
HTML的指令码几乎都是用<xxx>表示，那结尾标籤只要在前面加上/，变成</xxx>，就可以啰~
那我们就开始啰！
首先，先建立一个网站(HTML档)
<html></html>接着，一个HTML档里面通常会包含两个元素：一个是描述这个网站的特性或是属性，也就是描述档，描述这个网站的属性等等，我们叫它<head>；而另一个则是呈现一个网站的所有内容，也就是你看到一个网站的所有东西都在这里，我们统一用<body>来包装
所以加起来就长这样！
<html> <head> </head> <body> </body></html>那我们要更进阶去描述这个网站的属性啦！例如说：我想要它可以读取中文，那我就加<meta charset="utf-8">进去，也就是告知浏览器这个网站用的是什么字符编码格式。而<title>则是说明这个网站「索引标籤的名称」是什么，那因为通常首页的名字都取作index，所以我就先打这个啦。
<html> <head> <meta charset="utf-8"> <title>index<title> </head> <body> </body></html>全部加起来会长这样
而网站打开来会长这样~~
蓝色画底线的就是刚刚说的索引标籤名称“index”啦
绿色的网址就会显示你把档案存在电脑上的哪个位置哦~~~
而内文因为都还没有写任何东西，所以会是空白的！
那设定完网站的属性了，接下来要开始编辑内文啰！
先简单跟大家介绍我们常用的标题字，有<h1>到<h6>6种样式，字体也会越来越小喔~
程式码写出来就长这样~
<html> <head> <meta charset="utf-8"> <title>index<title> </head> <body> <h1>This is my first home page</h1> <h2>This is my first home page</h2> <h3>This is my first home page</h3> <h4>This is my first home page</h4> <h5>This is my first home page</h5> <h6>This is my first home page</h6> </body></html>而网站显示出来长这样！
那如果想要简单更改字体的样式，也可以在文字前后输入标籤，例如：<b>是粗体；<i>是斜体等等。(注：<p>也就是paragragh，可以用来表示一个段落)
如果你想要换行，也可以在文字后面加上<br>，这边也让大家看看有没有用<br>的差别！(注：因为代表换行，本身是没有”範围”的概念，所以自然也就不用打结尾标籤啰~)
<html> <head> <meta charset="utf-8"> <title>index<title> </head> <body> <h1>This is my first home page</h1> <h2>This is my first home page</h2> <h3>This is my first home page</h3> <h4>This is my first home page</h4> <h5>This is my first home page</h5> <h6>This is my first home page</h6> <p> This is normal text <b>This text is bold</b> <br> <i>这是斜体</i> </p> </body></html>
那就先大概简单介绍这些给大家啰~~有兴趣的朋友们都可以去玩看看，还蛮有趣的呢哈哈哈
这边也附上参考的文章，想了解更多的可以自己去看看啰！http://user43714.psee.io/AW49Z
再附上原文网址:
HTML新手上路篇
想了解更多跟程式相关知识的也可以到这里来看看~
让我们一起快乐学程式!
微信扫一扫打赏
支付宝扫一扫打赏
