zhuhuiwen Front-end Dev Engineer

HTML TAG(一)

2016-08-28

html标签

单标签

  • <!----> <br> <hr>

    双标签

  • <p></p> <h1></h1>

文本格式化标签

  • <strong></strong> <b></b> 加粗
  • <em></em> <i></i> 斜体
  • <del></del> <s></s> 删除线
  • <ins></ins> <u></u> 下划线
  • <font color="red" size=5>改变文字颜色和大小</font>
  • <div></div> <span></sapn>(没有语义和标签) 网页布局中使用的标签

(img) 标签

  • <img> src 设置显示的图片名称或路径; width、height;alt 设置对图片的文字描述(给搜索引擎看的);title 设置鼠标移动到图片上的文字显示

8/28/2016 5:14:35 PM

超链接

最基本的用法

  • 超链接实现页面跳转

属性

  1. target :_self 默认值 _blank 新窗口
  2. title : 设置鼠标移动到超链接上的文字提示

base标签

  • `<head>

</head>`

  • 跳转页面新窗口时打开

超链接其他用法

  • 锚链接

  • 特点: 实现页面内部的跳转 <div id="ah">===========需要定位到这里============</div> <a href="#ah">返回到定位点</a>

a的链接

  • 实现案例 : 四季

特殊标记(实体字符)

  • <小于 &lt;>大于 >
  • 空格 &nbsp; 人民币 &yen;

列表

  • 无序列表 <ul><li></li></ul>
  • 有序列表 <ol><li></li></ol>
  • 自定义列表 <dl><dt></dt><dd></dd></dl>

下一篇 快捷键总结

Comments