HTML结构与标签

最新推荐文章于 2022-07-13 22:53:44 发布
最新推荐文章于 2022-07-13 22:53:44 发布
阅读量90 收藏
点赞数 1
分类专栏： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tsama/article/details/114338295
版权

HTML网页结构（本图来自菜鸟教程）

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>
页面标题</title>
</head>
<body>
 
<h1>我的第一个标题</h1>
 
<p>我的第一个段落。</p>
 
</body>
</html>

常见标签

开始标签元素内容结束标签
<p>这是一个段落</p>
<a href = “default.htm”>这是一个链接</a>
br换行
标签描述
<html>定义 HTML 文档
<body>定义文档的主体
<h1>-<h6>定义 HTML 标题
<hr>定义水平线
<!–…-->定义注释
<p>定义一个段落
<br>插入单个折行（换行）
HTML 文本格式化标签
<b>定义粗体文本
<em>定义着重文字
<i>定义斜体字
<small>定义小号字
<strong>定义加重语气
<sub>定义下标字
<sup>定义上标字
<ins>定义插入字
<del>定义删除字
HTML “计算机输出” 标签
<code>定义计算机代码
<kbd>定义键盘码
<samp>定义计算机代码样本
<var>定义变量
<pre>定义预格式文本
HTML 引文, 引用, 及标签定义
<abbr>定义缩写
<address>定义地址
<bdo>定义文字方向
<blockquote>定义长的引用
<q>定义短的引用语
<cite>定义引用、引证
<dfn>定义一个定义项目
HTML head 元素
<head>定义了文档的信息
<title>定义了文档的标题
<base>定义了页面链接标签的默认链接地址
<link>定义了一个文档和外部资源之间的关系
<meta>定义了HTML文档中的元数据
<script>定义了客户端的脚本文件
<style>定义了HTML文档的样式文件
HTML 样式标签
<style>定义文本样式
<link>定义资源引用地址
HTML 图像标签
<img>定义图像
<map>定义图像地图
<area>定义图像地图中的可点击区域
HTML 表格标签
<table>定义表格
<th>定义表格的表头
<tr>定义表格的行
<td>定义表格单元
<caption>定义表格标题
<colgroup>定义表格列的组
<col>定义用于表格列的属性
<thead>定义表格的页眉
<tbody>定义表格的主体
<tfoot>定义表格的页脚
HTML 列表标签
<ol>定义有序列表
<ul>定义无序列表
<li>定义列表项
<dl>定义列表
<dt>自定义列表项目
<dd>定义自定列表项的描述
HTML 分组标签
<div>定义了文档的区域，块级 (block-level)
<span>用来组合文档中的行内元素， 内联元素(inline)
HTML 表单标签
<form>定义供用户输入的表单
<input>定义输入域
<textarea>定义文本域 (一个多行的输入控件)
<label>定义了 元素的标签，一般为输入标题
<fieldset>定义了一组相关的表单元素，并使用外框包含起来
<legend>定义了 元素的标题
<select>定义了下拉选项列表
<optgroup>定义选项组
<option>定义下拉列表中的选项
<button>定义一个点击按钮
<datalist>指定一个预先定义的输入控件选项列表
<keygen>定义了表单的密钥对生成器字段
<output>定义一个计算结果
HTML iframe 标签
<iframe>定义一个内联的iframe
HTML 脚本标签
<script>定义了客户端脚本
<noscript>定义了不支持脚本浏览器输出的文本
Tsama
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
HTML概述
年轻人————001
10-15 365
一，html概述 HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开，浏览...
HTML基本结构
langmanboy的博客
04-08 1万+
HTML基本结构 1. HTML结构代码展示 <!DOCTYPE HTML> <!-- HTML5标准网页声明 --> <HTML> <!-- HTML为根标签，代表整个网页 --> <head> <!-- head为头部标签，一般用来描述文档的各种属性和信息， 包括标题等--> <meta charset="UTF-8"> <!-- 设置字符集为utf-8 --> <title>my HT
html5分组的标签,HTML5新的结构和内容分组标签
weixin_35728636的博客
06-18 708
HTML5主要带来了两大变化，一是新增了大量功能强大的API，二是引入了新的语义标签。本文简单了解下这些新的语义标签中的结构标签和内容分组标签。结构标签header标签代表一组简介或者导航性的内容。其位置表现在页面(Page)或节点(Section)的头部。通常header标签用于包含页面标题(h1-h6、hgroup)，但这不是必须的，header标签也可以用于包含节点的内容列表导航(比如目录)...
HTML 标签
weixin_34341117的博客
10-10 50
标题 <html> 定义 HTML 文档 <body> 定义文档的主体 <h1> - <h6> 定义 HTML 标题 <hr> 定义水平线 <!--...--> 定义注释 段落 <p> 定义一个段落 <br...
HTML文档的结构
华木子薛的博客
07-13 968
自学笔记
HTML5结构标签
GUIDM的博客
04-30 1815
GUIDM在这里祝大家节日快乐！ 博主有话说：我没有很系统的学过前端，如果有描述错误之处请大家纠正。让我们可以一起学习一起进步。 个人主页：GUIDM的主页 内容专栏：HTML5干货系列 此块内容为纯纯的干货，略显乏味枯燥，是笔记向的blog。如果觉得还不错，希望你可以一键三连，非常感谢。 官方解说：使用结构标签可以提升网页文档的可读性，并有利于搜索引擎优化。 GUIDM解说：格局打开，咱能用则用。 1、<section></section>: 定义文档中的节.
HTML的结构标签
g960526的博客
03-24 2469
HTML的结构标签 结构便签，顾名思义，大多数是没有太多特殊的作用的，但是它是构建一个网页基本结构的主要元素，此次会列出大家经常用来搭建结构的基本标签。 div 盒子标签 没有任何的样式 双标签 P 段落标签 默认有上下外边距 双标签 h1~h6 标题标签 字体逐次减小 双标签 默认上下边距 字体加粗 字体变大 h1为主标签 其余为副标签 主标签一个网页只能出现一次 s...
HTML基本结构标签
热门推荐
JiuMeilove的博客
09-01 2万+
定义标题栏：header header 元素是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但也可以包含其他内容，因此整个页面的标题应该放在页面的开头。 header 定义文档的页眉，在一个网页中可以多次使用 header 元素。 语法&案例： <header> 　　<h1>网页标题</h1> </header> <article> 　　<header> <h2>文章标题
列举html5结构标签,HTML5所有标签汇总及标签意义解释
weixin_29523709的博客
06-25 1546
HTML5的新标签到底有什么意义和使用场景html5的新标签更加的语义话了，比如nav 表示导航标签，header表示头部，footer表示底部,section表示主体内容的标签，html5的一般结构可以。在ie9及以上可以识别。html5的语义化标签有哪些及其作用?元素描述了文档的头部区域 标签定义导航链接的部分。 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部...
HTML5文档结构标签
12-13
1.文档结构标签 1.1为什么引入文档结构标签？ 让标签更具语义化，结构更加清晰。搜索引擎具有更好的支持 1.2文档结构标签 header：头部。网页结构的头部，文章的头部内容，可包含标题等。 nav：导航。头部，底部以及...
HTML基本标签及结构详解
01-18
2.HTML标签结构 1.文档结构： <!doctype html><!--!表示声明的意思。这一行代码意思：下面的文档标签将以html5进行解析--> <html> <!-头部.用来完成一个网页的相关设置-> <head> <meta...
HTML标签结构
07-03
详细介绍html标签所需的所有内容，适合后台开发和初级开发人员做参考文档使用
html标签、html语义化
12-19
在 HTML 5 中，HTML 标签被分为两类：结构性标签和语义化标签。结构性标签用来定义网页的基本结构，如 `<html>`、`<head>`、`<body>` 等。语义化标签用来定义网页的内容，如 `<h1>`、`<p>`、`<img>` 等。 HTML ...
Java实战项目——基于ssh实现的博客系统（毕业设计）(前后端源码+论文+数据库+说明文档)25.zip
06-15
ava实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），可运行高分资源 Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现的毕业设计&&课程设计（包含运行文档+数据库+前后端代码），Java实现
基于React的后台开发框架（javascript）
06-15
【作品名称】：基于React的后台开发框架（javascript） 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【项目介绍】：运行Demo cd tui/example npm install node app.js open localhost:3003/be 说明 simditor文件夹为TUI依赖的编辑器插件，如果用到编辑器，页面引入simditor.all.min.js和simditor.css即可。
吴力群 231123501129.pdf
06-15
吴力群 231123501129.pdf
PC下C语言基于libgraphics和浙江大学simplegui写出的新版吃豆人，仅用于教学和交流.zip
06-15
C语言是一种广泛使用的编程语言，它具有高效、灵活、可移植性强等特点，被广泛应用于操作系统、嵌入式系统、数据库、编译器等领域的开发。C语言的基本语法包括变量、数据类型、运算符、控制结构（如if语句、循环语句等）、函数、指针等。下面详细介绍C语言的基本概念和语法。 1. 变量和数据类型 在C语言中，变量用于存储数据，数据类型用于定义变量的类型和范围。C语言支持多种数据类型，包括基本数据类型（如int、float、char等）和复合数据类型（如结构体、联合等）。 2. 运算符 C语言中常用的运算符包括算术运算符（如+、、、/等）、关系运算符（如==、!=、、=、<、<=等）、逻辑运算符（如&&、||、！等）。此外，还有位运算符（如&、|、^等）和指针运算符（如、等）。 3. 控制结构 C语言中常用的控制结构包括if语句、循环语句（如for、while等）和switch语句。通过这些控制结构，可以实现程序的分支、循环和多路选择等功能。 4. 函数 函数是C语言中用于封装代码的单元，可以实现代码的复用和模块化。C语言中定义函数使用关键字“void”或返回值类型（如int、float等），并通过“{”和“}”括起来的代码块来实现函数的功能。 5. 指针 指针是C语言中用于存储变量地址的变量。通过指针，可以实现对内存的间接访问和修改。C语言中定义指针使用星号（）符号，指向数组、字符串和结构体等数据结构时，还需要注意数组名和字符串常量的特殊性质。 6. 数组和字符串 数组是C语言中用于存储同类型数据的结构，可以通过索引访问和修改数组中的元素。字符串是C语言中用于存储文本数据的特殊类型，通常以字符串常量的形式出现，用双引号（"..."）括起来，末尾自动添加'\0'字符。 7. 结构体和联合 结构体和联合是C语言中用于存储不同类型数据的复合数据类型。结构体由多个成员组成，每个成员可以是不同的数据类型；联合由多个变量组成，它们共用同一块内存空间。通过结构体和联合，可以实现数据的封装和抽象。 8. 文件操作 C语言中通过文件操作函数（如fopen、fclose、fread、fwrite等）实现对文件的读写操作。文件操作函数通常返回文件指针，用于表示打开的文件。通过文件指针，可以进行文件的定位、读写等操作。 总之，C语言是一种功能强大、灵活高效的编程语言，广泛应用于各种领域。掌握C语言的基本语法和数据结构，可以为编程学习和实践打下坚实的基础。
SQL语言教程，包含了所有基础的SQL语句
06-15
SQL语言教程，包含了所有基础的SQL语句
PHP公共课平时成绩查询系统(源代码+论文+答辩PPT).zip
最新发布
06-15
PHP公共课平时成绩查询系统(源代码+论文+答辩PPT).zip
html标签的基本结构
06-09
HTML标签的基本结构通常如下： ```html <!DOCTYPE html> <!-- 声明文档类型 --> <html> <!-- HTML文档的根元素 --> <head> <!-- 文档头部，包含文档的元信息 --> <meta charset="UTF-8"> <!-- 指定文档的字符编码 ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值