HTML教程--网页教程与代码 - 图文(2)

2019-05-26 17:04

文字当中划线表示删除 文字下划线表示插入 下标 上标

缩进表示引用
  保留空格和换行 表示计算机代码,等宽字体 示例 HTML常用的格式Tag    

粗体用b表示。

斜体用i表示。

芙蓉姐姐这个词当中划线表示删除。

想唱就唱这个词下划线插入。

X2其中的2是下标

X2其中的2是上标

好好学习,天天向上。这句话缩进表示引用

 这是 预设(preformatted)文本. 在pre这个tag里的文本      保留 空格和 分行。 
call getOrders

用code显示计算机代码,code里显示的字符是等宽字符。

。 想唱就唱(有下划线)粗体用b表示。 斜体用i表示。 芙蓉姐姐(有删除线)这个词当中划线表示删除。 这个词下划线插入。 X2其中的2是下标 X2其中的2是上标 好好学习,天天向上。这句话缩进表示引用 这是 预设(preformatted)文本. 在pre这个tag里的文本 保留 空格和 分行。 call getOrders 用code显示计算机代码,code里显示的字符是等宽字符。 这个示例用了上述Tag,你可以对比一下HTML的显示结果。 如何看HTML的源代码

在浏览器看到的HTML网页,是浏览器解释HTML源代码后产生的结果。

要查看这个HTML的源代码,有两种方法。一是点击鼠标右键,点击View Source(查看源文件)命令;二是选择浏览器菜单View(查看)中的Source(源文件)命令。

利用View Source得到网页的源代码,你可以由此借鉴一下别人写得好的地方。不过在你对HTML知识尚少的情况下,看别人复杂的HTML源代码,只会让你头晕。建议你还是再等等,先掌握一些基础再说。

HTML特殊字符显示

HTML字符实体(Character Entities)

有些字符在HTML里有特别的含义,比如小于号<就表示HTML Tag的开始,这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号,该怎么办呢?

这就要说到HTML字符实体(HTML Character Entities)了。

一个字符实体(Character Entity)分成三部分:第一部分是一个&符号,英文叫

ampersand;第二部分是实体(Entity)名字或者是#加上实体(Entity)编号;第三部分是一个分号。

比如,要显示小于号,就可以写<或者<。

用实体(Entity)名字的好处是比较好理解,一看lt,大概就猜出是less than的意思,但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号,各种浏览器都能处理。

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

如何显示空格

通常情况下,HTML会自动截去多余的空格。不管你加多少空格,都被看做一个空格。比如你在两个字之间加了10个空格,HTML会截去9个空格,只保留一个。为了在网页中增加空格,你可以使用 表示空格。

最常用的字符实体(Character Entities)

显示结果 说明 < > & \

Entity Name Entity Number

  < > & "

显示一个空格   小于 大于 &符号 双引号

< > & "

其他常用的字符实体(Character Entities)

显示结果 说明

Entity Name Entity Number

? ? × ÷ 版权 © © ® × ÷ 注册商标 ® 乘号 除号 × ÷ 更多字符实体(Character Entities) 更多字符实体(Character Entities)请参见ISO Latin-1字符集。

HTML利用超链接打开链接文件

先看两个示例

建立一个超链接

这个示例演示了如何在HTML文件里创建超链接。 将一个图片作为一个超链接

这个示例演示了如何将一个图片作为一个超链接,即点击一个图片,可以连接到其它文件。

a和href属性

HTML用来表示超链接,英文叫anchor。

可以指向任何一个文件源:一个HTML网页,一个图片,一个影视文件等。用法如下:

点击当中的内容,即可打开一个链接文件,href属性则表示这个链接文件的路径。

比如链接到admin5.com/html站点首页,就可以这样表示:

target属性

使用target属性,可以在一个新窗口里打开链接文件。

示例

title属性

使用 title 属性,可以让鼠标悬停在超链接上的时候,显示该超链接的文字注释。

如果希望注释多行显示,可以使用 作为换行符。

示例

name属性

使用name属性,可以跳转到一个文件的指定部位。

使用name属性,要设置一对。一是设定name的名称,二是设定一个href指向这个name:

示例

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

如果浏览器不能找到Name指定的部分,则显示文章开头,不报错。

链接到email地址

在网站中,你经常会看到“联系我们”的链接,一点击这个链接,就会触发你的邮件客户端,比如Outlook Express,然后显示一个新建mail的窗口。用可以实现这样的功能。

示例

HTML相对路径(Relative Path)和绝对路径(Absolute Path)

HTML初学者会经常遇到这样一个问题,如何正确引用一个文件。比如,怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)?怎样在一个网页中插入一张图片?......(相关教程:HTML超链接;HTML图片)


HTML教程--网页教程与代码 - 图文(2).doc 将本文的Word文档下载到电脑 下载失败或者文档不完整,请联系客服人员解决!
× 注册会员免费下载(下载后可以自由复制和排版)

马上注册会员

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: