迷茫大四生宅在宿舍佛系自学JavaScript Day2

HTML基础认识

Hypertext Markup Language(HTML)：
是一种标记语言(markup language)，主要用于组织架构以及呈现网页内容。
HTML的基本架构

资料来源：MDN-HTML基础

起始标籤(Opening Tag)：<p>(中间为元素名称)，表示一元素的起始位置。结束标籤(Closing Tag)：</p>(在元素名称前加/)，表示一元素的结束位置。内容(Content)：在起始标籤与结束标籤中间的东东。元素(Element)：由起始标籤、结束标籤和内容所组成，即为元素。属性(Attribute)：href="styles/style.css"，提供更多的元素资讯。书写在起始标籤里，与元素名称间要一个空格，若是有多个属性，属性之间也要以空格区分。

巢状元素
元素里还可以再加进元素，多个元素叠加即为巢状元素(Nesting Element)。
空元素
无内容的元素称为空元素(Empty Element)。
HTML文件的架构

资料来源：MDN-HTML基础

图片(Image)
图片元素是透过来源属性(src |是Source的简写，提供连结到图档的路径)将图档直接镶嵌在HTML网页上。因有不少视能障碍浏览者，以及连线出错等问题，常会另外加上alt(Alternative)属性，在图片无法显示时，呈现描述图片的说明文字。若是想进一步了解无障碍网页相关资讯，这边已连结相关说明网页。
文件标题(Heading)
<h1>，数字越小，标题文字越大，目前HTML提供到六层heading。
段落(Paragraph)
<p>，主要用来呈现文字。
清单(List)

无顺序性清单(Unordered List)：<ul>，项目顺序的变动不影响结果，例如待办事项清单。有顺序性清单(Ordered List)：<ol>，项目顺序的变动会影响结果，例如蛋糕製作步骤。写法为小于符号+ol+大于符号。

要注意的是，不管是无顺序性清单，还是有顺序性清单，里面的项目则是放在清单项目元素(List Item)中，<li>。清单元素有外层的清单类别，以及里层的项目共两层。
连结(Link)
要形成连结，我们会需要用到Anchor(a)元素和href(Hypertext Reference)属性。href属性如同其他属性，加在Anchor元素的起始标籤中，而href属性的属性值即为欲前往网页的网址。

小试身手

[此猫猫图为CC0授权]
新的学习新的成就感，内容开始丰富啦~

参考网站：MDN