学者斋HTML网页设计语法基础代码
- 网页设计
- 关注：1.74W次
HTML是网页设计的语法基础。可以用“记事本”或“写字板”等普通文件编辑器查看和编辑，也可以在浏览器IE中通过菜单“查看”下的“源文件”查看HTML超文本源文件。就跟随本站小编一起去了解下吧，想了解更多相关信息请持续关注我们应届毕业生考试网!
下面一段HTML语言，用“记事本”或“写字板”等普通文件编辑器将下面HTML范例输入计算机，并保存为*或*，例如,然后用IE打开。
<html><head>
<title>这是一个最简单的例子</title></head>
<body>
<h1>天涯何处芳草！</h1><br>
<a href=>天涯虚拟社区 </a>
</body>
</html>
青风注：单个标签<br>回车换行
成对标签<html></html>HTML体
<head></head>头部
<tilte></tilte>标题
<body></body>内容
<h1></h1>一号字体
<a href=?></a>超链接
一、关于文件前景色、背景色的标签。
在<body>标签中加入下列属性——
1、文字颜色<body text="属性值">
2、背景颜色<body bgcolor="属性值">
3、链接点颜色设定：未链接<body link="属性值">
已链接<body vlink="属性值">
正在链接<body alink="属性值">
青风注：黑色#000000，白色#FFFFFF，红色#FF0000，黄色#00FFFF，也可用英文表示。
颜色代码表
4、背景图片：<body background="/path/filename.gif">
二、有关文字的.标签
在<body></body>对标签中加入下列标签——
标题字体大小：<h?></h?>(?取值1-6，1最大)
标题定位设定：<h align=/></h>(?取值right，left,center)
基本字体大小：<basefont size=?></font>(?取值1-7，7最大)
改变字体大小：<font size=?></font>(?取值1-7,7最大,3默认)(?=*pt)
改变字体颜色：<font color="属性值"></font>
设定字体：<font face="属性值"></font>(属性值=黑体，隶书等。默认值为宋体)
粗体字：<b></b>
斜体字：<I></I>
底线字：<u></u>
HTML范例2,如保存为。
<html>
<head>
<title>网页制作</title>
</head>
<body bgcolor="#000000" text="#FF0000">
<h1 align=center><font face=黑体>超文本文件和ＨＴＭＬ语言</font></h1>
<base font size=5> 网页的制作有两种：一是借助于<I><u>ＨＴＭＬ</U></I>语言在<u>文件编辑器</u>（<font size=2>如<font face=arlrl>windows</font>的写字板</font>）中编写；另一是使用<b>ＨＴＭＬ</b>编辑器编写。这里将介绍ＨＴＭＬ语言的基本知识以及用ＨＴＭＬ语言和frontpage制作简单的网页的<font size=7 face=隶书>方法</font>。
</body>
</html>
青风注: 起缩进文本的作用，两个连用相当于缩进一个汉字。
三、背景音乐的插入
标签如下：
1、出现播放器：
<embed original="文件名" width=? height=?>
2、不出现播放器，音乐反复演奏：
<embed original="文件名" width=true avtostart=true loop=true>
如<html>
<body>
<embed original="D:My Music二胡汉宫秋月3" width=100 height=45>
</body>
</html>
A、如何得到文件、版块的链接？
右击文件、版块的空白部分--属性--地址（URL)--将“http://***”拖全复制。
B、别院斑竹如何修改主题颜色和右上角公告栏？
本版介绍--栏目修改--可用HTML设计公告形式，可参照颜色代码表更改主题颜色。
C、斑竹如何给标题加颜色？
发表文章标题：<font color="属性值">标题〈/font>
D、如何关门？
1、如何让系统将后面的回复变色（如何改变楼下回复的字体）？
</font><font color="属性值">
青风注：用</font>拦住的原文前面的〈font……>,再用一个〈font……〉给后面的</font>封口。
如何改变回复字体？
同理
2、怎么封链接？
在签名里加一个</a>。
3、其余同理。
相关帖子： 《签名的做法》
作者：青风剑客 提交日期：2001-8-16 21:54:00
四 、图象以及图象的说明文字
插入图象标签：<img original="path/filename.gif(jpg)" board=? width=? heigh=? align=? alt='****'>
青风注：board，图象边框粗细
width，宽
heigh，高
align，对齐方式=top/center/left/bottom/right
alt，加入文字
五、超文本的链接
超文本链接标签：<a href="链接所指地方">链接的文字部分</a>
链接分3种：URL链接，本地链接，目录链接
1、URL链接
形式：协议名://主机、域名/路径/文件名
2、本地链接
形式："/盘符:路径、文件名
3、目录链接
形式："/盘符:路径、文件名#标识名（如链接同一文件中不同部分，文件名可省略）
六、水平线的插入
<h2 align="center">[七律]咏史</h2><hr width="60%" size="4" color="red">
<pre>
风雨沧桑不尽愁，梦魂奈向古神州。
周公礼乐秦皇火，汉武干戈隋帝楼。
宇内几经焦土裂，山前依旧大江流。
若非尘世伤怀地，焉有桃园代代留？
</pre>
八、列表结构的插入
<ul><li>苹果
<ol><li>红富士
<li>青蕉</ol>
<li>西瓜
<ol><li>海南岛西瓜
<li>本地西瓜</ol>
</ul>
<dl>
<dt>苹果</dt>
<dd>果实圆形，味甜或略酸
<dt>橘子</dt>
<dd>果实扁圆，果皮红黄色，味甜
</dl>
alt，加入文字
九、表格的插入：
<table border=1 bgcolor="yellow">
<caption>第十六周午餐菜单</caption>
<tr>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
<tr>
<td>红烧鸡翅</td>
<td>雪菜墨鱼</td>
<td aligh=center vaiign=center>椒盐大排</td>
<td><center>葱烤鲫鱼</center></tD>
<td>糖醋小排</td>
</tr>
</table>
- 文章版权属于文章作者所有，转载请注明 https://xuezhezhai.com/sjzz/sjzz/ox00z.html
