标签汇总

1.标题标签

  1. <h1>文字</h1>

从1-6独占一行

2.段落和换行标签

  1. <p>段落</p>
  2. 文字<br/>文字

段落之间空隙较大,而换行则没有较大的垂直距离

3.文本格式化标签

  1. <strong>加粗</strong>
  2. <b>加粗</b>
  3. <em>斜体</em>
  4. <i>斜体</i>
  5. <del>删除线</del>
  6. <s>删除线</s>
  7. <ins>下划线</ins>
  8. <u>下划线</u>

每组前者比后者语气强烈

4.div和span标签

  1. <div>....</div>
  2. <span>....</span>
  1. div 标签用来布局,但是现在一行只能放一个 div,大盒子。
  2. span 标签用来布局,一行可以多个 span,小盒子。

5.图像标签及其依赖路径

<img />

  1. <img src="图片路径" alt="替换文本" title="提示文本" width="图片宽度" height="图片高度" border="图片边框粗细"
  2. />
属性 属性值 说明
src 图片路径 必须属性
alt 文本 替换文本,当图片不显示时显示文字
title 文本 提示文本。鼠标放到图像上显示文字
width 像素 图像宽度
height 像素 图像高度
border 像素 图像边框粗细

一般只有src是必须的,而widthheight标记一个就会等比例缩放,两个都改图片有可能失真。

  1. <img src="baidu.gif" />
  2. <img src="images/baidu.gif" />
  3. <img src="../baidu.gif" />
分类 符号 说明
同级路径 同一级
下一级路径 / 图片位于 HTML 文件下一级
上一级路径 ../ 图片位于 HTML 文件上一级

以上都是相对路径,布置网站传送到互联网上一般在一个文件夹内。而绝对路径是大多数从盘符开始的,一般只能用于自己电脑上,而从网上寻来的路径有被其删除的可能。

  1. <img src="C:\code\api\Desktop\img.jpg" />
  2. <img src="http://www.baidu.cn/images/logo.png" />

6.超链接标签

<a/>

  1. 1.外部链接
  2. <a href="http://www.baidu.com" target="_blank"> 百度首页</a>
  3. href 指定链接地址url,为必须属性。
  4. target 打开窗口的方式
  5. 默认的值是 _self 当前窗口打开页面
  6. _blank 新窗口打开页面
  7. 2.内部链接: 网站内部页面之间的相互链接
  8. <a href="XXX.html" target="_blank">内部网页1</a>
  9. 3.空链接:#
  10. <a href="#">内部网页2</a>
  11. 预留的链接,可能网页还没有做好
  12. 4.下载链接: 地址链接的是 文件 .exe 或者是 zip 等压缩包形式<
  13. <a href="img.zip">下载文件</a>
  14. 5.网页元素的链接:等于说不只是文本可以做链接,图像、表格、音频、视频等也可以。
  15. <a href="http://www.baidu.com"><img src="img.jpg"/></a>
  16. 6.锚点链接
  17. <a href="#1">第一个部分</a>
  18. <h3 id="1">第一部分</h3>
  19. 1可以用任意代替,跳转仅在同一网页
  20. href属性中,设置属性为" #名字" 的形式
  21. 目标位置标签,里面添加一个 id ="名字"

7.注释和特殊字符

1.注释<!--注释-->

visual studio中 ctrl+c+k 快捷键

2.特殊字符

字符 显示
&nbsp; 空格
&lt;
&gt;
&copy; ©