[鼠年全马铁人挑战] Week08 - 超新手入门:HTML 的基本语法

Hi~又见面啦:)

想必很多刚开始碰前端程式语言的新手都会对一堆程式码搞的头很痛(嗯,我就是...)
新手一开始必定会接触到 HTML 及 CSS语法,但我该用哪个程式码?这些程式语法怎么用呢?
这篇文章就来介绍 HTML 的基本语法,希望能帮助到新手唷:)

HTML 基本撰写格式

在撰写基本的HTML前,首先要知道 HTML 的基本格式:

<html> <head>  <title> </title> </head> <body> </body></html>

一个网页就是由很多个 <> 包起来的语法所建制而成的, <> 这个符号也就是所谓的「 标籤 」。而最上方使用 <html> 及最下方使用 </html> 就是要告诉网页浏览器这是个一个 html 的网页(记得结尾要用</html>唷),通常是放在整个网页的头跟尾,把所以的程式码标籤都包在里面。

P.S 也是有标籤不用写结尾的,例如:<br>、<hr>等等...。

在这里整理出上面的标籤语法:

<html> </html> = 文件宣告格式,网页的开头及结尾。
<head> </head> = 描述网页的主题资讯,里面可以放很多功能。
<body> </body> = 网页的内容区块。

一般常见语法

在开始撰写网页的时候,我们会用到许多语法,但对新手来说语法那么多该用哪一个语法标籤来呈现出自已想要呈现的网呢?在这里也列出几个常见我平常比较会使用到的语法:

<a href> = 加入超连结,例如要引导使用者到另一个网页可以用上的语法。
<b> = 粗体字,可以让字体变 粗
<i> = 斜体字,可以让字体变
<u> = 可以让文字下方加入下底线。
<br> = 换行,如果你想让一段很长的文字换行可以使用这个语法。
<h1> = 设定标题文字大小,h1为最大可当作主标题。
<h2> ~ <h6> = 同样可以设定标题文字大小,但会比h1还小,可当作副标题
<img src> = 插入图片。
<ul>、<ol> = 项目列表文字,前者以点来表示后者是数字。
<li> = 项目标题。
<div> = 区块,透过 div 标籤可以在网页中创造各个不同的区块,每个区块内还可以增加更小的区块,是常见排版会用的标籤。
<span> = 同样的也跟div一样会拿来用在排版上面,跟div不同的是,div显示会是一块一堆的区块,span则是在平行在同一行的。
<! - - ... - -> = 用于HTML文件中的注解。

其实,HTML的标籤语法还有很多,依照开发者不同的需求而有相对应可应用的标籤,上面列的是我平常较常用的,在还是初学者的我目前会用的标籤还不多,随着学习时间的增长,我相信会学到越到越来越多的标籤语法的:)
写这篇文章其实也很怕写错误人子弟呢(误XD
但还是试着写出来了~希望对初学者还是可以有一点小小小帮助,我就很开心啦XD
下一篇,来试试写写看 CSS 常见语法吧~:)


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章