HTML入门：基础、发展与常用标记详解

html
需积分: 9 1 下载量 60 浏览量 更新于2024-08-31 收藏 4KB MD 举报
本资源是一份关于HTML基础的第一节课笔记，主要涵盖了前端开发概述、HTML发展史、浏览器结构及内核、HTML语言的基础知识和写作方法。以下是详细解读： **1. 前端开发基础** 前端开发是构建用户界面的主要部分，它包括HTML5、CSS3、JavaScript和其衍生框架（如Vue、React、Angular等）。前端工程师负责PC和移动端应用的页面设计、交互以及数据渲染。 **2. HTML发展史** - **Web1.0**：由蒂姆·伯纳斯·李创立，主要是静态网页，交互能力有限。 - **Web2.0**：布兰登·艾奇引入了动态交互性，JavaScript成为关键。 - **Web3.0（大前端）**：09年RyanDahl的发展标志着更丰富的用户体验。 **3. 浏览器及其内核** 现代浏览器主要分为外壳（用户界面）和内核两部分。常见的浏览器及其内核组合包括： - Internet Explorer (IE): 使用Trident内核 - Firefox: 使用Gecko内核 - Safari (iOS): 使用WebKit内核，后来Chrome和Opera基于WebKit/Blink内核 **4. HTML语言基础** - HTML是超文本标记语言，非编程语言，主要用于描述网页结构。 - 它支持超文本，能够处理文本、图片、音频、视频等多种媒体内容。 - 编辑器如VSCode、HBuilder、WebStorm用于编写HTML。 - HTML文档结构包括`<html>`标签，其中包含`<head>`（元数据）和`<body>`（主要内容）部分。 **5. HTML写作方法** - 双标记：使用`<标记名>`和`</标记名>`包围内容，如`<p>...</p>`表示段落。 - 单标记：一些元素只用一个标记开始，例如`<img>`。 - 注释：HTML中使用`<!-- ... -->`或`<!--单行注释//...-->`进行注释。 **6. 文本相关标记** - **标题**: 从`<h1>`到`<h6>`，表示不同级别的标题，如`<h1>`通常用于主标题。 - **其他文本标记**：如段落（`<p>`）、换行(`<br>`)、水平线(`<hr>`)、字符实体(`&lt;`, `&amp;`)等。 通过这份笔记，学习者可以掌握HTML的基础语法和结构，理解其在网页设计中的核心作用，以及如何与CSS和JavaScript协同工作，为后续深入前端开发打下坚实基础。

MATLAB函数中的高阶.md

2023-08-03 上传
- **第1行**：定义函数`calculateDerivative`，它接受两个输入参数`polynomial`和`order`，分别表示多项式系数向量和导数的阶数。 - **第4行**：使用内置函数`polyder`计算多项式的导数。该函数接受两个参数：多项式...

MATLAB单一输出变量的函数中阶.md

2023-08-03 上传
- **第1行**: 定义了一个名为 `calculateFactorial` 的函数，该函数接受一个输入参数 `n`，表示要计算阶乘的数字。 - **第3行**: 初始化结果变量 `factorial` 为1，这是计算阶乘的起始值。 - **第6-8行**: 使用 `for...

HELP.md和README.md

2024-07-30 上传
1. **README.md**：通常放在项目的根目录下，它是第一个遇到的文档，用于快速介绍项目的基本信息，如项目名称、描述、如何安装和使用、作者等。它常包含一些基本示例以及指向其他重要资源的链接。README文件对初次...

DigestUtils.md5DigestAsHex和DigestUtil.md5Hex一样吗

2023-07-11 上传
以下是一个示例： ```java import org.apache.commons.codec.digest.DigestUtils; public class Main { public static void main(String[] args) { String input = "Hello, World!"; String result = ...

hutool.crypto.digest.DigestUtil.md5Hex()和springframework.util.DigestUtils.md5DigestAsHex()一样吗

2023-07-11 上传
1. `hutool.crypto.digest.DigestUtil.md5Hex()`方法来自于Hutool工具库。 2. `springframework.util.DigestUtils.md5DigestAsHex()`方法来自于Spring Framework。 虽然这两个方法的目的都是计算输入数据的MD5哈希...

git限制只上传.md文件

2023-05-30 上传
在项目根目录下，创建一个名为.gitignore的文件，然后在文件中添加以下内容： ``` # Ignore all files except .md files * !*.md ``` 这将忽略除了.md文件以外的所有文件。然后，将.gitignore文件添加到git的版本...

jquery.md5.js

2023-08-22 上传
jquery.md5.js是一个基于jQuery库的插件，用于对字符串进行MD5加密。MD5是一种常用的哈希算法，可以将任意长度的数据转换为固定长度（通常是128位）的哈希值。 使用jquery.md5.js插件非常简单。首先，需要引入...

npm上怎么下载安装editor.md

2023-05-18 上传
你可以通过以下命令在 npm 上下载安装 editor.md： ``` npm install editor.md ``` 如果你想在项目中使用 editor.md，可以在 HTML 文件中引入相关的 CSS 和 js 文件： ``` ...

type data struct { md5 string foundtime int status int } // 定义用于去重的 map，以 md5 为 key uniqueData := make(map[string]data) // 遍历原始数据切片，将没有出现过的 md5 添加到去重 map 中 for _, d := range originalData { if _, ok := uniqueData[d.md5]; !ok { uniqueData[d.md5] = d } // 如果 md5 已经出现过，则根据要求更新状态 if uniqueData[d.md5].status != d.status { if d.foundtime > uniqueData[d.md5].foundtime { uniqueData[d.md5].status = d.status } } } // 将去重后的结果加入新的切片 var updatedData []data for _, d := range uniqueData { updatedData = append(updatedData, d) }修正这部分代码中uniqueData[d.md5].status = d.status部分的错误

2023-06-06 上传
根据代码的逻辑，如果 md5 已经出现过，则需要判断当前数据的状态和之前数据的状态是否相同，如果不同，则需要根据要求更新状态。因此，uniqueData[d.md5].status = d.status 这行代码是不需要的，需要将其删除。 ...

html读取.md文件生成网页算是静态页面吗

2023-05-27 上传
如果你使用HTML来读取.md文件生成网页，那么生成的页面就算是静态页面。因为静态页面指的是在服务器端生成的HTML文件，由于这些文件是固定的，因此每个人访问时看到的内容都是相同的，而不会因为用户的不同而改变。...
雪雪在努力了
  • 粉丝: 0
  • 资源: 1
上传资源 快速赚钱

最新资源