1、创建一个html文件，并使用文本编辑器打开，输入html基本元素：
2、文本对齐全方式可通过设置<p>元素的align属性完成，基本格式如下：
<p align="对齐方式">文本段落</p>，
对齐方式有：left, center, right，如左对齐方式：align="left"
3、右对齐方式为：align="right"
扩展资料：
HTML书写方式：
它其实是文本，它需要浏览器的解释，它的编辑器大体可以分为三种，
1、基本文本、文档编辑软件，使用微软自带的记事本或写字板都可以编写，当然，如果你用WPS来编写，也可以。不过存盘时请使用.htm或.html作为扩展名，这样就方便浏览器认出直接解释执行了。
2、半所见即所得软件，
如：FCK-Editer、E-webediter等在线网页编辑器；
尤其推荐：Sublime Text代码编辑器（由Jon Skinner开发，Sublime Text 2收费但可以无限期试用）。
3、所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，如：
AMAYA（出品单位：万维网联盟）；
FRONTPAGE（出品单位：微软）；
Dreamweaver（出品单位：Adobe）。
4、所见即所得软件与半所见即所得的软件相比，开发速度更快，效率更高，且直观的表现更强。任何地方进行修改只需要刷新即可显示。缺点是生成的代码结构复杂，不利于大型网站的多人协作和精准定位等高级功能的实现。
要让 html 文字右对齐，可以使用 css 样式来实现。可以在元素的 style 属性中添加 text-align:right，例如：<p style="text-align:right">这是一段文字</p>
也可以将样式放在单独的 css 样式表中，然后通过 class 或 id 等选择器来应用样式。例如，可以在 css 样式表中添加如下代码：
.right-align {
text-align: right
}
然后，可以在 html 中使用该 class 来应用样式：
<p class="right-align">这是一段文字</p>
总之，可以通过设置 css 样式的 text-align 属性来实现 html 文字右对齐。
<!doctype html><!--这个是要有的--><html>
<head>
<title>电子商务</title>
<style type="text/css">
body {background-image: url(image/bg.jpg)}/*设置背景*/
.col{width:300pxfloat:left}/*设置左栏，容纳上下两个图片*/
.imgDiv70{width:300pxheight:200pxbackground-color:#f00display:block}/*上面的图片*/
.imgDiv72{width:300pxheight:200pxbackground-color:#00fdisplay:block}/*下面的图片*/
.imgDiv71{width:400pxheight:400pxbackground-color:#0f0display:blockfloat:left}/*右面的图片*/
.next{float:right}/*给链接打一个包裹，让这个包右对齐*/
.next img{width:50pxheight:50pxvertical-align:middlebackground-color:#0ff}/*设置图片并且垂直居中*/
.next span{height:50pxfont-family:"黑体"font-size:30pxline-height:50px}/*设置字体并且垂直居中*/
</style>
</head>
<body>
<div class="col"><img class="imgDiv70" src="image/70.jpg"><img class="imgDiv72" src="image/72.jpg"></div>
<img class="imgDiv71" src="image/71.jpg">
<div style="clear:both"></div><!--清除浮动，不过一般不推荐这么用-->
<a href="4.html" class="next"><img alt="下一页" src="image/back.png" ><span>下一页</span></a>
</body>
</html>
通过HTML标签来调整外观已经过时，一般HTML负责结构，CSS负责外观表现。你所希望的是一种表现方式，而且单纯通过HTML很难实现，所以我用了CSS写出来，并加上注释
我的这种写法看起来清晰多了吧？
建议多学习HTML以及CSS知识，例如 慕课网
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）