提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
前言
本文就介绍了HTML的基础相关知识点。
一、HTML是什么?
HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
二、使用步骤
1.注释的快捷键
在VScode中:ctrl+/
2.段落标签
在新闻和文章的页面中,用于分段显示。
代码如下(示例):
<p>一段文字</p>
3.换行标签
换行:<br>
4.水平线标签
水平线:<hr>
5.文本格式化标签
标签 | 说明 | 标签 | 说明 |
---|---|---|---|
b | 加粗 | strong | 加粗 |
u | 下划线 | ins | 下划线 |
i | 倾斜 | em | 倾斜 |
s | 删除线 | del | 删除线 |
6.图片标签
在网页中显示图片。
代码如下(示例):
<img src="" alt="" title="">
alt属性:为替换文本,当图片加载失败时,显示alt的文本
title属性:为提示文本,当鼠标悬停时,才显示的文本,title属性不仅可以用于图片标签,也可以用于其他的标签。
width属性和height属性:宽度和高度,如果只设置其中一个,另一个没设置的会自动等比例缩放。
align=“” 排列图片,演示如何在文字中排列图像。(middle居中,top居上)
7.相对路径
(1)相对路径-同级目录
方法一:
<img src="目标图片.gif">
方法二:
<img src="./目标图片.gif">
PS:(着重用它)
(2)相对路径-下级目录
<img src="images/目标图片.gif">
(3)相对路径-下级目录
a.先出当前文件夹,到上一级目录:…/
b.直接写目标文件
8.音频标签
<audio src="./music.mp3" controls></audio>
常见属性:
属性名 | 功能 |
---|---|
src | 音频的路径 |
controls | 显示播放的控件 |
autoplay | 自动播放(谷歌浏览器需要加个静音,muted) |
loop | 循环播放 |
9.链接标签
<a href=" https://www.baidu.com/" target="_blank"&g