【DAY 01】 学习网页的第一步

前言

不管你是不是学程序的,常常都会接触到网页,常常会听到网页就是HTML、CSS和JavaScript那网页是怎麽开发的呢?

每个语言都负责不一样的工作,来维持网页运作。

在下面来简单介绍一下HTML,CSS,JavaScript ~

HTML

甚麽事HTML呢?

HTML 是一种标记语言(markup language),而非一般熟知的程序设计语言;它会告诉浏览器该如何呈现你的网页-单纯简易或是极其复杂的页面都没问题。

HTML 包含了一系列的元素,而元素包含了标签与内容,我们用标签来控制内容的呈现样貌,例如字体大小、斜体粗体、在文字或图片设置超连结等,,下面简单示范一下。

可以设定标签和文字内容,在画面呈现。

<h1>123456789</h1>

https://ithelp.ithome.com.tw/upload/images/20210915/20137420LjKmIgB364.png

这在後面会做进一步的解释及示范~

CSS

CSS 的全名是 (Cascading Style Sheets),翻译为「阶层式样式表」,是一个专注在外貌的设定上,让 HTML 专注於文件的结构,因此让网页原始码回归成乾净俐落的文件。

那CSS是怎麽运作的呢?

如同我们上面所提到的, CSS 是一种用来指定文件该用什麽方式呈现的语言,可以定义它们的样式、布局…等。

CSS 可以用在很基本文字样式,像是改变标题和连结的颜色及尺寸,他也可以建立布局,像是将原本单栏的文字内容加入布局,划分出主要的内容以及包含相关资讯的侧边栏。举例来说明:

可以设定背景颜色

h1{
 background-color:red;
 }

https://ithelp.ithome.com.tw/upload/images/20210915/201374201GTam2pOjJ.png

当然你也可以设计文字颜色

h1{
    color:red;
 }

https://ithelp.ithome.com.tw/upload/images/20210915/201374200Jve55AQWa.png

当然有许多的功能,这在後面有会做全面的讲解。

JavaScript

介绍了画面的呈现(CSS),当然不能忘了他。

JavaScript是一个在网页非常重要的脚色,如果说CSS是赋予网页美观,那JavaScript赋予网页了灵魂,
是一个让网页能够呈现出特效与互动效果的程序语言。

由於他不是很好举例说明,我们後续会再做进一步的解释,先了解他是甚麽就好~

好啦以上就是第一天内容了,明天就来介绍要选择编译器来做使用吧?


<<:  [Golang] Introduction to Variables

>>:  (Day15) 闭包进阶使用,工厂模式及私有方法。

【左京淳的JAVA学习笔记】第三章 运算子与分歧文

运算子 运算子即计算、比较、位移用的种种符号,欲知详情请自行google。 让我们先来看看算数运算子...

[DAY-22] 填补知识缺口 寻找导师 持续学习

当个成功的 工作人! 我一直认为 不要对公司忠诚 公司想要忠诚的人 养只可爱的拉不拉多就好 BUT ...

JS 41 - 显示非同步请求的上传进度条

大家好! 今天要实作非同步请求的上传进度条。 我们进入今天的主题吧! 程序码 const xhr =...

GitHub 时程与版本管理 - Milestone, Tag 与 Release

在这一篇文章,我们要来谈,GitHub 中另外几个进阶的功能: Milestone (里程碑)、Ta...

前端工程师也能开发全端网页:挑战 30 天用 React 加上 Firebase 打造社群网站|Day10 发表文章功能

连续 30 天不中断每天上传一支教学影片,教你如何用 React 加上 Firebase 打造社群...