首页 > 代码库 > html基础(img、a、列表 )

html基础(img、a、列表 )

 

图片标签(img)

<img src=http://www.mamicode.com/"图片路径" alt="图片描述 图片无法正常显示出现文字" title="爱你"/>

img标签在html中是引入外部图片到网页中显示的标签

 
img 必须属性 
 alt:图片描述文字
 src:图片路径
  titlt:设置鼠标移上显示的文字
 
超链接a
<a>超链接,用于从一张页面链接到另一个页面
<a href=http://www.mamicode.com/"地址" target=“打开方式,新窗口” title=“说明(鼠标移上显示字)”>链接内容</a>

 

target目标值如下
_blank 在新窗口代开链接(常用)
_parent 在父窗体中打开链接
_self在当前窗体打开链接,默认值
_top 在当前窗口打开链接,并替换当前的整个窗体
 
css控制超链接样式
a:link 控制超级链接的初始状态
a:hover 鼠标移上悬停状态
a:active 鼠标点击时状态
a:visited 是访问过后的状态
 
列表
html中有3中列表:有序列表  无序列表  定义列表 
提示: 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
 
有序列表是一列使用数字进行标记的项目,它使用<ol>包含<li>
<ol>
  <li>开始部分</li>
  <li>次要部分</li>
  <li>结尾部分</li>
</ol>

技术分享

 

无序列表是一组黑点状进行标记的项目,它使用<ul>包含<li>

<ul>
    <li>关于主题</li>
    <li>关于形式</li>
    <li>关于内容</li>
</ul>

技术分享

 

 
定义链表语义上项目其注释的组合,
    <dl>
    <dt>CSS</dt>
    <dd>CSS概念</dd>
    <dd>CSS应用</dd>
    <dd>CSS hacks</dd>
    </dl>

技术分享

释:无序列表适合成员之间无级别顺序关系的情形;

         有序列表适合各项目之间存在顺序关系的情形
         定义列表用于一个术语名对应多重定义或者多个术语名同一个给出的定义,也可以只有术语名称或只有定义,也就是说<dt>与<dd>在其中数量不限、对应关系不限。

html基础(img、a、列表 )