27
4006-5666-83
当前位置:首页 > 资讯 > 建站知识

HTML常用标识

2012-08-27 酷站科技
1.头顶部信息内容

HTML头顶部信息内容(head)里包括有关所属网页页面的信息内容。头顶部信息内容里的內容,主要是被电脑浏览器常用,不容易显示信息在网页页面的文章正文內容里。

此外,百度搜索引擎如Google,Yahoo, Baidu等也会搜索网页页面中的head信息内容。为了更好地让百度搜索引擎可以百度收录网页页面,还要填好适度的head信息内容(主要内容见“百度搜索引擎优化对策”章节目录)。

(1)title

title(题目)是最常见的head信息内容。它无法显示在HTML网站制作文章正文里,显示信息在电脑浏览器对话框的菜单栏里。比如,下列编码的显示信息实际效果,如图所示5-15所显示。
title(标题)是最常用的head信息

<head> <title>热烈欢迎浏览一个网站!! </title></header>

(2)link

用link (连接)能够 创建和外界文档的连接。常见的是对CSS外界css样式表(external style sheet)的连接。实例编码以下:

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

(3)style

用style(款式)能够 设值网页页面的內部css样式表(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.bjkuzhan.com">酷站科技</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.bjkuzhan.com">来源于申明:以上内容一部分(包括照片、文本)来自互联网,若有侵权行为,请立即与本网站联络(010-57218159)。
如没特殊注明,文章均为酷站科技原创,转载请注明来自http://www.bjkuzhan.com/jianzhanzhishi/3739.html
联系专业的商务顾问,制定方案,专业设计,一对一咨询及其报价详情
服务热线服务热线 4006-5666-83
联系我们 contact us
4006-5666-83
400-6566-683 — 海淀营业部
400-6566-683 — 昌平营业部
+

酷站科技为你提供上门/网站策略方案

留下联系方式,我们将会在一个工作日内与你联系

隐私条款信息保护中,请放心填写