h5c3---HTML标签(上)----6.16

最新推荐文章于 2024-05-20 22:08:52 发布

i33.

最新推荐文章于 2024-05-20 22:08:52 发布

阅读量117

点赞数 1

分类专栏： 98的h5c3学习之路文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_50768118/article/details/125311358

版权

98的h5c3学习之路专栏收录该内容

33 篇文章 1 订阅

订阅专栏

特殊标签

1. <！DOCTYPE>文档类型声明标签，作用是告诉游览器使用哪种HTML版本来显示网页。
<!DOCTYPE html>
这句代码的意思是：当前页面采取的是HTML5版本来显示网页。

<！DOCTYPE>声明位于文档的最前面位置，处于<html>标签之前。

<！DOCTYPE>不是一个HTML标签，它就是文档类型声明标签。

2. lang语言种类，用来定义当前文档显示的语言。

（en 定义语言为英语 zh-CN定义语言为中文。）

（对文档显示来说，定义成en的文档可以显示中文，定义成zh-CN的文档可以显示英文）

3. character set 字符集，是多个字符的集合。以便计算机能够识别和存储各种文字。

在<head>标签内，可以通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码
<meta charset="UTF-8">
charset 常用的值有：GB2312（简体中文）、BIG5（繁体中文）、GBK、UTF-8（万国码）

常用标签

<h1>----<h6>标题标签
<p></p>段落标签
<br />换行标签
<strong></strong> <b></b> 加粗标签
<em></em> <i></i> 倾斜标签
<del></del> <s></s> 删除线标签
<ins></ins> <u></u> 下划线标签

<div>和<span>是没有语义的，他们就是一个盒子，用来装内容的。
<div>这是头部</div>
<span>今日价格</span>
div是division的缩写，表示分割，分区。span意为跨度，跨距。

<div>标签用来布局，但是现在一行只能放一个<div>。大盒子

<span>标签用来布局，一行上可以多个<span>。小盒子

<img>图像标签 （运行时将图片和html文件放在同一个文件夹内才能成功显示图片）
<img src="图像URL" />
src是<img>标签的必须属性，它用于指定图像文件的路径和文件名

图像标签的其他属性：

属性属性值说明

src

图片路径

必须属性，必须书写正确

alt
文本 替换文本。图像不能显示的文字
title 文本 提示文本。鼠标放到图像上，显示的文字
width 像素设置图像的宽度
height 像素设置图像的高度
border 像素设置图像的边框粗细

属性	属性值	说明
src	图片路径	必须属性，必须书写正确
alt	文本	替换文本。图像不能显示的文字
title	文本	提示文本。鼠标放到图像上，显示的文字
width	像素	设置图像的宽度
height	像素	设置图像的高度
border	像素	设置图像的边框粗细

目录文件夹：普通文件夹，存放做网页所需要的相关素材，比如html文件和图片等。

根目录：打开目录文件夹的第一层就是根目录。

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

（简单来说就是图片相对于HTML页面的位置）

相对路径分类符号说明
同一级路径图像文件位于html文件同一级，如<img src="baidu.gif" />
下一级路径 / 图像文件位于html文件下一级，如<img src="images/baidu.gif" />
上一级路径 ../ 图像文件位于html文件上一级，如<img src="../baidu.gif" />

相对路径分类	符号	说明
同一级路径		图像文件位于html文件同一级，如<img src="baidu.gif" />
下一级路径	/	图像文件位于html文件下一级，如<img src="images/baidu.gif" />
上一级路径	../	图像文件位于html文件上一级，如<img src="../baidu.gif" />

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

可直接复制图片的链接
<img src="C:\Users\Chenyt\Desktop\html学习\案例\4f985faf2d11c2d8.jpg" />

超链接标签

超链接标签：<a>用于定义超链接，作用是从一个页面链接到另一个页面。
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
属性作用
href 用于指定链接目标的URL地址，（必须属性）当为标签应用href属性，它就具有了超链接的功能
target 用于指定链接页面的打开方式，其中-self为默认值，-blank为在新窗口中打开方式

属性	作用
href	用于指定链接目标的URL地址，（必须属性）当为标签应用href属性，它就具有了超链接的功能
target	用于指定链接页面的打开方式，其中-self为默认值，-blank为在新窗口中打开方式

链接分类：

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

内部链接：<a href="index.html">首页</a>。

网站内部页面之间的相互链接，直接链接内部页面名称即可。

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

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

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

锚点链接：当我们点击链接，可以快速定位到页面中的某个位置。

在链接文本的href属性中，设置属性值为#名字的形式<a href="#two">第2集</a>
找到目标位置标签，里面添加一个id属性=刚才的名字<h3 id="two">第2集介绍</h3>