A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

使用HTML制作网页时,如果想让HTML标签提供更多的信息,可以使用HTML标签的属性加以设置。其基本语法格式如下:
<标签名 属性1=“属性值1” 属性2=“属性值2” …> 内容 </标签名>;
注意:在书写标签属性的时候每一个属性之间要用空格隔开;
20 、图片图像标签 img(重点)
img标签是单标签,我们在用img引入图片的时候必须配合原则性属性src属性找到图片对应的路径;
<img src=”图片路径” />
图片标签img的常见属性
src  属性值 --- url(图像路径)
alt  属性值 --- 替换文本    图像不能正常显示的时候替换文本;
title属性值 --- 提示文本    鼠标移入图片显示提示文本;
width属性值 --- 自定义数值    设置图片的宽度;
height属性值 --- 自定义数值    设置图片的高度;
border   属性值 --- 自定义数值    设置图片的描边,一般不使用,后期会使用css进行设置;
注意:01.src属性是必须书写的;
      02、给图片设置宽高的时候我们一般只设置一个宽度或者高度,不能同时设置,因为我们设置一个值的话图片就会等比例缩放,要是设置两个值图片就变形;
21、超链接a(重点)
概念
双标签  <a href=”文件路径”></a>
Href嗨原则性属性必须要书写,双引号里面是要跳转的目标文件;
超链接的链接方式:
外部链接(线上链接):直接在href=“http://+要访问的网址”,注意http://必须书写;
内部链接:  直接在href=“书写html页面名称(相对路径查找)”,注意在书写内部链接的时候要书写清楚页面的路径;内部跳转的是所有的文件必须在一个项目下面;
空链接:如果不知道要链接到什么地方,我们就暂时用#代替即可;
其他链接:我们不仅仅能给文字添加链接,我们还可以给其他的网页元素添加链接,例如:图像、表格、音频、视频等;
新窗口打开链接:target="_blank"
22、html注释
html注释:<!-- 注释内容 -->
快捷键:Ctrl+?
添加注释的作用:说明代码的含义,更好的管理代码的可读性,程序是不会对注释的代码进行解析的;
23、路径
路径分为绝对路径和相对路径,相对路径又分为同级路径、下级路径、上级路径;
路径就是从文件自身(当前的html)出发去查找目标文件
同级路径:
文件(html文件)目标文件同一个目录文件下面平级存在,我们可以直接书写目标文件名称(如果是图片就直接书写图片名称),例如:laowang.jpg;
下级路径
文件(html文件)存放目标文件的父级是平级存在,我们可以先书写目标文件的父级名称+/+目标文件名称,例如:img/laowang.jpg
上级路径../
存放文件(html文件)的父级存放目标文件的父级是平级关系,我们可以直接以 ../ 表示上一级去查找目标文件路径;

记忆口诀:
    同级路径:文件和目标文件是同一个父级,平级关系;
   下级路径:从文件出发往里面查找;
上级路径:从文件出发往外面查找,用 ../ 表示上一级关系;
绝对路径
绝对路径:以web站点根目录为参考基础的目录路径,其实一般分为两种情况:
01、带有盘符的路径,坚决不能使用,
            例如:“D:\web/logo.gif”;
02、完整的网络地址,可以使用只要网络资源一直存在,
           例如: http://www.itcast.cn
24、锚点链接
作用:实现页面内部的跳转
锚点链接的添加:
01 确认要跳转的位置标签,然后在标签身上添加id=”id名称”;
02 调用id名称,用超链接a进行调用,<a href=”#id名称”>锚点按钮</a>
25、 base标签
单标签,base标签可以统一设置超链接a的打开方式,书写在<head></head> 之间;
<base target=“_blank”>
26、pre预格式化
双标签,html写成什么样子就是什么样式;

注意:我们常用的特殊符号是:空格&nbsp;小于号&lt;大于号&gt;版权&copy;

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马