当前位置：网站首页 > 技术文章 > 正文

HTML中的标签

myzbx 2024-12-02 22:40 48 浏览

讲一下html中文件标签和文本标签的使用

目的是学会使用，所以借助工具可以省好多时间

1.文件标签：构成html最基本的标签

html:html文档的根标签

head：头标签。用于引入html文档的一些属性。引入外部的一些资源

title：标题标签

body：体标签

<!DOCTYPE html>:html5中定义该文档是html

2.文本标签：和文本有关的标签

注释:<!-- 注释内容 –->

<h1> 到<h6>:标题标签自带换行的效果

<p>：表示段落的标签

<br>：换行标签<br/>和<br>的写法都不会报错

<hr>：显示一条水平线（也是一个自闭和标签）水平线有一些属性我们可以控制它的样式。hr里面表示高度是size而不是height.对齐方式默认是居中的。

<b>：字体加粗

<i>：斜体

<font>:字体标签（通过属性来修改字体的字号，大小，颜色，以及字体的样式）

<center>:文本居然标签

这里讲下网页下面的版权标签是如何写出来的。

3.图片标签：用来展示图片的（图片也是一个自闭合标签）

属性:src:用来指定图片的位置

什么都不写默认就是./的形式

../表示上一级目录

4.列表标签：

有序列表:ol,li(li表示的是列表的每一项)

无序列表:ul,li

5.链接标签：

a:定义一个超链接

属性：

href:指定访问资源的URL(统一资源定位符，就是路径的表示形式)

target：（是目标的意思）指定打开资源的方式

_self:在当前页面打开

_blank:在空白页面打开

6.表格标签：在HTML中的表格只有行的概念，没有列的概念，将表格以行的形式进行分割，然后再对行进行操作。

table:定义表格

width:表格的宽度

border:边框

cellpadding:单元格内容左对齐（定义内容和单元格的距离）

cellspacing:边框合并(定义单元格之间的距离，如果指定为0，单元格的线会合为一条)

bgcolor:背景色

align:表格的对齐样式

tr:定义行

bgcolor:背景色

align:表格的对齐样式(是用来修改文本的对齐方式的)

td:定义单元格

colspan:合并列

rowspan:合并行

th:定义表头单元格

<caption>:表格标题

<thread>:表示表格的头部分

<tbody>:表示表格的体部分

<tfoot>:表示表格的脚部分

7.块标签：div和span是结合css使用的

span:文本信息在一行显示，行内标签，内联标签(意思就是它不会换行)

div:是会换行的。每一个div占满一整行。块级别的标签

8.语义化标签：html5中为了提高程序的可读性，提高了一些标签

HTML 标题

上一篇：Top 57个JavaScript面试题和答案大全
下一篇：HTML网页制作常用标签及说明——前端开发入门

HTML中的标签

相关推荐

使用VSCode模板提高Vue开发效率（vscode开发vue3）

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

8.7k star，一款超炫酷的动态可视化大屏项目

说下你的vue项目的目录结构，该怎么划分?

用上Vue3，你真的变了吗?（vue3 key）

移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）

这么牛逼的cursor功能，赶紧用起来

browser-use:AI 驱动的浏览器自动化神器——DOM识别与交互详解

巧克力:从一朵花开始的华丽变身_巧克力花束教程视频

comfyui安装MimicMotion扩展，AI跳舞动作模仿