HTML基础知识笔记-01

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档


前言

本文就介绍了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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值