HTML语言对文字的处理

标签 语意
<b> 加粗
<i> 加斜
<small> 小字
<big> 大字
<cite> 表引用
<q> 短引用(行内引用)
<blockquote> 长引用(块级引用)
上角标
下角标
<del> 加删除线
<ins> 表示插入的内容(即加下划线)
列表
1.
image.png

使用ol和li创建一个有序列表(块元素)

2.
image.png

使用ul和li创建一个无序列表(块元素)

3.

image.png

使用dl、dt、dd创建一个定义列表(可描述多个)
:三种列表可相互嵌套

字体分类
语句 语意
font-family:serif; 衬线字体
font-family:sans-serif; 非衬线字体
font-family:monospance; 等宽字体
font-family:cursive; 草书字体
font-family:fantasy; 虚幻字体
大写化
语句 语意
text-transform:uppercase; 大写
text-transform:lowercase; 小写
text-transform:capitalize; 首字母大写
text-transform:none; 正常
文本的修饰
语句 语意
text-decoration:underline; 加上划线
text-decoration:overline; 加下划线
text-decoration:line-throughi; 加中划线
text-decoration:none; 正常
间距
语句 语意
letter-spacing:10px; 设置字符间的间距为10像素
word-spacing:10px; 设置单词间的间距为10像素
对齐文本
语句 语意
text-align:left; 左对齐
text-align:right; 右对齐
text-align:justify; 两边对齐
text-align:center; 居中对齐
text-indent:2em; 首行缩进两个字符,只对第一行生效
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,325评论 1 92
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 5,125评论 0 0
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 17,006评论 32 459
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,223评论 0 1
  • 一,有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)?...
    kingBirds阅读 945评论 0 0

友情链接更多精彩内容