免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 发帖

章节2 认识基本的HTML代码


目录栏
Font Size 字体大小 Heading 标题大小 Bold 加粗字体
让字体Italic Underline字体 Alignment 对齐排列
Font Color 字体颜色 Font Style 字体样式 Insert Picture 插入图片



Font Size 字体的大小

size=1 表示字体最小
size=7 表示字体最大
size=8 这是不存在的,最大是7,不能超过8


例如:
 <font size=1>你好吗?</font> 你好吗?
 <font size=2>你好吗?</font> 你好吗?
 <font size=3>你好吗?</font> 你好吗?
 <font size=4>你好吗?</font> 你好吗?
 <font size=5>你好吗?</font> 你好吗?
 <font size=6>你好吗?</font> 你好吗?
 <font size=7>你好吗?</font> 你好吗?



标题的大小和字体的大小刚好相反
<h1>是字体是最大 反而
<h6>的字体是最小

标题的大小 只有 1-6,而且使用这代码会自动把标题变 Bold (粗体)



例如:(在本论坛发布主题或回复无法使用这代码,若要试验请自己写在自己编辑器里做实验吧!)
<h1>Heading 1</h1>

Heading 1

<h2>Heading 2</h2>

Heading 2

<h3>Heading 3</h3>

Heading 3

<h4>Heading 4</h4>

Heading 4

<h5>Heading 5</h5>
Heading 5
<h6>Heading 6</h6>
Heading 6



让字体加粗

演示:
<b>你好吗?</b> 你好吗?


让字体斜体

演示:
<I>你好吗?</I>你好吗?


字体下有线条

演示:
<u>你好吗?</u>你好吗?


让字体对齐排列
分为 左、中、右

演示:
<Left>你好吗?</Left>你好吗?
<Center>你好吗?</Center>你好吗?
<Left>你好吗?</Left>你好吗?


设置字体的颜色
了解更多颜色的代码:<暂无链接>


演示:
<font color="red">你好吗?</font>你好吗?
<font color="#ff0000">你好吗?</font>你好吗?
<font color="blue">你好吗?</font>你好吗?
<font color="#0000ff">你好吗?</font>你好吗?


设置字体的样式(款式、风格)
了解更多Font Style 字体样式:<暂无链接>


演示:
<font face="arial">Font</font>Font
<font face="Impact">Font</font>Font
<font face="Times New Roman">Font</font>Font
<font face="黑体">你好吗?</font>你好吗?


全都是字体,读者都会看到闷,所以不如放一些图片吸引读者们吧!

Insert Picture Code 插入图片代码

XXX = 输入图片地址

例如 网页外链接:
  • http://xxx.jpg
  • http://xxx.gif
  • http://xxx.png

例如 本地网盘链接:
  • xx.jpg
  • xx/xx.jpg

例如 本地计算机(电脑)链接:
  • file:///C|/Users/Public/Pictures/Sample Pictures/xx.jpg
  • file:///F:/Users/Public/Pictures/Sample Pictures/xx.jpg

Picture Size Code 图片的大小(宽于高)代码
width=宽    height=高

Picture Alignment 图片的对齐排列代码
这个代码并非普通的对齐排列的代码

普通的代码 设置图片在右边:(不完美的方法)
这种方法让图片移去右边连同字体也会自动移去右边

Picture Alignment 图片的对齐排列代码:正确方法)
Align= (Left, Center, Right)
不填写 width 和 height 也可以

演示:
图片在左边,字体不受影响

你好吗?<img src="http://i1306.photobucket.com/albums/s573/SaraAce/1f5dc357-665f-420e-b7a3-b311736f2882_zps7511f2e4.jpg" align="left">我很好
你好吗?我很好
图片在中间 分开 字体(没什么特别)

你好吗?<img src="http://i1306.photobucket.com/albums/s573/SaraAce/1f5dc357-665f-420e-b7a3-b311736f2882_zps7511f2e4.jpg" align="center">我很好
你好吗?我很好
图片在右边,字体不受影响

你好吗?<img src="http://i1306.photobucket.com/albums/s573/SaraAce/1f5dc357-665f-420e-b7a3-b311736f2882_zps7511f2e4.jpg" align="right">我很好
你好吗?我很好

本帖隐藏的内容需要回复才可以浏览

分享到: QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友

看帖回帖那是一定要的:
好帖! 好帖! 0w0

TOP

回复 2# 慧遠


    有学习到么?

TOP

返回列表