HTML学习的总结

最新推荐文章于 2022-05-17 13:20:41 发布

原创最新推荐文章于 2022-05-17 13:20:41 发布 · 384 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

本文介绍了HTML的基本概念及其常用标签，包括文本格式化、多媒体插入、表格布局、超链接及表单等核心元素，适合初学者快速入门。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML 全称为 HyperText Mark-up Language，翻译为超文本标签语言，标签也称作标记或者元素。

HTML 是目前网络上应用最为广泛的技术之一，也是构成网页文档的主要基石之一。

HTML文本是由 HTML 标签组成的描述性文本，HTML 文本可以说明文字、图形、动画、声音、表格、链接等。

几个基本标签 doctype html为头信息，meta ，title htmll和head以及body三个标签构成HTML文档的结构

doctype是网页文档声明

html标签表示网页文件的开始其他所有标签都应该放在<html>和</html>之间

head表示头部标签其中通常放title标签，meta标签，style标签等定义页面属性的标签

body表示主体标签

meta标签提供关于网页的信息

常用标签

b /strong 加粗

i/em 文字变斜

u 下划线

del 删除线

br 换行

p 段落

pre 预格式化段落

span 标准行内标签，一半用来修饰文本

div 标准块标签，一般用来修饰页面

sub/sup 下标/上标

hr 水平分割线

hn 标题标签 n最多标到6

多媒体标签

img 插入图片

video 插入视频

audio 插入音频

要书写src属性，表示文件的位置

controls 表示播放器的组件

autoplay表示自动播放但由于用户体验不佳，谷歌浏览器已经取消该标签功能，解决方法之一是加上muted（声音禁止属性）将声音禁止掉

表格标签

table用于定义一个表格 thead定义头 tfoot定义尾 tbody定义主干

tr用于定义一行

td用于定义一列也叫作单元格必须放在tr中

border=“n” n是一个数字单位是像素该行代码表示表格的边框宽度 n必须为整数

width属性表示表格的宽度 height表示表格的高度

align表示表格的对齐方式，主要用left，center，right这些值

gcolor属性表示表格的背景颜色 background表示表格的背景图像

cellpadding表示表格的边距，cellspacing表示表格的间距单位是像素

rt标签表示表格的行我们可以个行设置高度和背景色分别使用height和bgcolor

例如

td标签表示单元格也就是列我们可以设置宽和高分别使用width和height

表格的合并

单元格跨行 rowspan=“n”

单元格跨列 colspan=“n” 其中n为整数

超链接标签

a标签实现了超链接 herf属性用来明确链接的目标文件 target属性用来明确目标文件的打开方式

比如 target=“-blank”表示在新窗口中打开目标文件省略时表示在原窗口中打开目标文件

锚链接

将页面定位到需要的地方，在链接的herf属性上加上“#id”，之后在需要停止的位置的标签上设置对应的id即可

图片超链接

在<a></a>之间加上img标签

列表标签

有序标签

使用ol标签

举例

<li>软件开发概论</li>

<li>数据库技术基础</li>

<li>控制台开发</li>

<li>图形界面开发</li>

</ol>

其中 type 和start属性可以没有，默认是1

type控制序号种类，有三种值，分别为1 a i 分别表示数字字母和罗马数字

无序标签

使用ul标签

举例

<li>软件开发概论</li>

<li>数据库技术基础</li>

<li>控制台开发</li>

<li>图形界面开发</li>

</ul>

type 属性设置序号的种类, 无序列表序号种类有三种，分别为circle disc和square 分别表示空圆形实心圆和方形

数据列表

数据列表主要用来描述存在标题的列表组

表单标签from

表单是用from标签来定义的

action是文件路径 method是请求方式 name是字符串

表单元素

表单的元素（如文本框、密码框等）由三种标签构成，input、 textarea、 select，它们都要包

含在form标签中才有效(当然HTML5扩展了一个button标签)。

input标签

select标签

select元素主要是表单的下拉选择框

举例

…

</select>

textarea标签

可以在表单中放置文本框

举例

内容

</textarea>

总结以上是我在html学习期间整理的一些知识，其中主要涉及了各种标签的使用