个人自学前端2-HTML背景

目录

HTML背景

认识网页

网页是构成网站的基本元素，是承载各种网站应用的平台。网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一“页”，是超文本标记语言格式（标准通用标记语言的一个应用，文件扩展名为.html或.htm）。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。

浏览器与服务器之间的关系

  • 服务器 存储编写好的网页程序。服务器在网络端，用户不可见。
  • 浏览器 用户电脑上的浏览器可以通过网络获取页面程序，并将页面显示。

构成网页的三大元素

  1. HTML: 超文本标记语言，HTML是一种建立网页文件的语言，通过标记式的指令(Tag)，将影像、声音、图片、文字动画、影视等内容按照规则写成HTML文件，并通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即现在所见到的网页。
  2. CSS: 层叠样式表,用来表现HTML等文件样式的计算机语言。
  3. Javascript: 直译式脚本语言,用来给HTML网页增加动态功能。

开发前准备

  • 浏览器：Mozilla Firefox、Internet Explorer、Microsoft Edge、Google Chrome、Opera及Safari
  • 代码编辑器：vscode、Sublime、Notepad++ ...
  • 显示文件后缀：文件管理器（Win + E） > 工具 > 文件夹选项 > 查看 > 隐藏已知文件类型的扩展名（去掉勾选）> 应用 > 确定

在编写代码时需要将输入法切换为英文半角输入。

W3C

  • w3c World Wide Web Consortium（万维网联盟）,是一个非盈利组织 专门制定网络标准的，像 HTML、XHTML、CSS、XML的标准就是由W3C来定制，
  • w3c中国。

W3C 组织是标准的制定者，而各浏览器厂商则会实现些标准。由于浏览器厂商众多实现也不相同。如： HTML 中的 <input type="button" value="button" /> 在不同的浏览器中样式也会有所区别。

HTML

HTML版本

  1. HTML 1.0：在1993年6月作为互联网工程工作小组(IETF)工作草案发布。
  2. HTML 2.0：1995年1 1月作为RFC 1866发布，于2000年6月发布之后被宣布已经过时。
  3. HTML 3.2：1997年1月14日，W3C推荐标准。
  4. HTML 4.0：1997年12月18日，W3C推荐标准。
  5. HTML 4.01（微小改进）：1999年12月24日，W3C推荐标准。
  6. HTML 5：2008 年正式发布，在 2012 年已形成了稳定的版本。极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手。

HTML文件

html文件的后缀是 .html 或者 .htm,不区分大小写，但通常写成小写的 .html。

HTML采用标签语法

  • 第一个html程序
<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <p>hello html! </p>
    </body>
</html>

HTML 语法要求比较松散，与之对应 XHTML 语法上非常严格。

标签语法

标签叫作元素

  • 标签对： 闭合标签
  • 单标签：自闭合标签
  • 属性：属性是 HTML 元素提供的附加信息。
    • class：定义一个或多个类名
    • id: 定义唯一ID

属性值可以使用单引号、双引号或者不使用引号，在不使用引号时要注意属性只能添加一个有效值。

  • THML 文档结构
    • <!DOCTYPE html> 声明文档类型, html表示该文档类型为h5。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 表示该文档为h4
    • <html> HTML 页面的根标签
    • <head> 包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
    • <title> 元素描述了文档的标题
    • <body> 元素包含了可见的页面内容

注释

注释用于帮助编程人员理解程序的作用。

<!-- 注释内容 -->
posted @ 2021-06-24 09:37  暗鸦08  阅读(101)  评论(0)    收藏  举报