• html5学习系列——b标签


    旧标签:

    (1)<b>标签

    作用:定义粗体的文本

    (2)<base>标签

    作用:规定页面中所有链接的基准url

    属性:

      href 规定作为基准的url 在页面中使用的url

          taget 在何处打开页面上的链接,该属性会被每个链接中的target属性覆盖。 

    (3)<bdo>标签

    作用:覆盖默认的文本方向。

    属性:dir ltr/rtl:必需,定义文本方向。 ltr:从左到右;ttl:从右到左

    (4)<blockquote>标签

    作用:定义引用

    属性:cite 值为url 引用的url 如果引用来自网络的话。

    效果:<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来。

    (5)<body>标签

    作用:body 元素定义文档的主体。其中包含文档的所有内容(比如文本、图像、颜色、图形等等)。

    (6)<br>标签

    作用:插入简单的换行符,它没有结束符号。

    (7)<button>标签

    作用:定义按钮

    与input元素创建的按钮不同之处有button元素中可以放置内容,比如文档或图像。

    属性:

    autofocus:true | false 在页面加载时,是否让按钮获得焦点。  新属性

    disabled:disabled 禁用按钮

    name:button_name 为按钮规定名称

    type:button|reset|submit 定义按钮的类型

    value:为按钮规定初始值,该值可通过脚本改变。

    新标签:无

     涉及到的代码:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta http-equiuv="Content-Type" content="text/html" charset="UTF-8">
    		<!--base标签-->
    		<base href="I:zq"></base>
    		<title>Html5学习系列之b类标签</title>
    	</head>
    	<body>
    		<!-- B标签-->
    		the house with the <b>red</b> door<p>
    		<img src="test.jpg" style="height:100px;">
    		<!-- bdo标签-->
    		<p>
    		<bdo dir="rtl">Here is some text</bdo>
    		<p>
    		<bdo dir="ltr">Here is some text</bdo>
    		<!-- blockquote标签-->
    		<p>
    		卢思浩说<blockquote cite="www.baidu.com">愿有人陪你颠沛流离</blockquote>
    		<blockquote>在这里写上一段大家知晓的话在这里写上一段大家知晓的话在这里写上一段大家知晓的话在这里写上一段大家知晓的话</blockquote>
    		<!-- br标签-->
    		the text is testing <br>br tag
    		<!-- button标签-->
    		<button type="button" autofocus="true"> Click me</button>
    	</body>
    </html>
    

      

  • 相关阅读:
    函数式编程中的基本概念
    【VS】Visual Studio 就可以反编译查看源码了,再见了 Reflector
    【C#】CsvHelper 使用手册
    【C#】使用 System.Globalization.DateTimeFormatInfo 屏蔽系统时间格式对代码的影响
    【swagger】C# 中 swagger 的使用及避坑
    【C#】Newtonsoft.Json 中 JArray 添加数组报错:Could not determine JSON object type for type 'xxx'
    【C#】比较 Random 与 RandomNumberGenerator 生成随机字符串
    【C#】正则进阶
    【C#】写文件时如何去掉编码前缀
    【C#】定时器保活机制引起的内存泄露问题
  • 原文地址:https://www.cnblogs.com/Gabby/p/5347006.html
Copyright © 2020-2023  润新知