分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

Web front-end learning about Text and paragraph

发布时间:2023-09-06 02:13责任编辑:蔡小小关键词:Web

 关于文本和段落:

具体代码:

<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>First Web Page</title></head><body> ???<u>下划线显示</u><br> ???<b>黑体显示</b><br> ???<i>斜体显示</i><br> ???<em>表示强调,一般显示斜体</em><br> ???<del>显示删除线</del><br> ???<small>字号变小显示</small> ???<big>字号变大显示</big><br> ???X<sup>2</sup>+2X+1=9<sup>2</sup><br> ???X<sub>1</sub>+X<sub>2</sub>=5<br> ???<cite> 《平凡的世界》</cite><br> ???<code>alert("this is a line code");</code><br> ???<strong>表示强调,一般显示黑体</strong><br> ???<blockquote>是的,真正的爱情不应该是利己的,而应该是利他的,是心甘情愿的与爱人一起奋斗并不断自我更新的过程</blockquote><br> ???<address>成都市</address><br><br><br><br> ???<font>这是浏览器默认的文字样式</font> ???<font color="red">这是红色的文字</font><br> ???<font size="5">这是5号字体的文字</font><br> ???<font face="STKaiti">这是华文楷体的文字</font><br><br><br><br> ???<p align="left">这是一段文字,内容左对齐</p> ???<p align="center">这是一段文字,内容居中</p> ???<p align="right">这是一段文字,内容右对齐</p><br><br><br><br> ???<hr size="5px" color="red"> ???<p>默认换行:这是一段文字,我们需要在【此处】换行,但是由于段落还未占满,浏览器默认不换行。</p> ???<hr size="1px" color="blue"> ???<p>强制换行:这是一段文字,我们需要在【此次】<br>换行,即是段落未占满,已然强制换行。</p> ???<hr width="50%" color="red"><br><br><br><br> ???<p> ???这是一段没有设置任何样式的普通的段落,在浏览器默认情况下段落左对齐,无段落缩紧。</p> ???</blockquote> ???<center style="background: #EEE"> ???????<p>设置了文本居中,文本中的图像<img src="boy.png">也一起居中</p> ???</center><br><br><br><br> ???《静夜思》 ???床前明月光,疑是地上霜。 ???举头望明月,低头思故乡。 ???<pre> ???????《静夜思》 ???床前明月光,疑是地上霜。 ???举头望明月,低头思故乡。 ???</pre></body></html>

标签的使用实例:

Web front-end learning about Text and paragraph

原文地址:https://www.cnblogs.com/bingw/p/9607494.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved