关于html的基本用法及少量扩展

hello,大家好,我是谢佳宇,今天又是一个硬核教程《关于html的基本用法及扩展》,活不多说,直接开讲!

注:本文仅展示html元素的基本用法,详细html教程见W3school的HTML教程全集
来一个完整的基本html代码

1
2
3
4
5
6
7
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>正文内容</body>
</html>

首先,<html>是每个html必要的标签,没啥可说的;然后是<head>,也就是html的开头,用于插入整体网页需要加载的文件(js、css、网页标题图像等);接着是<meta>,这里可以定义网页的编码格式以及加载时的背景颜色;再然后是<tittle>,顾名思义,标题;<body>用于存放本网页的正文内容及固定位置加载的文件(js、css、图像等)。

接下来,简单说一下html的基本逻辑

  • 首尾呼应
    一个标签发送后,一定要有/加此标签作为呼应,例如<html>与</html>
  • 文件引用用等号,等号左右要引号
    举个简单的例子,比如我要插入一个显示内容为百度的链接,链接为https://www.baidu.com,那么我需要的代码为
    1
    <a href="https://www.baidu.com">百度</a>
    其次,说说一般常用标签的用法
  • <meta>、<span>、<href>等直接用等号和引号加链接,举个例子:
    1
    <meta charset="utf-8">
  • <script>、<img>、<source>等标签等标签在引用文件时需要加入”src”字符,举个例子:
    1
    <img src="https://jihulab.com/xiejiayu/img/-/raw/master/avatar/me.jpg"/>

最后,说说插入文件的一些语言规范

1
CSS:<link href="./1.css" rel="stylesheet">
1
JS:<script src="./1.js" type="text/javascript"></script>
1
Video:<video controls="controls"><source src="./1.mp4"type="video/mp4"></video>

好像也没啥了,今天就说到这,有问题请评论。

关于html的基本用法及少量扩展

https://xiejiayu.com/posts/html/

作者

谢佳宇

发布于

2024-08-11

更新于

2024-08-22

许可协议

评论