HTML+CSS学习笔记二
来源:互联网 发布:男士发簪 淘宝 编辑:程序博客网 时间:2024/05/16 12:55
在HTML中,<p></p>标签是一个文本级标签,里面只能放文字,图片和表单元素。
在HTML中,可以使用<img src="" />标签来插入图片。img是image的简写,src是source的简写。src是img标签的属性。能够插入的图片类型有jpg、jpeg、bmp、png、gif。不能插入的类型有psd、ai。
同时,这个标签是一个自封闭标签,也可以叫做单标签。
在img标签中可以加入alt属性,如:<img src="" alt="" />。alt属性的作用是当图片无法正常显示时,alt属性中的值将会作为替代文字出现。
例如:
当网页上的图片无法正常显示时,会出现
在HTML中,为了实现网页之间或者网页内锚点之间的跳转,就必须要确定文件之间的相对路径。
比如我要在网页中引用images文件夹中的图片,我的代码必须是<img src="images/ghost.jpg" />。如果我要引用上一级文件夹中的图片,我的代码必须是<img src="../ghost.jpg" />。
而当我为了实现网页间的跳转时,我必须在网页内加入超链接。代码为:<a href=""></a>。a是anchor的简写,href是hyperText reference的简写。a标签时一个文本级标签。
例如:
在网页上显示的效果为:
同时,还可以在a标签中加入title属性,作用是当鼠标移至超链接文本时,会显示title中的值。
例如:
在网页上的显示效果为:
也可以在a标签中加入target属性,作用是在新打开的空白页中显示跳转的网页。使用命令<a href="" target="_blank"></a>就可以实现这一功能。
为了实现网页页面内的跳转,可以在网页中加入锚点。在a标签中加入name属性或者id属性就是起到设置锚点的作用。
例如:
同时,为了跳转到这个锚点,需要使用命令<a href="#我的作品"></a>。
- HTML+CSS学习笔记二
- HTML、CSS学习笔记(二)
- 《HTML+CSS基础课程》学习笔记二
- HTML+CSS学习笔记(二)
- HTML/CSS 学习笔记(二)
- web开发-html和css学习网址-学习笔记二
- HTML/CSS学习笔记
- HTML CSS学习笔记
- HTML+CSS学习笔记
- HTML + CSS学习笔记
- HTML&CSS学习笔记
- HTML&CSS学习笔记
- HTML、CSS学习笔记
- html&css学习笔记
- HTML+CSS学习笔记
- HTML/CSS学习笔记
- HTML+CSS学习笔记
- html+css学习笔记
- linux mint下使用外部SMTP(如网易yeah.net)发邮件
- 原来是它,发现ubuntu一年的秘密
- 【Git官方文档翻译】1. 新手入门
- java泛型
- MongDB在linux服务端配置安装以及数据备份
- HTML+CSS学习笔记二
- 【caffe学习笔记之4】利用MATLAB接口运行cifar数据集
- maven配置文件引入jdk1.8和阿里云仓库
- 线性表顺序存储结构小结
- android studio开发(android res和asset等特殊文件夹 )
- CSS学习笔记:@font-face
- MATLAB 中有哪些命令,让人相见恨晚?
- webpack前端代码优化插件
- Netty权威指南 第2版学习笔记3——Netty NIO开发指南