`
lovnet
  • 浏览: 6704513 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
文章分类
社区版块
存档分类
最新评论

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:滚动的方向,默认是从右往左。填入的值为终点。



分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics