HTML 1

本文详细介绍了HTML的基础概念、规范、文档结构、标签使用以及多媒体元素的整合应用,旨在帮助开发者构建基本的网页结构。

1.HTML简介:

Hypertext Marked Language:超文本标记语言,网页语言;


2.HTML规范:

a.开始标签和结束标签<html></html>

b.HTML包含相关两部分

<head> 设置相关信息</head>

<body>显示在页面上的内容都写在body内</body>

3.一般标签都有开始和结束标签;有一些只有没有结束标签,在标签内结束

比如换行<br/><hr/>


4.文档头<head></head>之间有一下标记

a.<title>指定网页的标题</title>

b.<style>指定文档内容的样式表</style>,如字体大小,格式等。

c.<!--注释内容-->。注释内容

d.<meta>。描述标记,描述网页文档的参数属性,常用的属性,name,content,http-equiv ;name 为meta的名字;content为页面的内容;http-equiv 为content属性的类别,http-equiv 取不同值时,content 表示的内容也不一样。常取:Content-type,refresh

如<mate http-equiv="refresh" content = "10"; URL=xxx.htm>表示10S后进入XXX.HTM,没有URL 就刷新本页面


5.文档正文<body>标签的属性 

格式:<body 属性="值" ... 事件="执行的程序"...>...</body>

link 设定页面默认的连接颜色 

alink 设定鼠标正在单击时的连接颜色

vlink  设定访问后连接文字的颜色

background 设定页面背景图像 

bgcolor  设定页面背景颜色 

leftmargin  设定页面的左边距 

topmargin  设定页面的上边距 

bgproperties  设定页面背景图像为固定,不随页面的滚动而滚动 

text  设定页面文字的颜色


6.文本格式标签

a.标题标记,格式如下:<hn 属性=“值”>...</hn> ;hn取值为h1,h2,h3,h4,h5,h6 ,都表示黑体,且从1到6字体依次减小。常用属性align,表示对齐方式,可以取

left,center,right,justify

b.分段标记,格式如下:<p 属性=“值”>...</p>;

c.水平线标记,格式如下:<hr 属性=“值”.../>,常用属性 align,color,noshade,size,weidth。noshade 没有值,显示一条无阴影的实线

例如:<hr size = "2" width = "300" noshade = "noshade"/>

d.特殊标记,有些符号如空格,<>是不能直接输入的。所以要用字符实体名称或者数字表示方式,如空格可以输入“&nbsp;” 或者 “&#160;”

< 输入"&lt","&#60" ,>输入“&gt”,“&#62”

e.换行标记 <br/>, 强行中断当前行,是后续内容在下一行显示。

f.对中标记<center>...</center> 标记中的内容全部居中

g.块标记,格式如下:<div 属性=“值”>...</div>,常用属性也是align。自动换行。 span:在一行显示

h.字体标记,格式如下:<font 属性=“值”...>...</font>,常用属性face。其值为一个或多个字体名,主要包括字体,字号,颜色等。size。指定字体大小,值为1-3,默认值为3,。color。字体颜色

例如:<font face = "黑体,楷体-GB2312">设置字体</font>

i.固定字体标记,格式如下:

<b>粗体</b>

<i>斜体</i>

<big>大字体</big>

<small></small>

<tt>固定宽度字体</tt>

g.标线标记,格式:

<sup>上标</sup>

<sub>下标<sub>

<u>下划线<u>

<strike>删除线<strike>

<s>删除线</s>

K.列表标签

a.有序列表标记,常用属性start,type:start 序列起始值;type序列的列样式:1,A,a,I,i。格式如下:

<ol 属性 =“值”...>

<li>..1</li>

<li>..2</li>

<li>..3</li>

</ol>

b.无序列表标记,常用属性type,取值disc,circle,square

<ul 属性 =“值”...>

<li>..1</li>

<li>..2</li>

<li>..3</li>

</ul>

c.描述性标记,<dl></dl>,表示列表范围

<dt></dt>:上层。<dd></dd>:下层;

例如:<dl>

<dt>公司</dt>

<dd>财务部</dd>

<dd>人事部</dd>

</dl>


7.多媒体标记

 a.图像标记

<img 属性=“值”.../>, 可以利用该标记向网页中插入图像,或者网页中播放视频

例如: <img src = "/rb2014.jpg" alt = "xxx" heigth = "300" width="400" align = "right"/>

另外还有 hspace,vspace,align,border,contrlos,dynsrc,start,loop,loopdealy

 说明:src = "/rb2014.jpg"是图像的相对路径, 说明图片与html在同一文件夹内!


b.字幕标记

页面中插入字幕, 水平或垂直滚动显示文本信息。格式如下:

<marquee 属性=“值”...> 滚动的文本信息</marquee>

主要属性:align,取top,middle,bottom。指定字幕与周围主要属性的对齐方式;

    behavior ,取值scroll滚动,slide滑行,alternate(交替);指定文本动画类型。

 还有bgcolor,direction,height,hspace,vspace,loop,scrollamount.,scrolldealy;

c.背景音乐标记

背景音乐只能放在文档头部分。就是两个head之间,格式如下:

<bgsound 属性=“值”.../>

主要属性:balance 左声道和右声道取值-10000到10000。 loop,指定播放次数 -1 为反复播放,0为一次。src ,声音文件的URL 。volume 音量高低 -10000 - 0 ,默认为0


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

obession

觉得有用可以打赏咖啡一杯~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值