暂时没有时间去系统学习,在写blog的时候用到啥就记在这里免得以后忘了再去查

因为用到了才会去网上找所以换个角度这里写的都是平常用得到的东西(确信

图片使用语法

引用图片的语句

<img src="xxx.jpg" alt="xxx" title="xxx">

其中: src为图片的路径 or URL

    alt为图片没有加载成功时的文本

    title为光标悬停在图片上时的文本


图片适用的style

stlye的用法: 

<img src=""style="xx:xx;xx:xx">

1、缩放 zoom:xx%


文本相关语法

一行字的语句

<p>example</p>

在<p>和</p>之间的东西会显示在同一行,换行会变为一个空格,多个空格会显示为一个。

示例

<p>这是一行
这是换行
这是    空格
这是结尾</p>

效果

这是一行 这是换行 这是 空格 这是结尾


关于空格

小小号空格:&thinsp;

小号空格:&nbsp; 一个字符,半角

中号空格:&ensp;一个字符

大号空格:&emsp;两个字符


文字常用的style

1、颜色: color:#ffffff

2、与上一行的间距: margin:1px

3、下划线与删除线 text-decoration:underlinetext-decoration:line-through

下划线和删除线还可以使用<u><del>标签来实现


空行

<br/>

需要多行就多打几个


分割线

效果

<hr/>


超链接

使用锚元素<a></a>

<a href="http://example.com">example</a>

效果1

需要注意的是这样子没有下划线所以需要自己加

如果需要跳转到新的标签页就加入target="_blank"

如下

<a href="http://example.com" target="_blank" style="text-decoration:underline">example</a>

效果2

喜欢折腾,但是小白