GipBaby270's Blog

JavaScript背景

Web前端有三层：

• HTML：从语义的角度，描述页面结构

• CSS：从审美的角度，描述样式（美化页面）

• JavaScript：从交互的角度，描述行为（实现业务逻辑和页面控制）

img标签介绍

介绍

img: 英文全称 image（图像），代表的是一张图片。

如果要想在网页中显示图像，就可以使用img 标签，它是一个单标签。语法如下：

1

<img src="图片的URL" />

本文主要内容

字体标签： <font>、 <b>、 <u> 、<sup> 、<sub>

超链接 <a>

字体标签

特殊字符（转义字符）

•  ：空格 （non-breaking spacing，不断打空格）
• <：小于号（less than）
• >：大于号（greater than）
• &：符号&
• "：双引号
• '：单引号
• ©：版权©
• ™：商标™
• 绐：文字绐。其实，#32464是汉字绐的unicode编码。

本文主要内容

排版标签：

• <h1>

• <p>

• <hr />

• <br />

• <div>

• <span>

• <center>

• <pre>

下面来详细介绍一下排版标签。

编辑器相关

前端开发的编辑器软件，我首先推荐 VS Code，其次推荐Sublime Text。

有人说 WebStorm 也不错？但真实情况是，自从VS Code 问世之后，用 WebStorm 的人越来越少了。

PS：文件的后缀名不能决定文件格式，只能决定打开文件打开的方式。

本文主要内容

• 列表标签：<ul>、<ol>、<dl>
• 表格标签：<table>
• 框架标签及内嵌框架<iframe>
• 表单标签：<form>
• 多媒体标签
• 滚动字幕标签：<marquee>

Web、网页、浏览器

Web

Web（World Wide Web）即全球广域网，也称为万维网。

我们常说的Web端就是网页端。

常见的浏览器

浏览器是网页运行的平台，常见的浏览器有谷歌（Chrome）、Safari、火狐（Firefox）、IE、Edge、Opera等。如下图所示：

我们重点需要学习的是 Chrome 浏览器。

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1

$ hexo new "My New Post"

More info: Writing

Run server

1

$ hexo server

More info: Server

Generate static files

1

$ hexo generate

More info: Generating

Deploy to remote sites

1

$ hexo deploy

More info: Deployment