1、<img src="图片路径" alt="替换文本" >
Img 中属性src的值
可以用相对路径或者绝对路径
相对路径则是在同级的文件中再找到具体文件位置。即与index.html在同一级的文件或文件夹中的images,则可以写成src=”images/1.jpg”
绝对路径则是在根路径中找到具体文件位置。例:src=”e/job/images/1.jpg”
还有一种写法是:../ 返回上一级目录 ../../ 返回上一级的上一级目录
2、超链接
<a href="链接地址" target="目标窗口位置">文本或图像</a>
Target指的是链接后的内容在哪里显示
target="_self" 在自身窗口打开
target="_blank" 在新建窗口打开
超链接的应用
1、页面间链接:A页到B页,网上常见链接
2、锚链接:跳至自身固定位置,或A页跳转到B页固定位置,需锚标记。一般应用在页面内容特别长,定位到具体位置
3、功能性链接:电子邮件、QQ、MSN等链接
锚链接讲解:
A、跳转到同一个页面中固定的位置
确定要跳转的部分:
<a name="register">新用户注册</a>
<a name="login">登录</a>
超链接部分:
<a href="#register">新用户注册帮助</a>
<a href="#login">用户登录帮助</a>
B、跳转到不同页面的固定位置
1.html
<a href=”2.html#login”>点击我跳转到下一页面的登录位置</a>
注意:这里的html与#login没有/
2.html
<a name=”login”>登录</a>
功能连接:
<a href=”mailto:邮箱地址”>给谁写信</a>
3、特殊字符与注释
特殊符号 字符实体 实例
空格 李 白
大于号 > 9>8
小于号 < 4<5
引号 " W3C规范中,HTML的属性值必须用成对的"引起来
版权符号@ © ©北大青鸟
注释:<!--注释内容-->
4、html标签
标题 <h1>~<h6>
段落 <p>
换行 <br/>
水平线 <hr/>
粗体 <strong>
斜体 <em>
图像 <img>
超链接 <a>