HTML基本文件结构和元素

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

HTML

HyperText Markup Language

超文本标记语言

文件结构

<!DOCTYPE html> // 起始行
<html>   // 开始标签  
<head>  // 文档描述信息
<title></title>
</head>
<body>  // 网页内容
</body>
</html>  // 结束标签

常用标签

1、标题标签

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

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>
  1. 苹果
  2. 橙子

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 教程- (HTML5 标准)

相关文章
|
2月前
|
移动开发 HTML5
HTML5的基本结构
HTML5的基本结构。
35 5
|
7月前
|
JavaScript
用什么代码可以在页面添加html元素呢?
用什么代码可以在页面添加html元素呢?
|
12天前
|
存储 移动开发 数据处理
HTML5 元素2
HTML5引入了多个新元素以增强表单功能和用户体验。`&lt;keygen&gt;`元素用于生成密钥对,提交表单时生成私钥和公钥,私钥保存在客户端,公钥发送至服务器,用于后续的身份验证。`&lt;output&gt;`元素则用于展示计算结果或其他脚本输出,如表单数据处理的结果。此外,`&lt;datalist&gt;`元素可与`&lt;input&gt;`元素结合使用,提供预定义的选项列表,增强输入的便捷性和准确性。这些元素共同提升了网页的交互性和安全性。
|
2月前
|
Web App开发 前端开发 搜索推荐
创建HTML文件
【10月更文挑战第14天】创建HTML文件
52 4
|
4月前
|
6月前
|
移动开发 搜索推荐 UED
HTML元素
【6月更文挑战第1天】HTML元素
54 7
|
7月前
|
搜索推荐 索引
HTML的基本结构
HTML的基本结构
|
7月前
|
移动开发 HTML5
html的结构
【4月更文挑战第13天】html的结构
48 5
|
前端开发 JavaScript
【前端用法】如何让html引用公共的头部和尾部(多个html文件公用一个header.html和footer.html)
【前端用法】如何让html引用公共的头部和尾部(多个html文件公用一个header.html和footer.html)
94 0
|
存储 XML 移动开发
什么是HTML5?HTML5的含义、元素和好处
什么是HTML5?HTML5的含义、元素和好处
132 0

相关实验场景

更多