HTML 标签、表格、列表、表单详细汇总

Cx330—bx

已于 2022-05-27 18:27:20 修改

阅读量883

点赞数

文章标签： html 前端

于 2021-12-24 17:33:00 首次发布

本文链接：https://blog.csdn.net/Echo_bx/article/details/122086513

版权

HTML

一、HTML标签
二、HTML 表格
三、HTML 列表
四、HTML 表单

一、HTML标签

1. html基础标签

<!DOCTYPE html>
<!-- 文档类型声明 -->
<html lang="en">
<!-- 语言种类 en--英语/zh-CN---汉语 -->

<head>
    <!-- <head>头部标签</head> -->
    <meta charset="UTF-8">
    <!-- charset="UTF-8"----字符集   UTF-8---万国网 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文档标题(网页左上角)</title>
</head>

<body>
    <!-- <body>文档主体</body> -->
</body>

</html>

2. html常用标签

1.<!--标题标签-->
<h1>~<h6>
<h1></h1>
<!--依次递减-->
2.<!--段落标签-->
<P></p>
3.<!--换行标签-->
<br />
<!--单标签  强制换行   在段落内换行-->

3. html文本格式化标签

1.<!-- 加粗  -->
<strong></strong>
<b></b>
2.<!-- 倾斜 -->
<em></em>
<i></i>
3.<!-- 删除线 -->
<del></del>
<s></s>
4.<!-- 下划线 -->
<ins></ins>
<u></u>

4. < div>和< span>标签

<!-- 布局网页 --- 盒子   -->
<div>分割、分区</div><!-- 独占一行 大盒子 -->
<span> 跨度、跨距 </span><!-- 可在一行显示 小盒子  修饰某一小段文字-->

5. 图像标签和路径

1.图像标签

<!-- 单标签  -->      
<img src="图片路径" alt="替换文本" title="显示文本" width="300" height="200" border="15"/>
<!-- src：指定文件的路径和文件名 （必写）  -->
<!-- alt: 替换文本 -->
<!-- title:显示文本 -->
<!-- width: 图像宽度-->
<!-- height：图像高度 -->
<!-- border：图像边框粗细 (一般在css中写)-->

2. 图像路径

1.相对路径

同一级路径：位于html文件同一级
<img src="123.gif" >
下一级路径：位于html文件下一级
<img src="images/123.gif" >

上一级路径&

最低0.47元/天解锁文章

Cx330—bx

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
HTML 标签、表格、列表、表单详细汇总

1. html基础标签<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8"> <!-- charset="UTF-8"----字符集 UTF-8-
复制链接

扫一扫

专栏目录

HTML 标签、表格、列表、表单 详细汇总

HTML

一、HTML标签

1. html基础标签

2. html常用标签

3. html文本格式化标签

4. < div>和< span>标签

5. 图像标签 和 路径

1.图像标签

2. 图像路径

1.相对路径

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

HTML 标签、表格、列表、表单详细汇总

5. 图像标签和路径