手机版 | 登陆 | 注册 | 留言 | 设首页 | 加收藏
当前位置: 网站首页 > 在线教程 > HTML+CSS教程 > 文章 当前位置: HTML+CSS教程 > 文章

图像与连接 HTML+CSS基础

时间:2019-08-28    点击: 次    来源:网络    作者:佚名 - 小 + 大

图像与连接 HTML+CSS基础


图像链接
1.图像的基本语法

在网页中放入图像,只需要在<body></body>中间插入图像标记<img>

插入图像的属性是 src 可以设置图像的高度,宽度,对齐方式,标签等

实例

插入图像

    <img scr="cn.jpg">

贴标签

<img scr=cn.jpg alt="fengjing">

控制大小

<img scr=cn.jpg alt="fengjing" width="300px" height="100px">

对齐方式  包括 top right bottom left middle 

<img scr="cn.jpg" align="right"> 

边框粗度

<img scr="cn.jpg" border="10px">



2.文字链接

文字链接就是给文字加上超级链接语法如下:

<a href="www.baidu.com">文字链接</a>

target 的方法

—blank:新窗口中打开 

—parent:父窗口中打开

—self:同一个框架中打开

<a href="www.baidu.com" target="_blank">文字链接</a>

注释用 <!--    嘻嘻嘻 -->


3.图片链接

图片链接就是给设置超级链接

<a href="www.mapdf.net"><img src="cn.jpg"></a>

4.邮箱链接

<a href ="mailto:316655554@qq.com">Email</a>


5.锚点链接

锚点常用在长文章中,以便定位,从主标题直接跳到内动,或点击

打开另一个网页

实例

<body> 

<a href="#html">MAO DIAN</a>

<br>

......

<a name="html">MAO DIAN</a>

</body>

上一篇:HTML文字的修饰

下一篇:表单的基础知识

备案ICP编号  |   QQ:81962480  |  地址:上海金海路  |  电话:12345678910  |  
Copyright © 2019 MAPDF Studio 版权所有,授权www.mapdf.net使用 Powered by MAPDF.net