HTML基础知识

水平线标记:<hr size=”3” align=”left”width=”75%” color= "red" />

hr标记表示在文档当前位置画一条水平线,其中size属性定义线的粗细,属性值取整数,缺省值为1;

align属性表示对齐方式,可取left(左对齐,缺省值),center(居中),right(右对齐);

width属性定义线的长度,可取相对值(由一对“”号括起来的百分数,表示相对于充满整个窗口的百分比),也可取绝对值(用整数表示的屏幕像素点的个数,如width=“300”),缺省值是“100%”。

网页标题:<title>网页标题</title>

网页标题是提示网页内容和功能的文字,它将出现在浏览器的标题栏中,一个网页只能有一个标题,并且只能在文件的头部进行设置。

标签meta

<meta name=keywordscontent=“关键字1,关键字2/>

<meta name=descriptioncontent=“页面的描述内容”/>

<meta name=authorcontent=“作者的姓名”/>

<meta http-equiv=content-typecontent=text/html; charset=字符集类型”/>

<meta http-equiv=refreshcontent=“跳转时间;url=链接地址”/>

跳转时间默认以秒为单位。

当语法中的链接地址被省略时,网页的功能就变成了刷新页面本身,这在不断更新数据的页面中常常会用到。

<meta http-equiv=“过渡事件”content=revealtrans(duration=过渡效果持续时间,transition=过渡方式)/>

过渡事件值为page-enter时是进入页面,值为page-exit时是离开页面。

过渡效果持续时间默认情况下以秒为单位

过渡方式取值为0到23,分别代表盒状收缩、盒状放射等不同的过渡方式

<!- - 注释的文字- ->

字体控制标记符:< FONT> < /FONT>

<FONT size="2" face="宋体"color="#0000ff"> 例子一</FONT>

物理字符样式:

 

滚动文字效果——<MARQUEE></MARQUEE>

width 和height——滚动字幕滚动区域的宽度和高度

align——滚动字幕与周围对象对齐的方式

behavior——滚动字幕移动的方式#=scroll, slide, alternate

bgcolor ——滚动字幕区域的背景色

direction ——文本滚动的方向 #=left, right

hspace和vspace ——滚动字幕四周水平和垂直方向上的间隙

loop ——滚动重复的次数

scrollamout ——文本滚动的步进象素间距

scrolldelay ——两次文本重画之间的毫秒延时数

例子:

<HTML>

<HEAD><TITLE>滚动字幕示例</TITLE></HEAD>

<BODY>

       <DIValign="center">

       <MARQUEEbgcolor="#00FFFF" width="500">

      

  <FONT face="楷体_gb2312">哈哈哈,我在滚动!</FONT>

              </DIV><BR>

              <IMGsrc="barbarian.jpg" align="absmiddle">图像也可以滚动哦!

              <P>

     我滚动的很快!

      

</MARQUEE>

</BODY>

</HTML>

段落标记符——< P> < /P >   换行标记符——<BR>

区别:

<P>不能产生多个空行,而<BR>则可在内容之间设置多个空行,即形成空白

<P>是断段,而<BR>是断行

标题标记符——<Hn></Hn>

浏览器在解释标题标记符时,会自动改变文字的大小,并且将字体改为黑体,同时将内容设为一个段落

n是1至6的数字,<H1>表示最大的标题,<H6>表示最小的标题

文本对齐:

align属性:取值:right(右)、left(左)、center(居中)justify(两端)

DIV标记符——<DIV> </DIV>

为文档分节,以便为文档的不同部分应用不同的段落格式

必须与 align等属性联合使用

位于 DIV 标记符中的多段文本将被认为是一个节,可为它们设置一致的对齐格式。

CENTER标记符——<CENTER></CENTER>

将<CENTER>和 </CENTER>包括起来的内容定义为居中对齐

列表格式:

有序列表(Ordered list

<OL>

      <LI>列表项 1

      <LI>列表项 2

       <LI>列表项 3

</OL>

OL标记符的属性:

type——设置数字序列样式

start ——设置数字序列的起始值, 值可以是任意整数

当位于 OL 标记符内时,LI 标记符的属性:

type ——设置数字样式,取值与OL 的 type 属性相同

value ——设置一个新的数字序列起始值,以获得非连续性的数字序列

<OL>

  <LI>列表项1<LI>列表项2 <LIvalue="5">列表项3

</OL>

有序列表的嵌套

使用有序列表嵌套可以获得不同层次的编号列表。嵌套时,只需将内层列表作为外层列表的一个列表项即可。列表的嵌套层数没有限制。

无序列表(Unordered list

无序列表标记符<UL></UL>

UL 标记符的 type 属性——控制列表项前特殊符号的显示

列表项标记符<LI></LI>

LI 标记符的 type 属性的值如下表所示:


在InternetExplorer 中,type 的值是区分大小写的;

图像标记符——<IMG>

具体属性:


例子:

<HTML>

<HEAD>

<TITLE>插入视频示例</TITLE>

</HEAD>

<BODY>

<H1>插入动态视频</H1>

<P align="center"><IMGDynsrc="bike.avi" alt="骑单车">

</P>

</BODY>

</HTML>

图像与周围内容垂直对齐

aligntop、middle、bottom

超链接标记符:<A> </A>

例子
<P>我的<A href=“http://www.gdcp.cn”>大学</A></P>

开一个新的(浏览器)窗口 (Target Window)

<a href="URL"target=“_blank"> ... </a>

去掉超级连接的下划线:style=“text-decoration: none”

锚点链接

锚点的定义:

<A name = “锚点名称”>[此处内容可省略]</A>

定义链接

<A href = "#锚点名称">链接点</A>

定义指向不同页面内锚点的链接,形式如下

<A href = "页面URL#锚点名称">链接点</A>

图像映射

例子:

<HTML>

<HEAD><TITLE>图像映射示例</TITLE></HEAD>

<BODY>

<MAP name="mymap">

<AREA href="file1.htm"shape="rect" coords="30,152,366,218">

<AREA href="file2.htm"shape="rect" coords="171,256,228,288">

</MAP>

<P>请单击以下图像中的不同区域,以便跳转到不同的文件</P>

<P><IMGsrc="diablo_h.jpg" usemap="#mymap"></P>

</BODY>

</HTML>

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值