超链接和html基础

2019-02-22  本文已影响0人  Tn299

HTML英文是HyperText Marked Language,即超文本标记语言,是一种用来制作超文本文件的简单标记语言。
换行标签:

加粗:<strong>…</strong>
斜体:<em>…</em>
注释:

image.png

图像标签基本语法

<img src=”图片地址” alt=”图像的替代文字” title=”鼠标悬停提示文字” width=”图片宽度” height=”图片高度”/>

src:表示图片路径
alt:表示图片无法显示时,替代显示的文本
title:当鼠标移至图片上时显示提示信息。
width和height两个属性分别表示图片的宽度和高度,如果不设置,则使用图片默认的原始大小。

超链接的基本语法

<a href=”链接地址“ target=”目标窗口位置”>链接文本或图像</a>

target:指定链接在哪个窗口打开,常用的取值有:
_self:自身窗口
_blank:新建窗口

空链接

当超链接href链接路径为“#”时,表示空链接。
如<a href=”#”>首页</a>(首页字体为空链接)

绝对路径和相对路径

绝对路径:指向目标地址的完整描述,一般指向本站点外的文件,
比如<a href=”http//www.baidu.com”>百度</a>
相对路径:相对于当前页面的路径,一般指向本站点内文件,所以一般不需要一个URL地址的形式。
比如< a href=” login/login.html”>登录</a>

锚链接

类型
1)从A页面的甲位置跳转到本页中的乙位置
2)从A页面的甲位置跳转到B页面中的乙位置

创建跳转标记
1)创建跳转标记
<a name="marker">乙位置</a>
2)创建跳转链接
<a href="#marker">甲位置</a>

上一篇下一篇

猜你喜欢

热点阅读