小型的电商网站有哪些,设计师作品网站,做loge的网站,博客做资讯类网站前期章节#xff1a; HTML基础教程#xff08;一#xff09; 目录 四、Html特殊字符显示 五、HTML的超链接 六、HTML相对路径(Relative Path)和绝对路径(Absolute Path#xff09; 四、Html特殊字符显示 HTML字符实体(Character Entities) 有些字符在HTML里有特别的…前期章节HTML基础教程一目录四、Html特殊字符显示五、HTML的超链接六、HTML相对路径(Relative Path)和绝对路径(Absolute Path四、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 NameEntity Number​显示一个空格​​小于大于符号双引号其他常用的字符实体(Character Entities)显示结果说明Entity NameEntity Number©版权©©®注册商标®®×乘号××÷除号÷÷ISO Latin-1字符集见附件1五、HTML的超链接先看两个示例建立一个超链接这个示例演示了如何在HTML文件里创建超链接。html body p a href../asdocs/html_tutorials/humor02.html这是一个链接/a /p p a hrefhttp://www.admin5.com/html target_blank站长网 站长学院站点链接/a /p /body /html将一个图片作为一个超链接这个示例演示了如何将一个图片作为一个超链接即点击一个图片可以连接到其它文件。html body p 你可以将一张图片作为一个链接点击这个图片。 a href../asdocs/html_tutorials/humor03.htmlimg src../images/html_tutorials/smile.jpg /a /p /body /htmla和href属性HTML用a来表示超链接英文叫anchor。a可以指向任何一个文件源一个HTML网页一个图片一个影视文件等。用法如下a hrefurl链接的显示文字/a点击a/a当中的内容即可打开一个链接文件href属性则表示这个链接文件的路径。比如链接到admin5.com/html站点首页就可以这样表示a hrefhttp://www.admin5.com/html站长网 站长学院admin5.com/html首页/atarget属性使用target属性可以在一个新窗口里打开链接文件。a hrefhttp://www.admin5.com/html target_blank站长网 站长学院admin5.com/html首页/a实例html body a href../asdocs/html_tutorials/humor01.html target_blank一则笑话/a p 如果你将target的属性值设成_blank你点击这个链接的时候网页就会在一个新窗口出现。 /p /body /htmltitle属性使用 title 属性可以让鼠标悬停在超链接上的时候显示该超链接的文字注释。a hrefhttp://www.admin5.com/html title 站长网 站长学院网页教程与代码的中文站点站长网 站长学院网站/a如果希望注释多行显示可以使用作为换行符。a hrefhttp://www.admin5.com/html title 站长网 站长学院网页教程与代码的中文站点站长网 站长学院网站/a实例html body p a hrefhttp://www.admin5.com/html title 站长网 站长学院网页教程与代码的中文站点站长网 站长学院网站/a /p p a hrefhttp://www.admin5.com/html title 站长网 站长学院网页教程与代码的中文站点站长网 站长学院网站/a /p /body /htmlname属性使用name属性可以跳转到一个文件的指定部位。使用name属性要设置一对。一是设定name的名称二是设定一个href指向这个namea href#C1参见第一章/a a nameC1第一章/a实例html body p a href#C9参见第六章/a /pp a nameC1h2第1章/h2/a p这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。/p a nameC2h2第2章/h2/a p这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。/p a nameC3h2第3章/h2/a p这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。/p a nameC4h2第4章/h2/a p这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。/p a nameC5h2第5章/h2/a p这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。/p a nameC6h2第6章/h2/a p这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。/p a nameC7h2第7章/h2/a p这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。/p a nameC8h2第8章/h2/a p这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。/p a nameC9h2第9章/h2/a p这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。/p /body /htmlname属性通常用于创建一个大文件的章节目录(table of contents)。每个章节都建立一个链接放在文件的开始处每个章节的开头都设置Name属性。当用户点击某个章节的链接时这个章节的内容就显示在最上面。如果浏览器不能找到Name指定的部分则显示文章开头不报错链接到email地址在网站中你经常会看到“联系我们”的链接一点击这个链接就会触发你的邮件客户端比如Outlook Express然后显示一个新建mail的窗口。用a可以实现这样的功能。a href mailto:infosina.com联系新浪/a实例html body p 这是一个最简单的邮箱地址的链接 a hrefmailto:infosina.com给新浪网站发信/a /p p 这个邮箱地址的链接写了subject内容 a hrefmailto:infosina.com?subjectHello给新浪网站发信/a /p p 这个邮箱地址链接写了to, cc, bcc, subject, body的内容 a hrefmailto:infosina.com?ccwebmastervip.sina.combccmediasina.comsubjectI%20like%20your%20sitebody真是个好站点写信给新浪/a /p p b注:/b空格请用%20表示。 /p /body /html六、HTML相对路径(Relative Path)和绝对路径(Absolute Path)HTML初学者会经常遇到这样一个问题如何正确引用一个文件。比如怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)怎样在一个网页中插入一张图片如果你在引用文件时(如加入超链接或者插入图片等)使用了错误的文件路径就会导致引用失效(无法浏览链接文件或无法显示插入的图片等)。为了避免这些错误正确地引用文件我们需要学习一下HTML路径。HTML有2种路径的写法相对路径和绝对路径。HTML相对路径(Relative Path)同一个目录的文件引用如果源文件和引用文件在同一个目录里直接写引用文件名即可。我们现在建一个源文件info.html在info.html里要引用index.html文件作为超链接。假设info.html路径是c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是c:\Inetpub\wwwroot\sites\blabla\index.html在info.html加入index.html超链接的代码应该这样写a href index.htmlindex.html/a如何表示上级目录../表示源文件所在目录的上一级目录../../表示源文件所在目录的上上级目录以此类推。假设info.html路径是c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是c:\Inetpub\wwwroot\sites\index.html在info.html加入index.html超链接的代码应该这样写a href ../index.htmlindex.html/a假设info.html路径是c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是c:\Inetpub\wwwroot\index.html在info.html加入index.html超链接的代码应该这样写a href ../../index.htmlindex.html/a假设info.html路径是c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是c:\Inetpub\wwwroot\sites\wowstory\index.html在info.html加入index.html超链接的代码应该这样写a href ../wowstory/index.htmlindex.html/a如何表示下级目录引用下级目录的文件直接写下级目录文件的路径即可。假设info.html路径是c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是c:\Inetpub\wwwroot\sites\blabla\html\index.html在info.html加入index.html超链接的代码应该这样写a href html/index.htmlindex.html/a假设info.html路径是c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html在info.html加入index.html超链接的代码应该这样写a href html/tutorials/index.htmlindex.html/aHTML绝对路径(Absolute Path)HTML绝对路径(absolute path)指带域名的文件的完整路径。假设你注册了域名www.admin5.com/html并申请了虚拟主机你的虚拟主机提供商会给你一个目录比如www这个www就是你网站的根目录。假设你在www根目录下放了一个文件index.html这个文件的绝对路径就是 http://www.admin5.com/html。假设你在www根目录下建了一个目录叫html_tutorials然后在该目录下放了一个文件index.html这个文件的绝对路径就是http://www.admin5.com/html/html_tutorials/index.html。