7-5：HTML学习#1_script元素可以定义文档的内嵌脚本或载入外部脚本-CSDN博客

本文链接：https://blog.csdn.net/weixin_70738298/article/details/125630399

今日学习内容：HTML中插入脚本和外部链接。学习时长3小时

HTML元素

<!DOCTYPE html>	表示该文档由html5编写
<html>
<head><title>标题</title>	标题显示在标签栏
</head>
<body>	包含网页中所有可见的页面内容
<h1>你好</h1>	<h1>-<h6>为标题，<h1>为最大字体
<p>nice to meet you</p>	<p>表示段落
</body>
</html>

<>表示标签，成对出现,<>表示开始，</>表示结束。

·<img>标签用于向网页中嵌入一幅图像。

属性	值	描述
alt	text	指定图像的替代文本。
src	URL	指定显示图像的 URL。
width	px(pixels)、%	设置图像的宽度（像素或百分比）。
height	px(pixels)、%	定义图像的高度（像素或百分比）。
ismap	URL	将图像定义为服务器端图像映射。
longdesc	URL	指定包含长的图像描述文档的 URL。
usemap	URL	将图像定义为客户器端图像映射。

实例：

· <a> 标签用于定义超链接，超链接可以让用户从一个网页跳转到另一个网页，其中最重要的属性是 href 属性，它指定了链接目标的 URL。

实例：

·<meta> 标签用于描述页面内容，关键词，作者，最新修订时间以及其它元信息，<meta> 标签永远位于 <head> 标签内部,content 属性必须和 name 或 http-equiv 属性共存。

属性	值	描述
charset	character_set	指定 HTML 文档的编码。
content	text	指定与 `http-equiv` 或 `name` 属性相关的值。
http-equiv	content-type、default-style、refresh	content-type：另一种声明 HTML 文档作用字符编码的方法（`<meta http-equiv="content-type" content="text/html charset=UTF-8">`）。 default-style：指定页面优先使用的样式表。 refresh：以秒为单位指定一个时间间隔，在此时间过去之后将从服务器重新载入当前页面。也可以另行指定一个 URL 让浏览器载入。
name	application-name、author、description、generator、keywords、viewport	application-name：当前页所属 Web 应用系统的名称。 author：当前页的作者名。 description：当前页的内容描述。 generator：用来生成 HTML 的软件名称。 keywords：当前页的关键词。 viewport：网页尺寸自适应。

实例：

·<base> 标签用于设置相对 URL 的解析基准，base 元素可以用来设置一个基准 URL，让 HTML 文档中的相对链接在此基础上进行解析，<base> 标签必须位于 <head>标签内部，并尽量靠前，以便随后的元素中的相对 URL 可以用上其设置的基准 URL。

属性	值	描述
href	URL	指定该 HTML 文档中所有相对链接的基准 URL。

实例：

·<img> 标签用于向网页中嵌入一幅图像。

属性	值	描述
alt	text	指定图像的替代文本。
src	URL	指定显示图像的 URL。
width	px(pixels)、%	设置图像的宽度（像素或百分比）。
height	px(pixels)、%	定义图像的高度（像素或百分比）。
ismap	URL	将图像定义为服务器端图像映射。
longdesc	URL	指定包含长的图像描述文档的 URL。
usemap	URL	将图像定义为客户器端图像映射。

实例：

·<style> 标签用于为 HTML 文档定义样式信息。

属性	值	描述
media	screen、tty、tv、projection、handheld、print、braille、aural、all	指定样式适用的媒体。
scoped	scoped	指定样式的作用范围（如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素）。
type	text/css	指定样式的类型。

实例：

·<script> 标签用于在 HTML 文档中加入脚本。

script 元素既可以直接定义内嵌脚本语句，也可以通过 src 属性引用外部脚本文件,script 元素可以出现在 HTML 文档中的各个部分，一个文档可以包含多个 script 元素,每定义或导入一段脚本，都需要使用一个 script 元素,不能用同一个 script 元素既定义内嵌脚本，又引用外部脚本。

属性	值	描述
type	media_type	指定所定义或引用的脚本类型（如果使用 JavaScript 脚本，这个属性可以忽略）。
async	async	告诉浏览器异步执行脚本。注意：该属性只能用于引用外部脚本文件，对内嵌脚本不起作用。
charset	charset	指定外部脚本文件中使用的字符编码。注意：该属性只能与 src 属性一起使用。
defer	defer	告诉浏览器延迟执行脚本（直到页面载入并解析完毕后再执行脚本）。注意：该属性只能用于引用外部脚本文件，对内嵌脚本不起作用。
src	URL	指定外部脚本文件的 URL。

实例：

·<link> 标签用于指定外部资源。

属性	值	描述
href	URL	指定被链接资源的 URL。
hreflang	language_code	指定被链接资源使用的语言。
sizes	HeightxWidth	指定图标的大小（比如 `sizes="16x16"`）。

实例：