Day4 HTML 语法简易介绍(一)
HTML 语法简易介绍
HTML 是 Hypertext Markup Language 的缩写，也就是「超文本标记语言」
(是标记语言，不是程序语言)。
- HyperText：一种结构化的文字
- Markup language：一种用来标记文字的系统语法
网页即是 HTML 文件
所有的网页都是HTML文件，网页内容都必须透过HTML标记来定义。任何一个副档名为.html 的档案，都可以用文字编辑器如Sublime打开编辑，或用浏览器点开看网页的实际样子。
打开 VS code，在程序编辑视窗中输入惊叹号+tab将会出现以下程序码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
大概简单解释一下这段 HTML 所想表达的意义。
宣告
第一行是一个「宣告」： 告诉浏览器这份文件是一个 HTML5 的网页，浏览器才能知道该如何正确的展示我的网页。而浏览器是一行一行去读取文件的，所以要注意的是，宣告必须写在第一行ㄛ!
<html></html>
用他来包住整个网页，表示这是一份HTML文件。被包围的内容，我们称为网页「元素」(element)。一份完整的HTML文件，必然会在html里包含head和body两个网页元素。
<head></head>
他所包住的资讯称为「标头」，里面宣告各种网页资讯，这些资讯并不会显示给使用者看，因为它们的沟通对象是浏览器与其他的网路服务，如 Google 搜索引擎、Facebook 等。宣告的资讯包括网页标题、外部连结、网页样式JavaScript脚本、meta tag等。
< meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
在head标签内，表示要适应各种网路浏览器的编码问题，如：IE浏览器预设文字编码是BIG-5，这边先宣告统一使用utf-8编码，解决使用不同浏览器会看到乱码的问题。
<title></title>
在此标签内可以写想取的的标题
<body></body>
他所包住的内容是会直接显示给使用者看的，也是网页核心。需要 CSS 来定义样式的内容，也都会放在 body 里面。例如我在body里面输入范例01
<body><h1>范例01</h1></body>
将会在网页显示
HTML标签基本网页元素
- 标题：h1, h2, h3, h4, h5, h6
- 文字段落：p
- 清单：ul, ol, li
- 强调语气：em, strong
- 换行：br
- 水平线：hr
- 超连结：a
- 图片：img
- 区域：div, span
- 表格：table, tr, th, td
- 表单：form, label, input
除了 img 标签外，header、nav、main 和 section 是语义元素 (semantic element)，也就是「有意义的元素」，能让搜寻引擎辨识出正确的网页内容。
下篇将会仔细讲解各项，谢谢大家的阅读~
>>: Unity与Photon的新手相遇旅途 | Day3-介面设定、汇入角色、物件操作
Alpine Linux Porting (2.11) clock is _sorta_ ticking
有点悲剧的发现把busybox的hwclock顺好是没有用的。 hwclock建基於必须要有一个真的...
[Day23]Vue3 E2E Testing: Cypress 基本介绍
What's Cypress Cypress 是 Vue.js 官方推荐的一个 E2E Testin...
Day 15 - 苹果生态圈探讨
本文重点 因为我觉得要开发，不应该是一昧的写，了解系统也是很重要的！所以在这篇我会讲一些我自己对苹果...
TCP/IP，网际网路的基础通讯架构
上篇所提到的 TCP/IP，将网路通讯模型分成四层。今天来简单聊一下这四层分别为何、在做什麽事，身为...
C# object sender
以下 是在写 win form 常常看到的 Btn事件 private void button1_C...