当前位置: 代码迷 >> HTML/CSS >> Oracle培训(十八)――HTML的标签第一章知识点小结
  详细解决方案

Oracle培训(十八)――HTML的标签第一章知识点小结

热度:131   发布时间:2012-08-28 12:37:01.0
Oracle培训(十八)――HTML的标签第一章知识点总结

HTML的标签第一章知识点总结

知识点预览


HTML文件的基本结构

<META>标签

页面背景色或背景图像

文本相关标签

图像标签

文字布局

页面链接

滚动<MARQUEE>标签

 

 

 

HTML的标签

 

1.HTML文件的基本结构

尖括号 大部分的标签有开始,也有结束 标签不区分大小写缩进

<HTML>

       <HEAD>

               <TITLE>我的第一个网页</TITLE>

        </HEAD>

        <BODY>

               欢迎

        <BODY>

</HTML>


2. 使用记事本创建HTML文档


3.<META>标签

设置编码,在Head标签里进行管理

<HEAD>

        <META http-equiv=”Context-Type” context=”text/html”;charset=”gb2312”>

        <TITLE>网页标题</TITLE>

</HEAD>   

   

4. 页面背景色或背景图像

<BODY bgclor=”#FFCCFF” background=”back_image.GIF”>Hello World!</BODY>


5.文本相关标签

a) 标题标签

<H#>…</H#>#=1,2,3,4,5,6

<H1>到<H6>字体大小递减

b) <Font>标签

<Font size=”+2” color=”red” face=”律书”>

</Font>

 

特殊符号:

空格:&nbsp;

引号(””):&quot;(不分前引号和后引号)

小于(<):&lt;

大于(>):&gt;

版权号(@):&copy;


c)段落标签

<P align=”center”></P>

left right center

d)  换行标签<BR>


6. 图像标签

图像的基本语法

<IMG src=”image/adv_2.jpg”width=”300” height=”150” alt=”欢迎”>

alt:鼠标放在上面显示的文字

<IMG align=”middle”>

middle top bottom

上、中、下:文字与图像的关系


7.文字布局

a)  <HR> 绘制水平线

<HR size=”5” color=”red” width=”300”OR width=”50%”>

size=”5”:线的厚度

b)  列表

                       i. 有序

<OL>

<OL type=”1”>

       <LI></LI>

</OL>

                     ii.  无序

 

<UL>

<UL type=”circle”>

 

c) <PRE>标签

预先定义――编写什么内容,结果就是什么内容


8.页面链接

a)  链接到其他页面

<A href=”…..’>…….</A>

相对路径:经常采用

绝对路径:

b) 锚链接

<A name=”marker”>…..</A>

<A href=”#marker”>……</A>

c) 邮箱

<A href=”mailto:taobaoWebMaster@taobao.com”>站长邮箱</A>

启动OutLook


9. 滚动<MARQUEE>标签

 

<MARQUEE></MARQUEE>

scrolldelay:滚动延迟时间

direction:滚动的方向,默认是从右往左。填入的值为终点。



1楼lbq613613昨天 10:51
肥肠,有用啊!
Re: Wentasy昨天 11:24
回复lbq613613n[img]http://img.my.csdn.net/uploads/201207/23/1343046393_3166.gif[/img]
  相关解决方案