导航

HTML Reference 网页开发者必备手册!

HTML Reference 网页开发者必备手册!

记得小时候刚学电脑时还是使用MS-DOS作业系统,家人帮我买了一本厚重的参考书,里头收录所有DOS指令,非常详尽,而这本书也对我产生不小影响,我知道学习任何东西都必须要有正确的参考手册,才能够让学习过程更全面扎实。虽然网路上有许多教学文件,但碍于篇幅都只能够以最短捷径来帮你达到目的,对于一些较为复杂的内容来说,这些快速教学并不能让你「真正」学会,因此最好还是准备参考手册。

本文要推荐的「HTML Reference」网站很不一样,这个线上参考手册收录完整HTML语法教学,依照英文字母顺序排列,使用者可以很在这里检索某个HTML标签详细使用方法,很多可能不在我们平常会经常使用的范围(例如一些语法设定方式),但如果你想知道语法要怎么写才正确,或者想从基础开始学习HTML程式码,请记得将这网站加入书签。

我记得早先在学习制作HTML网页时也有「首页制作百宝箱」可以参考,HTML Reference大概就是比较进阶、内容较新较全面的首页百宝箱吧!不仅如此,网站还提供实际范例供使用者参考,也能一键点击快速复制语法,对学习来说绝对大有帮助。虽然HTML语法不是每个人都会碰到,但书到用时方恨少,假如你的工作与它相关,不妨找时间恶补一下。

使用教学

STEP 1

HTMLReference.io网站分成几个部分,最上方Collections收录一些主题,包括常用的基本元素、表单、列表、HTML5语意标签(Semantic)和表格,中间有个搜寻功能可快速查询你要找的语法,最重要的就是底下依照英文开头排序的所有HTML语法,点击可开启详细介绍。

HTMLReference.io

STEP 2

Collection 会依照语法类别个别汇整,例如说到表单就会用到form、input、textarea、button 这些标签语法,相信大家不陌生,但你可能不知道每个语法有这么多种数值可以设定,这个网站最好的地方就在于它会把所有可以使用的设定参数列出来,并提供你实际使用范例和说明。

请输入图片描述

如果你已经开始使用HTML5,对于一些语意标签应该不陌生,HTML Reference 也将这些标签说明及范例列在 Semantic Collection。

请输入图片描述

STEP 3

回到HTML Reference 首页,前面有提到首页列出所有HTML 语法标签,依照字母排列,当然使用者也能透过搜寻功能来快速查找,例如下图是a 也就是超链结语法的使用教学,可以看到目标链结(href)参数是必须,网站还列出几种不同的写法和用法。

请输入图片描述

STEP 4

HTML Reference网站提供的范例、语法都能快速一键复制,只要把滑鼠游标移动上去,点选后就能自动复制,非常方便!记得以前在学习写网页时都要去手动复制参考资料上的范例或语法教学,不但很浪费时间,还必须注意有没有弄错段落,在这里就不会遇到相同问题。

比较可惜的是网站目前只有提供英文版,可能要有一些基础的英文能力才能比较容易理解,但按照网站编排方式,就算没有看说明应该也能从范例略知一二。

请输入图片描述

全文转自:免费资源网路社群:HTML Reference 网页开发者必备手册!收录所有HTML 元素及属性说明
返回文章列表 文章二维码 打赏
本页链接的二维码
打赏二维码