HtmlNote1

HtmlNote1,第1张

Html
0.标签

文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面。

1.lang 语言种类

用来定义当前文档显示的语言:en定义语言为英语;zh-CN定义语言为中文。

2.字符集

字符集 (Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。

在标签内,可以通过 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。

字符集标签

charset 常用的值有:GB2312 、BIG5 、GBK 和 UTF-8,其中 UTF-8 也被称为万国码,基本包含了全世界所有国家需要用到的字符.

注意:上面语法是必须要写的代码,否则可能引起乱码的情况。一般情况下,统一使用“UTF-8”编码,尽量统一写成标准的 "UTF-8",不要写成 "utf8" 或 "UTF8"。

3.标题标签

一个标题独占一行

使文本标题化,标签即 - 。

具体实现:我是一级标题

 标题一共六级选,
 文字加粗一行显。
 由大到小依次减,
 从重到轻随之变。
 语法规范书写后,
 具体效果刷新见。
4.段落标签

HTML 标签中,

标签用于定义段落,它可以将整个网页分为若干个段落。

文本在一个段落中会根据浏览器窗口的大小自动换行。

段落和段落之间保有空隙。

具体实现:

我是一个段落标签

5.换行标签

一个段落中的文字会从左直至浏览器窗口的右端,然后才自动换行。如果希望某段文本强制换行显示,就需要使用换行标签

6.文本格式化标签

在网页中,有时需要为文字设置粗体、斜体 或下划线等效果,这时就需要用到 HTML 中的文本格式化标签,使文字以特殊的方式显示。

7.div和span标签

这个两个标签主要用来布局,区别是:

div单独占一行(大盒子);

span一行可以有多个(小盒子)

8.图片标签

标签用于定义 HTML 页面中的图像。

实现:

默认独占一行

src是img标签必带的属性,用于指定图像文件的路径和文件名

常用属性:

9.路径

相对路径

以引用文件所在位置为参考基础,而建立出的目录路径。;

简单来说,图片相对于当前html页面的位置。

绝对路径

指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径;

例如,“D:\web\img\logo.gif”或完整的网络地址“http://www.kaotop.com/file/tupian/20220526/logo.gif”

10.链接标签

展示 文本或图像

属性

href:用于指定链接目标的url地址;值为#:空链接。

target:用于指定链接页面的打开方式_self默认值 _blank新窗口打开

10.1链接分类

外部链接: 例如 < a href="http:// www.baidu.com "> 百度。

内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可,例如 < a href="index.html"> 首页 。

空链接: 如果当时没有确定链接目标时,< a href="#"> 首页 。

下载链接: 如果 href 里面地址是一个文件或者压缩包,会下载这个文件。

锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置.

网页元素链接: 在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.

找到目标位置标签,里面添加一个 id 属性 = 刚才的名字 ,如:第2集介绍

11.注释

如果需要在 HTML 文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就可以使用注释标签。

HTML中的注释以“”结束;快捷键: ctrl + /

12.特殊字符

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1320709.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-11
下一篇 2022-06-11

发表评论

登录后才能评论

评论列表(0条)

保存