Web小白初入门

web小白初入门

      • 前端开发相关名词解释
        • HTML
        • HTML5(简称H5)
        • W3C
        • 全栈
        • CSS
        • JavaScript
        • 浏览器
      • 前期工作
        • 编程工具
        • 建立

前端开发相关名词解释

HTML

  • 介绍:HTML 英文全称为 Hyper Text Markup Language,即超文本标记语言。HTML 是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。
  • 作用:HTML 之所以称为超文本标记语言,是因为文本中包含了所谓的“超级链接”点。所谓超级链接,就是一种 URL 指针,通过点击它可使浏览器方便地获取新的网页。网页的本质就是 HTML,HTML 是 Web 编程的基础。

HTML5(简称H5)

  • 介绍:HTML5是 HTML 网页标准的5.0版本。而Web前端是根据 H5 的功能和作用所起的别名。
  • 发展:早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主,但随着互联网的发展,HTML5 代表的已经不再是简单的 HTML 网页设计标准,而是 HTML 本身及周边的一系列网页相关技术的总称。包含 HTML5+CSS 的网页制作,也包含 JavaScript 语言的相关开发。
  • 功能:开发页面等
    更具体的介绍可以参考:

https://baike.baidu.com/item/html5

W3C

  • 介绍:World Wide Web Consortium 万维网联盟
    官网如下:

https://www.w3.org

  • 作用:W3C 致力于对 web 进行标准化

    • W3C 为解决 Web 应用中不同平台、技术和开发者带来的不兼容问题,保障 Web 信息的顺利和完整流通,万维网联盟制定了一系列标准并督促 Web 应用开发者和内容提供者遵循这些标准。标准的内容包括使用语言的规范,开发中使用的导则和解释引擎的行为等等。
    • W3C 制定了包括 XML 和 CSS 等的众多影响深远的标准规范。 但是,W3C 制定的 web 标准似乎并非强制而只是推荐标准。因此部分网站仍然不能完全实现这些标准。特别是使用早期所见即所得网页编辑软件设计的网页往往会包含大量非标准代码。
  • 地位:到目前为止,W3C 已发布了 200 多项影响深远的 Web 技术标准及实施指南,如广为业界采用的超文本标记语言 HTML(标准通用标记语言下的一个应用)、可扩展标记语言 XML(标准通用标记语言下的一个子集)以及帮助残障人士有效获得 Web 信息的无障碍指南(WCAG)等,有效促进了 Web 技术的互相兼容,对互联网技术的发展和应用起到了基础性和根本性的支撑作用。

全栈

网页中我们日常看到的部分叫做前端页面,而运行在后台服务器的程序叫做后端程序,全栈既包括前端又包括后端。

CSS

CSS 指层叠样式表 (Cascading Style Sheets),它能美化网页外观,颜值很重要!

JavaScript

学习 JavaScript 的基本语法,以及如何使用 JavaScript 编程将会让你学会把一个静态页面做“活了”。

浏览器

浏览器是网页的载体,网页需要在浏览器里运行。
常见的浏览器:火狐、360安全浏览器、搜狗、谷歌(最常用)、QQ、百度、猎豹…

前期工作

编程工具

我使用的是 VScode。个人觉得 VScode 比较方便简洁,之后的文章也都是基于 VScode 来说。学编程一定要有自己动手的过程,这样才能事半功倍。

建立

  • 首先打开 VScode,打开你想要放置 HTML 文件的文件夹,在文件夹里新建文件,以 .html 结尾,例如:class01.html
    回车即可创建
  • 在编辑框里写一个"!",然后回车,你就会获得一个自动生成的模板,修改 title 标签之间的文本可修改页面的标题。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>可修改页面标题</title>
</head>
<body>
    
</body>
</html>

注意:html 文件中<>中的命令大多成对出现,极少<>单独出现

  • 我们使用 Ctrl+S 保存文件,右击文件复制路径(或使用 Shift+Alt+C),然后在浏览器的链接搜索栏里粘贴,搜索,就可以得到自己创建的网页啦!
    Web小白初入门_第1张图片
  • 我们的主体内容就在 body 里面写
    下一篇文章会对 html 里会用到的标签做综合介绍。

你可能感兴趣的:(html5)