深圳网站优化推广公司 版权所有

粤ICP备15021922号 XML地图

深圳网站推广公司

HTML常用标识

编辑:深圳网站优化公司 | 日期:2021-06-12 21:12 | 人气:

1.头部信息

HTML头部信息(head)里包含关于所在网页的信息。头部信息里的内容,主要是被浏览器所用,不会显示在网页的正文内容里。

另外,搜索引擎如Google,Yahoo, Baidu等也会查找网页中的head信息。为了让搜索引擎能够收录网页,也要填写适当的head信息(具体内容见“搜索引擎优化策略”章节)。

(1)title

title(标题)是最常用的head信息。它不显示在HTML网站制作正文里,显示在浏览器窗口的标题栏里。例如,以下代码的显示效果,如图5-15所示。

<head> <title>欢迎访问我的网站!! </title></header>

(2)link

用link (链接)可以建立和外部文件的链接。常用的是对CSS外部样式表(external style sheet)的链接。示例代码如下:

<link re1="stylesheet" href="mainstyles .css" type="text/css">

(3)style

用style(样式)可以设值网页的内部样式表(internal style sheet )。示例代码如下:

<head>
<style>
body{background-color :white;color:black;}
h1 { font:18pt arial bold;}
</style>
</head>

(4)meta

在HTML里,meta标记(meta tags)表示用来描述网页的有关信息。示例代码如下:

<mate name= "description" content= "HtML中文教程" />
<mate name= "keywords content="HTML,tutorials,source codes" />
<mate name="author" content="网站管理员" />

2.网页背景

HTML的<body>有两个关于背景的属性,一个是bgcolor,是设置背景颜色的;另一个是background,是设置背景图片的。

(1)bgcolor

bgcolor属性用来设置HTML网页的背景颜色。例如:

<html>
<body bgcolor="yellow">
这个页面是黄色背景
</body>
</html>

(2)background

background属性用来设置HTML网页的背景图片。background属性值就是背景图片的路径和文件名,如果背景图片小于网页显示窗口,那么这个背景图片会自动重复。

3.文字格式

(1)文字形式

在HTML里,可以用FONT这个标识符及其属性来设定文字的大小、字体和颜色。具体如下:

<FONT SIZE="" FACE="n" COLOR="" ></FONT>

其中常用的属性有:"SIZE",确定文字大小,n取一个1-7的数字,默认为3;"FACE”确定文字字体;"COLOR”确定文字颜色。

除了控制文字基本形式的FONT标识符外,HTML中还有其他标识符可用于文字形式的控制。

(2)正文标题

HTML用<hl>到<h6>这几个Tag来定义正文标题,从大到小。每个正文标题自成一段。

(3)段落划分

在HTML里用<p>和</p>划分段落。

(4)文字换行

通过使用<hr>这个标识符,可以在不新建段落的情况下换行。<br>与<p>的区别在于:<br>的分行是重起一行,而<p>的分段则是空一行后再重起一行。

(5)字符实体

有些字符在HTM L里有特别的含义,例如,小于号“<”就表示 HTML Tag的开始,这个小于号是不显示在最终看到的网页里的。如果希望在网页中显示一个小于号,就要用到HTML字符实体(HTML Character Entities)了。例如,通常情况下,HTM L会自动截去多余的空格。不管加多少空格,都被看做一个空格。如果在两个字之间加了10个空格,HTML会截去9个空格,只保留一个。为了在网页中增加空格,可以使用&nbsp;表示空格。

一个字符实体(Character Entity)分成3部分:***部分是一个&符号,英文为amper-sand;第二部分是实体(Entity)名字或者是#加上实体编号;第三部分是一个分号。例如,要显示小于号,就可以写&It;或者&#60;。用实体名字的好处是比较好理解,但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体编号,各种浏览器都能处理。

注意:Entity是区分大小写的。


4.多媒体

HTML文件可以包含图片、音频、视频等多媒体信息格式,由此极大方便了网络信息的传播。

(1)图片

用<img>标识符可以在HTML里面插人图片。最基本的语法如下:

<img src="url">

url表示图片的路径和文件名。

<img>中有一个alt属性(alternate text )。例句如下:

<img src="../images/html_tutorials/smile.jpg" alt="smile face" />

假使浏览器没有载人图片的功能,浏览器就会转而显示alt属性的值。其实,现在大多数浏览器都支持图片载人。在此介绍alt属性,是因为它的另外一个重要功能。目前搜索引擎抓取工具无法识别图像中所含的文字,所以用alt属性写上图片的说明,便于搜索引擎抓取网页的内容。

在默认状况下,图片显示原有的大小,但可以用height和width属性改变图片的大小

例如:

<img sre="../images/html_tutorials/smile.jpg" width="300" height="300">

(2)音频

①网页内嵌音频

<EMBED SRC="soundURL">

属性设置为Autostart=false—打开网页,声音不自动播放。

②添加声音链接

<A HREF="soundURL">音乐文件名称</a>

③添加网页背景音乐

<bgsound SRC="soundURL">

属性设置为LOOP=N(播放次数))/-1打开网页,声音循环播放,N为循环播放次数,-1为无限次播放。

(3)视频

①网页内嵌视频

<EMBED SRC="视频文件位置">

常用属性包括:WIDTH(视频文件宽度), HEIGHT(视频文件高度), AUTOSTART(视频自动播放),LOOP(循环播放)。

②添加视频链接

<A HREF="videoURL">视频文件名称</A>

5.超链接止

(1)a和href属性

HTML用<a>来表示超链接((anchor). <a>可以指向任何一个文件源:一个HTML网页、一个图片、一个影视文件等。用法如下:

<a href="url">链接的显示文字</a>

点击<a></a>当中的内容,即可打开一个链接文件,h ref属性则表示这个链接文件的路径。例如,链接到洛阳理工学院网站首页,就可以这样表示:

<a href="http://www.sino-web.net">圣玺网络</a>

(2)name属性

使用name属性,可以跳转到一个文件的指定部位。使用name属性,要设置一对。一是设定name的名称,二是设定一个href指向这个name:

<a href="#c1">参见***章</a>
<a name="c1">***章</a>

name属性通常用于创建一个大文件的章节目录(table of contents)。每个章节都建立一个链接,放在文件的开始处,每个章节的开头都设置name属性。当用户点击某个章节的链接时,这个章节的内容就显示在最上面。

(3)链接到E-mail地址

在网站中,经常会看到诸如“联系我们”之类的链接,一点击这个链接,就会触发浏览者的邮件客户端,例如Outlook Express,然后显示一个新建E-mail的窗口。用<a>可以实现这样的功能,例如:

<a href ="mailto: sino-web@hotmail.com">联系圣玺</a>

由于本书篇幅有限,这里只能简要讲解HTML中的基本知识,学习者如有进一步学习的兴趣,可以参看相关书籍。
本文发布于SEO网站优化公司圣玺网络http://www.sino-web.net/
深圳市圣玺网络技术有限公司擅长提供布吉区域网站建设、网页设计制作、网站优化推广、SEO按天按效果付费、万词霸屏包年推广、抖音获客霸屏、百度爱采购等关键词SEO排名广告服务!
本文由网上采集发布,不代表本站立场,转载联系作者并注明出处:http://www.amerbiz.com/wzjs/7820.html

上一篇:HTML编辑软件

下一篇:HTML基本概念

X

截屏,微信识别二维码

微信号:15019448256

(点击微信号复制,添加好友)

  打开微信