HTML-note01_标签_html note 标签-优快云博客

本文链接：https://blog.youkuaiyun.com/chengjinrui/article/details/53455407

本文介绍了HTML的基本结构和常用标签，包括段落、标题、列表、图片、链接等元素的使用方法，并探讨了不同类型的列表和特殊字符的应用。

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

一、基本格式

<!doctype html >
<html>
   <head>
       //起到一些有功能的代码（CSS\JS\后台程序）在浏览器中不需要显示的内容
       <meta charset="utf-8">
   </head>
   <body>
       //在浏览器中需要显示的内容
       我是1619的三名同学。今天很难过！！！
   </body>
</html>总共6个

二、学习HTML中常用的标签

1、<h></h>   双标签   总共6个
   <h align="center"></h>--align是属性 center/right/left
2、<p></p>    双标签
3、HTML的注释   
4、空格 &nbsp   半角占一个,全角占两个
5、三种列表标签
   无序列表type类型：disc 圆点/square 正方形/circle 圆圈
       <ul type="disc">
           <li>列表项</li>
           <li>列表项</li>
       </ul>
   有序列表type类型=" A/a/l/i/I"
       <ol type ="A" start="3">
           <li>列表项</li>
           <li>列表项</li>
           <li>列表项</li>
           <li>列表项</li>
       </ol>
   定义列表
       <dl>
           <dt>北京</dt>
           <dd>北京是中国的首都</dd>
       </dl>
6、插入图片单标签
       <img src="图片和路径" width="500px" height="200px" alt="图片的提示信息" title="图片的显示信息">
7、加粗:strong    b        双标签
8、倾斜：em    i        双标签
9、没有中文含义：span        双标签
10、区块：div 最大的块级标签     <div>我是一个块</div>
11、水平线：（表示的是标题的结束）<hr width="600" size="6" color="red" align="center/left/right"> 是单标签
12、换行标签：<br>单标签想在哪换行在哪加
13、超链接标签：<a href="文件路径" target="_blank(空白页)/_self(自身窗口)/_parent(父窗口)/_top(顶端)">需要添加链接的内容（文本、图片）</a>
   文件：word文档、ppt、excel；html文件、压缩文件、图片、音频、视频除了html格式别的大部分都会被下载下来

   相对路径 (文件与文件之间的关系)
       1.如果两个文件在同一个文件夹下面就直接写文件的名字就好了
       2.如果一个文件在文件夹里面，一个文件在文件夹的外面的时候，文件夹的名称/文件的名称
       3.两个文件都在不同的文件夹下面，../文件夹的名称/文件的名称
   绝对路径
       本地电脑的绝对路径的写法:
       C:\Users\Administrator.YZ--20161125ZEI\Desktop\day01\images
       网络：
       http：//www.baidu.com/xxx/xxx/xx.jpg
14、时间标签：<time>时间</time>

   总结：
       块级元素（大标签/大盒子）
           h1-h6
           p
           div
           ul li
           ol li
           dl dt dd
       行内元素（小标签/小盒子）
           strong   b em i span time a
       行内块级元素
           img 也是在行内显示但是有宽和高
15、ps的基本使用
   1、ctrl+r    显示标尺
   2、F8 ：   显示详细信息的
   3、双击放大镜：   100%显示    放大镜模式下按住空格键后会变成抓手模式   双击抓手：最佳显示
   4、截图的顺序：画好选区--调整选区（右击--变换选区）--ctrl+c（复制）--ctrl+N（新建）--ctrl+v（复制）--ctrl+s（保存）
gif：不能保存丰富多彩的颜色，只能保存256种颜色，支持透明，支持动画，有损压缩,图片占用空间小，一般是图标
   jpg（jepg）：可以保存丰富多彩的颜色，不支持透明，不支持动画，也是有损压缩，一般是风景人物图片大图片
   png：可以保存成丰富多彩的颜色，支持透明，不支持动画，无损压缩，占用空间大