HTML5学习记录之文本元素

主要记录除元素a外的其他文本元素的功能(虽说大多都没有什么功能)

学习视频:http://edu.csdn.net/course/detail/489/5452?auto_start=1

<!DOCTYPE html><!--文档类型声明
不区分大小写-->
<html lang = "zh-cn">
	<head>
		<meta charset="utf-8">
		<title>文本元素</title>
	</head>
	<body>

	b元素:这是<b>HTML5</b>教程<br><!-- 加粗 -->
	strong元素:这是<strong>HTML5</strong>教程<br><!-- 强调加粗 -->
	wbr元素:安全换行,主要就是英语单词被拆开的问题<br><!-- 换行 -->
	i元素:这是<i>HTML5</i>教程<br><!-- 斜体 -->
	em元素:这是<em>HTML5</em>教程<br><!-- 斜体 -->
	s元素:这是<s>HTML5</s>教程<br><!-- 删除线 -->
	del元素:这是<del>HTML5</del>教程<br><!-- 强调的删除线 -->
	u元素:这是<u>HTML5</u>教程<br><!-- 下划线 -->
	ins元素:这是<ins>HTML5</ins>教程<br><!-- 下划线 -->
	small元素:这是<small>HTML5</small>教程<br><!-- 小一号的字体 -->
	sub元素:这是HTML<sub>5</sub>教程<br><!-- 下标 -->
	sup元素:这是HTML<sup>5</sup>教程<br><!-- 上标 -->

	code元素:<code>HTML5</code><br><!-- 计算机代码片段 -->
	var元素:<var>HTML5</var><br><!-- 编程语言中的遍量 -->
	samp元素:<samp>HTML5</samp><br><!-- 程序或计算机的输出 -->
	kdb元素:<kbd>HTML5</kbd><br><!-- 用户的输入 -->
	<!-- 这四个属于英语范畴,必须把语言改成英文才有效果.lang = "en" -->

	abbr元素:<abbr>HTML5</abbr><br><!-- 没有实际作用,从语义上看是一段文本的缩写 -->
	<!-- 表示缩写,让CSS去设计它 -->

	dfn元素:<dfn>HTML5</dfn><br><!-- 一般性的倾斜,从语义上看,表示解释一个词或短语的一段文本 -->

	q元素:<q>HTML5</q><br><!-- 效果就是加了一个双引号 --><!-- 引用来自他处的内容 -->

	cite元素:<cite>HTML5</cite><br><!-- 引用其他作品的标题,实际作用就是倾斜 -->

	ruby元素:<ruby style = "font-size:100px;">饕(tāo)餮(tiè)</ruby><br>
	ruby元素:<ruby style = "font-size:100px;">饕<rp>(</rp><rt>tāo</rt><rp>)</rp>餮<rp>(</rp><rt>tiè</rt><rp>)</rp></ruby><br><!-- 中文的拼音,西方不需要 -->
	<!-- 子标签rp包含括号,子标签rt包含拼音 感受两种方法的区别-->

	bdo元素:<bdo>默认状态</bdo><br>
	bdo元素:<bdo dir = "rtl">HTML5</bdo><br>
	<!-- 从右往左是rtl,从左往右是ltr -->
	<!-- 顺序默认是ltr,可以用dir设置 -->
	<!-- 还有一个bdi也是处理方向的,大部分浏览器不支持 -->

	mark:<mark>突出显示文本</mark><br><!-- 实际作用就是黄色的背景黑色的字 -->

	time:<time>2020-10-1</time><br><!-- 没有实际作用,表示日期和时间 -->

	span:<span>表示一般性文本</span><br><!-- 没有实际作用,我们经常用它来设置CSS等操作 -->

	</body>
</html>


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值