关于html语言的基本知识(第一部分):
1.结构
主要由head,title,body,三个部分组成。
每一个部分都是以<>...</>形式组成的,如:<head>...</head>
<>表示这一部分的开始,</>表示这一部分的结束。
如<html>
<head><title>标题部分</title></head>
<body>我的第一个html网页</body>
</html>
这也是一个简单的html语言。
HTML对回车和空格都不敏感,所以写的时候不必太在意它们。
2.BODY中的一些语言和用法
①.对页面的设置:
bgcolor标志页面背景颜色
<body bgcolor="red">即页面背景色为红色;
background设置背景图片
<body background=“图片地址”>
bgproperties=fixed是设置背景图片不随滚动条的滚动而滚动,直接加在地址后面即可。
②.对文字的设置:
<body text="green">即网页文字为绿色
对于链接中的文字,link,vlink,alink分别对应:普通超级链接,访问过的超级链接,当前活动的超级链接。
如,<body alink="red" link="pink" vlink="green">当前颜色为粉色,点击时为红色,访问过为绿色。
<body text="green" leftmargin="200" topmargin="300">你好吗。即“你好吗”距离左边卫200,上边为300.
下面是几个对文字的控制语句:
<B>...</B>加粗
<I>...</I>斜体方式
<EM>...</EM>斜体方式
<SUP>...</SUP>以上标文本效果
<SUB>...</SUB>下标文本的效果
<U>...</U>以下划线显示
<S>...</S>以删除线显示
<FONT>控制文字的大小和样式:
<font color="颜色值" size="大小" face=“字体样式”>
</font>
跑动文字:
<marquee>...</marquee>是文字产生跑动效果,其中,
direction:走动方向;
bgcolor:文字背景颜色;
height:跑动文字的高度;
wide:跑动文字的宽度;
hspace:文字水平边距;
vspace:文字上边距;
behavior:文字运动方式;
loop:文字跑动圈数;
scrolldelay:移动速度;
scrolldelay:移动延时。
如:
<marquee direction="right" heigh="50"...>+跑动文字内容
</marquee>
③.标题的设置
定义了六个标题,从h1至h6,字体依次变小。
<body>
<h1>文字</h2>
</body>
利用align语句实现标题文字水平,左,中,右的对齐方式:
align=“left/center/right"
如:
<body>
<h1 align="left">文字</h1>
</body>
④.段落的设置
<p>:标记段落,可以区分段落,也可以区分换行
<br>:之后的文字会在下一行出现
<hr>:设置水平线
<center>:标记所包含的内容,将以居中对齐的方式呈现
<pre>:吧源文件中的回车,空格,换行,tab键表现出来
<nobr>:取消浏览器因为窗口的变化而产生的文字等其他内容的换行
<xmp>:是标记内的html语言在网页中不起作用,依然以html语言的方式呈现
如:
<body>文字
<p>文字<br>
<hr>
<center>文字</center><br>
⑤.html列表
有序列表(使用数字编号,分项带有顺序性质)
形式:<ol>...</ol>
<ol type="编号样式" start="编号起始值">
<l1>项目一</l1>
...
</ol>
其中,type包括:阿拉伯数字,英文大小写,罗马小写数字,罗马大写数字。
start:编号样式设置为A,起始值设置为2,则列表的起始值为B。
无序列表(不为数字为开始,而是使用一种符号作为分项标记)
形式:<ul>...</ul>
<ul>
<l1>项目一</l1>
...
</ul>
其中,type包括:circle空心圆,disc圆点,square正方形。
如果没有说明的话,就是默认为圆点。
自定义列表(包含两个层次,一个是名词,一个是名词的解释)
形式<dl>...</dl>
<dl>
<dt>任意符号<dd>文字</dd>
...
</dl>