HTML相关标签

江東-H

已于 2023-03-10 10:16:50 修改

阅读量406

点赞数 1

分类专栏： Java 文章标签： html javascript css

于 2023-03-10 10:11:04 首次发布

本文链接：https://blog.csdn.net/heima005/article/details/129437093

版权

Java 专栏收录该内容

28 篇文章 3 订阅

订阅专栏

本文介绍了HTML的基本结构和常用标签，包括文件标签如<html>,<head>,<title>和<body>，文本标签如<h1>-<h6>,<p>,<br>和<hr>，以及图片标签<img>，列表标签<ol>和<ul>，链接标签<a>，块标签<div>和<span>，语义化标签<header>,<footer>等，还有表格标签<table>及其相关属性。

摘要由CSDN通过智能技术生成

HTML相关标签

标签和属性

标签和属性

文件标签

```
<html>: html文档的根标签
```

<head>: 头标签  用于指定html文档的一些属性  引入外部资源

```
<title>: 标题标签
```
```
<body>: 体标签
```

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

文本标签

```
注释:
```
```
<h1> to <h6> : 标题标签
```
```
<p> : 段落标签
```
```
<br>  : 换行标签
```
```
<hr> : 展示一条水平线
```
- 属性:
  - color : 颜色
  - width : 宽度
  - size : 高度
  - align : 对齐方式
    - center : 居中
    - left : 左对齐
    - right : 左对齐
```
<b> : 字体加粗
```
```
<i> : 字体斜体
```
```
<font> 字体标签
```
- 属性
  - color : 颜色
  - size : 大小
  - face : 字体
```
<center>
```
属性定义
- color:
  - 英文单词 : red green blue …
  - rgb(值,1值2,值3) : 值得范围 : 0~255 如 : rgb(0,0,255_
  - #值1值2值3 : 值的范围 : 00~FF之间如 : #FF00FF
- width:
  - 数值 : width=“20” ,数值单位默认是px(像素)
  - 数值%: 占比相对于父元素的比例

图片标签

<img src="路径" alt="图片显示不出来时的图片名字">

绝对路径
- 以盘符开始的路径
相对路径
- 相对于此html文件
- ./ 代表当前目录
- …/ 代表上一级目录
- 什么都不写相当于./

列表标签

有序列表
- ol
  - 属性: type = “A” “a” “I” “i” “1”
- li
无序列表
- ul
- li

链接标签

a : 定义一个超链接
- 属性:
  - href :指定访问资源URL
  - target: 指定打开资源方式
    - _self:默认值,在当前页面打开
    - _blank:在空白页面打开

块标签

<div>   每一个div占满一整行  块级标签

<span>    文本信息在一行展示  行内标签   内联标签

语义化标签

页眉
页脚

表格标签

table 定义表格
- width :宽度
- border :边框
- cellpadding :定义内容和单元格的
- cellspacing :定义单元格之间的距离如果指定为则单元格的会合为一条
- bgcolor :背景色
- align :对齐方式
tr 定义行
- bgcolor :背景色
- align :对齐方式
td 定义单元格
- colspan :合并列
- rowspan :合并行
th 定义表头单元格
:表格标题
:表示表格的头部分
:表示表格的体部分
表示表格的脚部分