06_MDN前端基础学习/一，HTML入门—head—标题—元数据—文字处理基础—超链接

最新推荐文章于 2024-03-08 15:05:33 发布
最新推荐文章于 2024-03-08 15:05:33 发布
阅读量247 收藏 1
点赞数
分类专栏： CSS/HTML/JS 文章标签： 前端基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/paidaxing_dashu/article/details/89517573
版权

一，HTML的头部？

在这里插入图片描述

1）增加一个标题：

在这里插入图片描述
在这里插入图片描述

2）元数据：

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3）为你的站点增加自定义图标

在这里插入图片描述https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML在这里插入图片描述

4）在HTML中应用CSS和JavaScript

5）为文档设定主语言

在这里插入图片描述

二，文字处理基础

HTML的主要工作是编辑文本结构和文本内容（也称为语义semantics），以便浏览器能正确的显示。 本文介绍了 HTML的使用方法：在一段文本中添加标题和段落，强调语句，创建列表等等。

1）基础：标题和段落

在这里插入图片描述
在这里插入图片描述

2）编辑结构层次

在这里插入图片描述

3）为什么需要语义？

在这里插入图片描述

4）列表Lists

在这里插入图片描述

列表嵌套

在这里插入图片描述

5）重点强调

在这里插入图片描述在这里插入图片描述
在这里插入图片描述

三，超链接

1）什么是超链接？

在这里插入图片描述

2）超链接的解析

在这里插入图片描述

3）点击图片跳转超链接

在这里插入图片描述

4）统一资源定位器(URL)与路径(path)快速入门

在这里插入图片描述
在这里插入图片描述

注意：如果需要的话，你可以将这些功能的多个例子和复杂的url结合起来
例如：../../../complex/path/to/my/file.html.
5）文档片段

在这里插入图片描述

6）绝对链接和相对链接

在这里插入图片描述

7）链接的最佳实践

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

8）电子邮件链接

在这里插入图片描述
在这里插入图片描述
https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks
mailto
mailto:nowhere@mozilla.org
mailto:nowhere@mozilla.org,nobody@mozilla.org
mailto:nowhere@mozilla.org?cc=nobody@mozilla.org
mailto:nowhere@mozilla.org?cc=nobody@mozilla.org&subject=This%20is%20the%20subject

paidaxing_dashu
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端零基础学习
05-22
在前端开发领域，零基础学习是一项挑战，但也是通往创新和技术成就的门户。"前端零基础学习"这个主题涵盖了三个核心部分：HTML、CSS和JavaScript，这些都是构建网页和交互式用户体验的基本工具。以下是对这三个主要...
前端开发必备之MDN（API查阅文档）
weixin_47162521的博客
03-22 1万+
MDN Web Docs（旧称Mozilla Developer Network、Mozilla Developer Center，简称MDN）是一个汇集众多Mozilla基金会产品和网络技术开发文档的免费网站。 MDN网址：https://developer.mozilla.org/zh-CN/ 另外，通过W3C查文档学习也可以，但是MDN更普遍和常用。 W3C 指万维网联盟（World Wide Web Consortium）创建于1994年10月，由 Tim Berners-Lee 创建，W3C 是
深入解析HTTP协议中的HEAD请求
博客
08-08 7001
HTTP协议定义了多种请求方法，常用的有GET、POST、PUT、DELETE等。每种请求方法都有特定的语义和用途。通过本篇博客，我们深入解析了HTTP协议中的HEAD请求。我们了解了HEAD请求的语法和用法，以及它的应用场景和与GET请求的区别。我们还分析了HEAD请求的优缺点，并提供了实例演示和注意事项。在实际开发中，合理使用HEAD请求可以节省带宽和服务器资源，提高性能和效率。通过学习和理解HEAD请求，我们可以更好地利用HTTP协议，提升应用的性能和用户体验。
HTTP（二）
weixin_42110178的博客
03-16 105
一、HTTP协议请求方法 目的：用HTTP协议构建一个超链接文档系统，使用URL来定位这些文档，需要某种动作指示，告诉操作这些资源的方式；它的实际含义就是客户端发出了一个“动作指令”，要求服务器端对 URI 定位的资源执行这个动作。 GET：获取资源，可以理解为读取或者下载数据；这个资源既可以是静态的文本、页面、图片、视频，也可以是由 PHP、Java 动态生成的页面或者其他格式的数据。 HEAD：获取资源的元信息；服务器不会返回请求的实体数据，只会传回响应头，也就是资源的“元信息”。它的响应头与 G
分享MDN前端结构化技能、实践指南、学习资源
通达的博客
03-08 424
MDN课程为成为一名成功的前端开发人员提供了一个结构化的基本技能和实践指南，以及推荐的学习资源。
前端开发必备之MDN文档
热门推荐
gsls200808的专栏
04-05 5万+
学前端，查文档是免不了的，一般来说遇到不认识的标签都会直接放百度去搜，不出意外的话w3school总是会出现在结果中 这个网站实际上挺时候初学者查这些的，但是不能把这个网站的东西当作权威，也不要误以为这是w3c的官网。 W3C官网的地址是：www.w3.org 关于w3school，还有另外一个w3school 菜鸟教程，这两个都不是官方的，是国内的两拨人建立的。 这两个网站的AP
HTML5基础到精通及项目实战（含教程实例及学习手册）下载.txt
07-17
- `<head>`：包含关于文档的信息，例如标题、样式表链接、脚本引用等。 - `<body>`：包含页面的实际内容。 #### 二、HTML5的新特性与标签 ##### 2.1 新增元素 - **`<header>`**：定义页面头部或区块的头部。 - **...
HTML5基础学习教程.pdf
最新发布
05-09
- `<head>`元素包含文档元数据，如字符集、标题等。 - `<body>`元素包含文档的所有可见内容。 #### 四、HTML5中的语义化标签 - **`<header>`**：通常用来表示页面或部分的页眉。 - **`<nav>`**：定义页面的导航...
PC端html与css学习笔记.pdf
01-16
在HTML中，`<html>`标签定义了整个文档的根元素，`<head>`包含元数据，如文档标题和引用的外部资源，而`<body>`则包含了用户在浏览器中看到的实际内容。DOCTYPE声明 (`<!DOCTYPE html>`) 指定了文档类型，`lang`属性...
MDN_HTML_tutorial
03-27
MDN HTML教程是一个广泛认可的学习资源，旨在帮助开发者和初学者深入理解HTML（超文本标记语言）的基础知识和高级特性。HTML是构建网页的核心技术，它定义了网页的结构和内容。这个“MDN_HTML_tutorial”压缩包包含...
MDN HTML 文档 20170730
07-30
MDN HTML 文档 20170730
建立超链接
maimang1001的专栏
03-03 313
什么是超链接? 超链接是互联网提供的最令人兴奋的创新之一，它们从一开始就一直是互联网的一个特性，使互联网成为互联的网络。超链接使我们能够将我们的文档链接到任何其他文档（或其他资源），也可以链接到文档的指定部分，我们可以在一个简单的网址上提供应用程序（与必须先安装的本地应用程序或其他东西相比）。几乎任何网络内容都可以转换为链接，点击（或激活）超链接将使网络浏览器转到另一个网址（URL）。 链接的解析 通过将文本（或其他内容，见块级链接)转换为<a>元素内的链接来创建基本链接，给它一个hre.
08_MDN前端基础学习/一，HTML入门—信件作业/转载的总结
paidaxing_dashu的博客
04-26 662
一，练习地址 https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter 二，基础笔记转载 https://blog.csdn.net/JOJOY_tester/article/details/53222425 超链接 1.连接其他网址（输入要连接到的网址） &lt...
07_MDN前端基础学习/一，HTML入门—高级文字格式—文档与网站架构—调试除错
paidaxing_dashu的博客
04-25 198
一，高级文字格式 1）描述列表 2）引用 HTML也有用于标记引用的特性，至于使用哪个元素标记，取决于你引用的是一块还是一行。 3）缩略语 4）标记联系方式 5）上标和下标 6）展示计算机代码 7）标记时间和日期 二，文档与网站架构 1）文档的基本构成 2）用于构建内容的HTML 代码中可见的区段： <!DOCTYPE html> <html&gt...
03_MDN前端基础学习_JS-简单的操作/获取HTM中的元素/变量/注释/运算符/函数/事件
paidaxing_dashu的博客
04-17 241
1）是什么？ JavaScript 是一门编程语言，可为网站添加交互功能。（例如：游戏、动态样式，动画，以及在按下按钮或收到表单数据时做出的响应，等）。 2）“Hello World”示例 刚刚JS中使用的函数来源文档对象模型 (DOM) https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model 3）JavaS...
大统一！微软谷歌 W3C 把 Web 文档迁移至 MDN
前端大全
10-19 1105
（点击上方公众号，可快速关注） 转自：新浪科技 Mozilla、微软、谷歌、三星、W3C达成协议，准备将它们的所有文档网站统一，内容全部放到Mozilla MDN平台。 MDN之前叫作“Mozilla Developer Network”，现在已经变成了“MDN Web Docs”品牌，它存放了所有网络标准（Web标准）
浅谈MDN HTML
筱葭的博客
01-15 802
1、HTML（HyperText Markup Language超文本标记语言） HTML 是一种标记语言。它告诉浏览器如何显示内容。 ---命名字符参考：用于表示在HTML中具有特定含义的字符。 例如，HTML将">"和""符号表达"大于"的含义时，可以使用命名字符参考来作为替代。 4个非常重要的常用实体： > 表示大于符号">" < 表示小于符号"<" & 表示和符号"a
MDN学习笔记
牛爷爷的博客
05-02 649
HTML部分 空元素 不是所有元素都拥有开始标签，内容和结束标记. 一些元素只有一个标签，通常用来在此元素所在位置插入/嵌入一些东西 。例如：元素是用来在元素所在位置插入一张指定的图片。 提示：Empty elements 有时也被叫作 void elements. 布尔属性 有时你会看到没有值的属性，它是合法的。这些属性被称为布尔属性，他们只能有跟它的属性名一样的属性值。例...
MDN的HTML入门,关于MDN，HTML入门来自MDN文档
weixin_29487179的博客
06-19 329
由开发者和作者组成的开源社区；推动web发展，MDN(Mozilla Developer Network) 维基，共同维护做贡献；需要使用到github账号进行验证，以此再创建MDN账号；HTML入门：HTML(HyperText Markup Language)标记语言，用于告诉浏览器如何访问构造您的访问网页，由一系列的元素组成。对不同内容进行包装使其以某种形式显示；html标签不区分大小写，从...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值