HTML基础跟着李南江学编程

结构元素

  • div:在文档中定义一块区域,即包含框,容器
  • span:在文本行中定义一块区域,即行内包含框
  • ol:根据一定的排序进行列表
  • ul:没有排序的列表
  • li:每条列表项
  • dl:以定义的方法进行列表
  • dt:定义列表中的词条
  • dd:对定义的词条进行解释
  • del:定义删除的文本
  • ins:定义插入的文本
  • h1~h6:标题1到标题6,定义不同级别的标题
  • p:定义了段落结构
  • hr:定义水平线

内容元素

  • a:定义超链接
  • abbr:定义缩写词
  • address:定义地址
  • acronym:定义取首字母的缩写词
  • dfn:定义条目
  • kdb:定义键盘键
  • samp:定义样本
  • var:定义变量
  • tt:定义打印机字体
  • code:定义计算机源代码
  • pre:定义预定义格式文本,保留源代码格式
  • blockquote:定义大块内容引用
  • q:定义引用短语
  • strong:定义重要文本
  • em:定义文本为重要

  • class:定义类规则或样式规则
  • id:定义元素的唯一标识
  • style:定义元素的样式声明
  • 这些元素不拥有核心属性:html、head、title、base、meta、param、script、style,这些元素一般位于文档头部区域,用来定义网页元信息。
  • lang:定义元素的语言代码或编码。
  • dir:定义文本方向,包括ltr和rtl取值,分别表示从左向右和从右向左。
  • 以下这些元素不拥有语言属性:frameset、frame、iframe、br、hr、base、param、script。
  • 例如:<html xmlns="http:/xxx/xhtml" dir="rtl" lang="en">

  • accesskey:定义访问某元素的键盘快捷键

    • 使用accesskey属性可以使用快捷键(Alt+字母)访问指定的URL,但是浏览器不能很好的支持,在IE中仅激活超链接,需要配合Enter键确定。

    • 一般会在导航栏中设置快捷键。例如:
      <a href="http://www.baidu.com" accesskey="a">按住Alt键,点击A键可以链接到百度首页</a>

  • tabindex:定义元素的Tab键索引编号

    • tabindex属性用来定义元素的Tab访问顺序,可以使用Tab键遍历页面中的所有连接和表单元素。遍历时会按照tabindex的大小决定顺序,当遍历到某个链接时,按Enter键即可打开链接页面。

    • 例如:

      <a href="http://www.baidu.com" tabindex="1">百度</a>		
      <a href="http://www.163.com" tabindex="2">网易</a>
      <a href="http://www.qq.com" tabindex="3">腾讯</a>
      

  • alt:定义元素的替换文本

  • title:定义元素的提示文本

  • longdesc:定义元素包含内容的大段描述信息没有浏览器支持 longdesc 属性。

  • cite:定义元素包含内容的引用信息

  • datetime:定义元素包含内容的时间和日期

  • alt和title是两个常用的属性,分别用于定义元素的替换文本和提示文本

  • 例如:

    <a href="#" title="提示文本">超链接</a>
    <img src="URL" alt="替换文本" title="提示文本"/>
    <a href="http://www.baidu.com"><cite>百度</cite></a>
    <input type="image" src="URL" alt="替换文本"/>
    

  • rel:定义当前页面与其他页面的关系

  • rev:定义其他页面与当前页面之间的链接关系

  • rel表示从源文档到目标文档的关系

  • rev表示从目标文档到源文件的关系

  • 例如:

`<a href="Demo.html" rel="prev">`链接到集合中的前一个文档</a>
我正在跟着江哥学编程,更多前端+区块链课程: www.it666.com
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值