笔记-HTML标签1

 重启HTML 

div：分区，超大盒子。独占一行，块级元素。

span：跨距。横着显示，行内元素。

<strong></strong> <b></b> 加粗文本 前者更重

图像标签：

<img src="" alt="" title="" width="" height="">  src为必须属性。单标签。alt是替换文本（当图片显示不出来的时候显示文字）titlt是提示文本，鼠标放上图片上显示title文本。

width 给图片设置宽度 height 设置高度  一般设置一个即可  图片边框 border

路径：

1 相对路径  图片相对于HTML页面的位置 (../../)-重点

同一级 ./ 或者 直接写图片名字

上一级 ../ 来到上一级文件夹

下一级 /文件夹  来到下一级文件夹

2 绝对路径 目录下的绝对位置 在电脑中 (一般很少使用)

例如“http...\.\..\”

超链接

a标签定义超链接，从一个页面到另一个页面。

<a href="地址" target="目标窗口的弹出方式">  文本或图像 </a>

1 外部链接  使用http

例如 <a href="http:www.baidu.com" target="_blank">百度</a>

 target="_blank" 表示新窗口打开 默认是_self当前窗口打开

2 内部链接 网站内部页面的相互链接

例如  <a href="./index.html">主页</a>

    <!-- 点击跳转到主页 -->

3 空链接

 <a href="#">简介</a>

4 下载链接 

<!-- 下载链接 -->

    <a href="./img.zip"></a>

5 网页元素链接

图片、文字等都可以。

6 锚点链接 

点击链接，快速定位到页面中的某个位置

使用方法：

1 在href属性 设置属性值为#名字的形式， <a href="#lg">查看详情</a>

2 找到目标标签 添加id属性=刚才的名字    <div id="lg"></div>

<br> 换行

&nbsp; 空格

&lt; 小于号

&gt; 大于号