HTML基础标签

最新推荐文章于 2025-04-13 10:46:06 发布

原创最新推荐文章于 2025-04-13 10:46:06 发布 · 168 阅读

0 ·

CC 4.0 BY-SA版权

本文深入讲解HTML基础标签的使用，包括标题、段落、图像、链接、列表、表格及表单标签，帮助读者掌握网页排版与格式化技巧，理解标签语义化，提升网页制作能力。

HTML基础标签

目标

学习目标：

了解常用浏览器
掌握WEB标准
理解标签语义化
掌握常用的排版标签
掌握常用的文本格式化图像链接等标签
掌握三种列表标签
掌握表格标签
掌握表格标签
掌握表单标签
掌握H5新增表单和表单属性
typora-c

h1

h2

h3

<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>

段落标签

<p>

水平线标签

<hr/>

换行标签
y
y

y<br>y

粗体
一
一
一

<b>一 </b>
<strong>一</strong>

斜体 <i <em
1
1
1

<i>1</i>
<em>1</em>

加删除线 <s <del
口
口
口

 <s>口</s>
<del>口</del>

加下划线 <u <ins
1
1
1

<u>1</u>
<ins>1</ins>

标签属性
十大

<span style=" ">十大</span>

图像标签

<img src="media/1.jpg"  alt="图片无法显示"  title="这是图片"  width="150"  height="150" />

链接标签（ _blank - 新窗口 ; _parent - 当前窗口）
百度一下，你就知道
```
 <a href="http://www.baidu.com" >  百度一下，你就知道  </a>
```
base标签
base 可以设置整体链接的打开状态 base 写到

<head>  </head>

之间

.特殊字符标签
空格 &nbsp
无序列表

<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
<ul>

列表项1
列表项2
列表项3
......

有序列表

<ol>
	<li>列表项1</li>
	<li>列表项2</li>
	<li>列表项3</li>
</ol>

列表项1
列表项2
列表项3

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

星醉羽

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

有关html基础标签的使用和css的少量样式

08-24

有关html基础标签的使用和css的少量样式

HTML基础标签及案例

2401_86367029的博客

09-11

2152

表格由table标签来定义，每个表格均有若干行(由tr标签定义行)，每行由若干个单元格组成(由td标签来定义)；超链接可以是文本也可以是图片，可以点击链接标签，进入新的文档，或者是当前文档中的某个部分；align:控制的单元格内容的对齐方式 left center right。 _search 之前打开的页面存在，则不打开新的页面，直接复用。 alt 图片的文字说明当图片未能正确加载时，才显示。千锋教育-稀有的坚持全程面授品质的大型IT教育机构。title=" 鼠标悬停时，显示的文字"

参与评论您还未登录，请先登录后发表或查看评论

HTML的基础标签

weixin_62341171的博客

06-27

2503

h标签，即标题标签。HTML中，一共有六级标题标签 h1~h6在显示效果上， h1最大，往下依次变小，h6最小，在6级标题中h1最重要，其重要性仅仅次于title，搜索引擎检索完title会立即查看h1中的内容。一般的页面中，我们只使用h1 h2 h3，其他的基本不用。用法：<h1>这是一个h1标签</h1>

html基础标签

weixin_50923414的博客

03-13

2219

html基础标签目录标签分类与语法 1.1 单标签和双标签 1.2 行内标签和块级标签文本标签 2.1标题标签 2.2文本修饰标签段落标签和换行标签 3.1换行标签 3.2 段落标签 3.3水平线标签图片标签超链接标签列表标签 6.1 无序列表 6.2 有序列表 6.3 自定义列表表格标签表单标签 8.1表单基本属性 8.2文本输入框和密码框 8.3多选框和单选框 8.4文件框 8.5滑动条 8.6

HTML 基础标签学习笔记

Rey_family的博客

04-13

2280

示例网站重要保存邮箱：我的网页这是我的第一个网页姓名</th><th>年龄

HTML5 基础标签

m0_73070900的博客

08-04

2814

当今互联网时代，网页是我们获取信息、交流和展示自己的重要渠道之一。而HTML（超文本标记语言）作为构建网页的基础，学习掌握HTML标签成为了必不可少的技能。

HTML常用基础标签详解

实泽有之，无泽虚之

03-09

3183

本文通过样例详解HTML常用的基础标签，包括以下标签：html、h1、h2、h3、h4、h5、h6、body、p、a、br、img。

HTML基本标签

热门推荐

m0_57898822的博客

04-02

1万+

HTML标签

HTML基础标签及其语义

gswsssw的博客

05-10

1780

一、HTML语法规范 1.1、基本语法表述 <html></html>#标签通常都是成对出现（双标签），开始结束标签 <br />#单标签 1.2、标签关系包含关系与并列关系包含关系 <head>#父标签 <title> </title>#子标签 <head> 并列关系 <head> </head> <body> </body&...

vscode前端环境配置与html基础标签

佛系更新

05-05

3606

💫你好，我是辰chen，一个正在考研途中的 sophomore dog😖 💫本篇内容来源于对 AcWing-Web应用课的总结与复习，其内容来源于讲义与习题打卡，Web前端专栏地址：Web前端 💫欢迎大家的关注，我的博客主要关注于考研408以及AIoT的内容以下的几个专栏是本人比较满意的专栏(大部分专栏仍在持续更新)，欢迎大家的关注： 💥ACM-ICPC算法汇总【基础篇】 💥ACM-ICPC算法汇总【提高篇】 💥AIoT(人工智能+物联网) 💥考研 💥CSP认证考试历年题解

HTML基础，各种基础标签的含义

02-01

HTML基础，适合刚开始学习HTML的

html基础整理

04-19

整理一些html常用的基础的标签作用与其网页的展示效果非常基础，简单易懂

布线问题分支限界算法-下载即用.zip

01-01

下载方式：https://pan.quark.cn/s/a4b39357ea24 布线问题（分支限界算法）是计算机科学和电子工程领域中一个广为人知的议题，它主要探讨如何在印刷电路板上定位两个节点间最短的连接路径。在这一议题中，电路板被构建为一个包含 n×m 个方格的矩阵，每个方格能够被界定为可通行或不可通行，其核心任务是定位从初始点到最终点的最短路径。分支限界算法是处理布线问题的一种常用策略。该算法与回溯法有相似之处，但存在差异，分支限界法仅需获取满足约束条件的一个最优路径，并按照广度优先或最小成本优先的原则来探索解空间树。树 T 被构建为子集树或排列树，在探索过程中，每个节点仅被赋予一次成为扩展节点的机会，且会一次性生成其全部子节点。针对布线问题的解决，队列式分支限界法可以被采用。从起始位置 a 出发，将其设定为首个扩展节点，并将与该扩展节点相邻且可通行的方格加入至活跃节点队列中，将这些方格标记为 1，即从起始方格 a 到这些方格的距离为 1。随后，从活跃节点队列中提取队首节点作为下一个扩展节点，并将与当前扩展节点相邻且未标记的方格标记为 2，随后将这些方格存入活跃节点队列。这一过程将持续进行，直至算法探测到目标方格 b 或活跃节点队列为空。在实现上述算法时，必须定义一个类 Position 来表征电路板上方格的位置，其成员 row 和 col 分别指示方格所在的行和列。在方格位置上，布线能够沿右、下、左、上四个方向展开。这四个方向的移动分别被记为 0、1、2、3。下述表格中，offset[i].row 和 offset[i].col（i=0,1,2,3）分别提供了沿这四个方向前进 1 步相对于当前方格的相对位移。在 Java 编程语言中，可以使用二维数组...

EP1C3T144C8 FPGA开发板设计

01-01

先看效果： https://pan.quark.cn/s/03f8ba0ff118 ### FPGA开发板设计相关知识要点#### 1. FPGA基本概念- **定义**: 现场可编程门阵列（Field Programmable Gate Array, FPGA）属于半定制型集成电路，允许在完成制造后通过编程来设定其内部逻辑及连接配置，从而达成特定的功能实现。- **特性**: - 运行速度快 - 功耗相对较低 - 适用于复杂系统构建 - 可在现场进行重新编程- **应用范畴**: - 通信领域 - 自动控制系统 - 信息处理技术 - 数据加密方案 - 视频处理技术 - 车载电子系统 - 医疗器械设备等#### 2. EP1C3T144C8芯片介绍- **生产商**: Altera Corporation（现归属于Intel公司）- **系列归属**: Cyclone系列- **技术工艺**: 1.5V核心供电电压，采用0.13微米制造工艺- **资源参数**: - 包含2910个逻辑单元（LEs） - 提供高达59904位的嵌入式存储器 - 支持单个PLL（Phase Locked Loop，锁相环） - 最多可支持104个用户I/O接口- **优点**: - 价格经济 - 集成度高 - 片上资源丰富 - 灵活性强#### 3. 硬件电路设计原理##### 3.1 硬件电路整体构造- **构成部分**: - 下载电路: 负责将设计好的程序传送至FPGA中。 - 下载接口: 实现个人计算机与FPGA之间的数据交换。 - FPGA核心部件: EP1C3T144C8芯片。 - 电源电路: 提供必要的电源支持。 - 扩展接口: 用于连接各类传感器或扩展模块。###...

HIT-CSAPP2025大作业报告.doc

最新发布

01-01

HIT-CSAPP2025大作业报告.doc

NTC热敏电阻温度测量技术及线性电路

01-01

下载前必看：https://pan.quark.cn/s/9cf3e6e84d3a ntc-temperature-measurement NTC 热敏电阻温度测量原理、电路设计与代码实现！！！目前只是Test Board版本，后续更新硬件改进后的版本！！！ ntc-temperature-measurement/ ├── 32K闪存增强通用型MCU CH32V005 - 南京沁恒微电子股份有限公司 #Internet快捷方式 CH32V005官网网址 ├── CH32V006DS0.PDF # CH32V006/V005 数据手册 ├── CH32V00XRM.PDF # CH32V00X 应用手册 ├── zhca858a.pdf # TI参考文档：利用 NTC 电路感测温度 ├── Temp Measurement Design.ms14 # 参考TI的设计的电路 ├── 103F3950阻值对照表.doc # NTC电阻手册 ├── 阻值对照温度数据_0.1℃精度.txt ├── NTC/ # MounRiver工程 │ ├── NTC.wvproj # 工程WVPROJ文件 │ └── ......

VC++对话框背景图片设置

01-01

源码来自：https://pan.quark.cn/s/a4b39357ea24 在VC++开发过程中，对话框（CDialog）作为典型的用户界面组件，承担着与用户进行信息交互的重要角色。在VS2008SP1的开发环境中，常常需要满足为对话框配置个性化背景图片的需求，以此来优化用户的操作体验。本案例将系统性地阐述在CDialog框架下如何达成这一功能。首先，需要在资源设计工具中构建一个新的对话框资源。具体操作是在Visual Studio平台中，进入资源视图（Resource View）界面，定位到对话框（Dialog）分支，通过右键选择“插入对话框”（Insert Dialog）选项。完成对话框内控件的布局设计后，对对话框资源进行保存。随后，将着手进行背景图片的载入工作。通常有两种主要的技术路径：1. **运用位图控件（CStatic）**：在对话框界面中嵌入一个CStatic控件，并将其属性设置为BST_OWNERDRAW，从而具备自主控制绘制过程的权限。在对话框的类定义中，需要重写OnPaint()函数，负责调用图片资源并借助CDC对象将其渲染到对话框表面。此外，必须合理处理WM_CTLCOLORSTATIC消息，确保背景图片的展示不会受到其他界面元素的干扰。 ```cppvoid CMyDialog::OnPaint(){ CPaintDC dc(this); // 生成设备上下文对象 CBitmap bitmap; bitmap.LoadBitmap(IDC_BITMAP_BACKGROUND); // 获取背景图片资源 CDC memDC; memDC.CreateCompatibleDC(&dc); CBitmap* pOldBitmap = m...