HTML基本文件结构和元素

教程管理员发布于2023-09-24 11:25 HTML教程 179

简介： HTML基本文件结构和元素

HTML

HyperText Markup Language

超文本标记语言

文件结构

<!DOCTYPE html> // 起始行

<html>   // 开始标签  

<head>  // 文档描述信息
<title></title>
</head>

<body>  // 网页内容

</body>

</html>  // 结束标签

常用标签

1、标题标签

<h1>一级标题</h1>

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

2、段落标签

<p>这是一段正文</p>

这是一段正文

3、文本样式标签

<b>加粗</b>
<i>斜体</i>
文本<sub>下标</sub>
<del>删除线</del>
<br />换行

加粗

斜体

文本下标

删除线

换行

4、列表标签

无序列表

<ul>
    <li>苹果</li>
    <li>橙子</li>
</ul>

苹果
橙子

有序列表

<ol>
    <li>苹果</li>
    <li>橙子</li>
</ol>

苹果
橙子

5、超链接标签

<a href="http://www.baidu.com";>百度</a>

百度

6、图片标签

<img src="./image.jpg" />

7、多媒体标签

视频标签

<video src="./video.mp4" controls></video>

8、音频标签

<audio src="./music.mp3" controls></audio>

9、div标签

<div>
    <h3>标题</h3>
    <p>内容</p>
</div>

标题

内容

10、布局标签

<header>头部信息</header>
<nav>导航栏</nav>
<aside>侧边栏</aside>
<main>内容区域</main>
<footer>底部信息</footer>
<article>文章详情</article>
<section>页面分区</section>

HTML基本文件结构和元素

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

标题

相关推荐

会员中心

下载中心

图片素材

关注微信

关于我们

QQ在线客服

关注微信领优惠