标签汇总
1.标题标签
<h1>文字</h1>
从1-6独占一行
2.段落和换行标签
<p>段落</p>文字<br/>文字
段落之间空隙较大,而换行则没有较大的垂直距离
3.文本格式化标签
<strong>加粗</strong><b>加粗</b><em>斜体</em><i>斜体</i><del>删除线</del><s>删除线</s><ins>下划线</ins><u>下划线</u>
每组前者比后者语气强烈
4.div和span标签
<div>....</div><span>....</span>
- div 标签用来布局,但是现在一行只能放一个 div,大盒子。
- span 标签用来布局,一行可以多个 span,小盒子。
5.图像标签及其依赖路径
<img />
<img src="图片路径" alt="替换文本" title="提示文本" width="图片宽度" height="图片高度" border="图片边框粗细"/>
| 属性 | 属性值 | 说明 |
|---|---|---|
src |
图片路径 | 必须属性 |
alt |
文本 | 替换文本,当图片不显示时显示文字 |
title |
文本 | 提示文本。鼠标放到图像上显示文字 |
width |
像素 | 图像宽度 |
height |
像素 | 图像高度 |
border |
像素 | 图像边框粗细 |
一般只有src是必须的,而width 或height标记一个就会等比例缩放,两个都改图片有可能失真。
<img src="baidu.gif" /><img src="images/baidu.gif" /><img src="../baidu.gif" />
| 分类 | 符号 | 说明 |
|---|---|---|
| 同级路径 | 同一级 | |
| 下一级路径 | / |
图片位于 HTML 文件下一级 |
| 上一级路径 | ../ |
图片位于 HTML 文件上一级 |
以上都是相对路径,布置网站传送到互联网上一般在一个文件夹内。而绝对路径是大多数从盘符开始的,一般只能用于自己电脑上,而从网上寻来的路径有被其删除的可能。
<img src="C:\code\api\Desktop\img.jpg" /><img src="http://www.baidu.cn/images/logo.png" />
6.超链接标签
<a/>
1.外部链接<a href="http://www.baidu.com" target="_blank"> 百度首页</a>href 指定链接地址url,为必须属性。target 打开窗口的方式默认的值是 _self 当前窗口打开页面_blank 新窗口打开页面2.内部链接: 网站内部页面之间的相互链接<a href="XXX.html" target="_blank">内部网页1</a>3.空链接:#<a href="#">内部网页2</a>预留的链接,可能网页还没有做好4.下载链接: 地址链接的是 文件 .exe 或者是 zip 等压缩包形式<<a href="img.zip">下载文件</a>5.网页元素的链接:等于说不只是文本可以做链接,图像、表格、音频、视频等也可以。<a href="http://www.baidu.com"><img src="img.jpg"/></a>6.锚点链接<a href="#1">第一个部分</a><h3 id="1">第一部分</h3>1可以用任意代替,跳转仅在同一网页href属性中,设置属性为" #名字" 的形式目标位置标签,里面添加一个 id ="名字"
7.注释和特殊字符
1.注释<!--注释-->
visual studio中 ctrl+c+k 快捷键
2.特殊字符
| 字符 | 显示 |
|---|---|
|
空格 |
< |
< |
> |
> |
© |
© |
