分类 默认分类 下的文章

HTML图片路径分为三种
1.绝对路径

<img src="E:文件夹/文件夹/图片.png">

2.相对路径
(1.)同级路径

<img src="/图片.png">

（2.)子级路径

<img src="/文件夹/图片.png"> //可不加.

(3.)父级路径

<img src="../图片.png">//父级文件夹同等路径需要加入路径

3.网络路径

<img src="http://图片.png">

图片标签

img是图片标签，用来展示HTML当中的图片标签

<img src="/图片路径" alt="规定图片的代替文本">

img图片标签可加入属性：

width 宽度
height 高度（通常只会设置宽度属性，高度属性会影响图片展示效果，可能会出现拉伸等效果）
title 图片文本提示，鼠标停留图片上时展现出的提示，多数用来优化SEO

段落标签

p标签为段落标签，多个标签排行是由上到下，而a标签则是从左到右

换行标签

换行标签br是单标签，正确写法应当加入结束语：

<br />
水平线标签
<hr>

hr水平线标签是在HTML当中加入水平线

hr标签可加入属性：
color颜色属性
width宽度属性
size高度属性
align位置属性（默认为居中centre，可调整为left，right/right）

HTML标题标签有六种分别为
H1-H6
H1定义最大标题，H6定义最小标题
使用标题标签以标题重要级别排序，有利于SEO优化
如：先H1-再H2-后H3

标题标签位置摆放

添加标签属性align
如：

<H1 align="left"> 为左边
<H1 align="center">为中间
<H1 align="right">为右边

<!DOCTYPE HTML>

<HTML>
<head>
<meta charset="utf-8">
<title>标题<title>
<body>
</body>
</HTML>

HTML快速布局：!+空格

代码格式化：Shift+Alt+F

光标向上或向下：Alt+up Alt+Down

快速复制一行代码：Shift+Alt+up Shift+Alt+Down
快速保存：Alt+s

快速查找：Alt+F

快速替换：Alt+H

  1. 1
  2. 2