打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
【学习网页制作基础入门教程(3)】
编辑制作/吉祥如意 来源/英雄
标题标签
1. 使用方法:<H1>标题內容</H1>
2. 标签解释:标题的大小一共有六种,两个标签一组,也就是从 <H1> 到 <H6> , <H1> 最大,<H6>最小。使用标题标签时,该标签会将字体变为粗体字,并会自成一行。
3. 使用范例:
原始碼
呈現結果
<H1>标题1</H1>
标题1
<H2>标题2</H2>
标题2
<H3>标题3</H3>
标题3
<H4>标题4</H4>
标题4
<H5>标题5</H5>
标题5
<H6>标题6</H6>
标题6
设定字体大小标签
1. 使用方法:<FONT SIZE="尺寸">文字內容</FONT>
2. 标签解释:标题的大小一共有七种,也就是<FONT SIZE=1>(最小)到 <FONT SIZE=7>(最大),另外,还有一种写法:<FONT SIZE=+1> 文字內容 </FONT>,其意思就是说:比预设字大一级。当然也可以 FONT SIZE=+2(比预设字大二级),或是 FONT SIZE=-1(比预设字小一级),以一般而言,预设字体多为 3。
3. 使用范例: 本网页就是 <FONT SIZE = 9pt>
字型变化标签
1. 使用方法:<B>文字內容</B>
2. 标签解释:在文字标签里,对于文字的格式也有相当多的变化,如粗体、斜体...等,此外,也定义了一些现成的格式供编者使用,如『强调』、『原始码』...等,当然,这只是方便您参考用,并无强迫说遇到原始码就要加上『原始码』的标签。
3. 使用范例:
原始代码
显示结果
<B>粗体</B>粗体
<I>斜体</I>斜体
<U>底线</U>底线
<SUP>上标</SUP>上标
<SUB>下标</SUB>下标
<TT>打字机</TT>打字机
<BLINK>闪烁</BLINK>闪烁
<EM>强调</EM>强调
<STRONG>加强</STRONG>加强
<SAMP>范例</SAMP>范例
<CODE>原始码</CODE>
原始码
<VAR>参数</VAR>参数
<DFN>定义</DFN>定义
<CITE>引用</CITE>引用
<ADDRESS>所在地址</ADDRESS>所在地址
文字颜色设定
1. 使用方法:<FONT COLOR="#000000">文字颜色</FONT>
2. 标签解释: 文字也可以设定颜色!
3. 使用范例:
原始代码
显示结果
<FONT COLOR="#ff0000">红色</FONT> 红色
<FONT COLOR="#ff8000">橙色</FONT> 橙色
<FONT COLOR="#ffff00">黃色</FONT> 黃色
<FONT COLOR="#00ff00">绿色</FONT> 绿色
<FONT COLOR="#0080ff">蓝色</FONT> 蓝色
<FONT COLOR="#8000ff">紫色</FONT> 紫色
<FONT COLOR="#000000">黑色</FONT> 黑色
文字字型设定
1. 使用方法: <FONT FACE="字型名称">文字</FONT>
2. 标签解释: 网页上也可以使用字型!唯一的一个限制是:对方也要有该字型!否则看到的仍然还是默认字体(默认字体为宋体)。另外要说明的是,这个标签并无法保证在每个浏览器上都能正常的显示,不过这并没有关系,看不到特殊的字型时,浏览器仍会以默认字体显示,所以不用怕会一团乱。
3. 使用范例:
原始代码
显示结果
<FONT FACE="宋体">宋体</FONT> 宋体
特殊字元
1. 使用方法:试打 "&nbsp;"
2. 标签解释:很多特殊符号是需要特别处理的,比如说" < "、" > "这两个符号若想要显示在网页上是没有办法直接打" < "的,要显示" < "必须输入编码表示法。
3. 使用范例:
原始代码
显示结果
&nbsp; ( 代表一个不断行空白)
&lt; <
&gt; >
&amp; &
&quot; "
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
HTML字体属性
【学习网页制作基础入门教程(2)】 - 英雄的日志 - 网易博客
HTML网页制作教程第三章:文字版面的编辑 - HTML教程 - 网站制作教程网
代码学习群简易教程(4)
盗雪html5入门基础视频教程下载汇总
HTML语法教学
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服