html超链接新闻页面源码,HTML网页超链接标记

HTML网页超链接标记

搜索

链接标记的属性

链接是网页页面中最重要的元素之一,是一个网站的灵魂。一个网站是由多个页面组成的,页面之间依靠链接确定相互的导航关系。每一个网页都有独一无二的地址,在英文中被称作url(Uniform Resource Locator:通用资源标示符)。在地址栏输入http://www.dedecms.com然后回车,会打开网站的主页面。可以看到,页面中有多个栏目,多条新闻等,最上方不同的栏目就是文字链接。

链接标记虽然在网站设计制作中占有不可替代的地位,但是其标记只有一个,那就是标记。本站介绍的链接应用都是基于标记基础上的。

链接标记的属性见下表

关于路径

每一个文件都有自己的存放位置和路径,理解一个文件到要链接的那个文件之间的路径关系是创建链接的根本。url—统一资源定位器,指的就是每一个网站都具有的独立的地址。同一个网站下的每一个网页都属于同一个地址之下,但是当创建网页时,不可能也不需要为每一个链接都输入完全的地址。我们只需要确定当前文档同站点根目录之间的相对路径关系。因此链接可以分为以下3种:绝对路径

如http://www.dedecms.com

相对路径

如news/default.htm

根路径

如/website/news/default.htm

在了解这三种地址形式前先要理解另外两个概念:内部链接和外部链接

内部和外部都是相对于站点文件夹而言,假如链接指向的是站点文件夹之内的文件,就是内部链接。假如链接指向站点文件夹之外的,就被称做外部链接。在添加外部链接的时候,将用到下面所讲的绝对地址;而添加内部链接的时候,将用到下面所讲的根目录相对地址和文件相对地址。

下面分别介绍这3种链接:

绝对路径

绝对路径为文件提供完全的路径,包括适应的协议,如http,Ftp,rtsp等。一般常见的有:

http://www.sohu.com

ftp://202.136.254.1

当链接到其它网站中的文件时,必须使用绝对链接。

相对路径

相对链接最适合网站的内部链接。只要是同一网站之下的,即使不在同一个目录下,相对链接也非常合适。文件相对地址是书写内部链接的理想形式。只要是处于站点文件夹之内,相对地址可以自由地在文件之间构建链接。这种地址形式利用的是构建链接的两个文件之间的相对关系,不受站点文件夹所处服务器位置的影响。因此这种书写形式省略了绝对地址中的相同部分。这样做的优点是:站点文件夹所在的服务器地址发生改变时,文件夹的所有内部链接(假如采用此种地址形式)都不会出问题。

标签: none

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
精通CSS+DIV网页样式与布局 视频教材主要内容 迅雷下载地址: 目录 第1部分 CSS基础知识篇 第1章 CSS的初步体验 1.1 CSS的概念 1.1.1 标记的概念 1.1.2 传统HTML的缺点 1.1.3 CSS的引入 1.1.4 如何编辑CSS 1.1.5 浏览器与CSS 1.2 使用CSS控制页面 1.2.1 行内样式 1.2.2 内嵌式 1.2.3 链接式 1.2.4 导入样式 1.2.5 各种方式的优先级问题 1.3 体验CSS 1.3.1 从零开始 1.3.2 加入CSS控制 1.3.3 控制图片 1.3.4 CSS的注释 第2章 CSS的基本语法 2.1 CSS选择器 2.1.1 标记选择器 2.1.2 类别选择器 2.1.3 ID选择器 2.2 选择器声明 2.2.1 集体声明 2.2.2 选择器的嵌套 2.3 CSS的继承 2.3.1 父子关系 2.3.2 CSS继承的运用 第3章 用CSS设置丰富的文字效果 3.1 CSS文字样式 3.1.1 字体 3.1.2 文字大小 3.1.3 文字颜色 3.1.4 文字粗细 3.1.5 斜体 3.1.6 文字的下划线、顶划线和删除线 3.1.7 英文字母大小写 3.2 文字实例一:模拟Google公司Logo 3.3 文字实例二:制作页面的五彩标题 3.4 CSS段落文字 3.4.1 段落的水平对齐方式 3.4.2 段落的垂直对齐方式 3.4.3 行间距和字间距 3.4.4 首字放大 3.5 段落实例:百度搜索 第4章 用CSS设置图片效果 4.1 图片样式 4.1.1 图片边框 4.1.2 图片缩放 4.2 图片的对齐 4.2.1 横向对齐方式 4.2.2 纵向对齐方式 4.3 图文混排 4.3.1 文字环绕 4.3.2 设置图片与文字间距 4.4 图文实例:八仙过海 第5章 用CSS设置网页中的背景 5.1 背景颜色 5.1.1 页面背景色 5.1.2 用背景色给页面分块 5.2 背景图片 5.2.1 页面的背景图 5.2.2 背景图的重复 5.2.3 背景图片的位置 5.2.4 固定背景图片 5.2.5 添加多个背景图片 5.2.6 背景样式综合设置 5.3 背景综合一:我的个人主页 5.4 背景综合二:古词《念奴娇·赤壁怀古》 第6章 用CSS设置表格与表单的样式 6.1 控制表格 6.1.1 表格中的标记 6.1.2 表格的颜色 6.1.3 表格的边框 6.2 表格实例一:隔行变色 6.3 表格实例二:鼠标经过时变色的表格 6.4 表格实例三:日历 6.5 CSS与表单 6.5.1 表单中的元素 6.5.2 像文字一样的按钮 6.5.3 七彩的下拉菜单 6.6 综合实例一:直接输入的Excel表格 6.7 综合实例二:模仿新浪网民调查问卷 第7章 用CSS设置页面和浏览器的元素 7.1 丰富的超链接特效 7.1.1 动态超链接 7.1.2 按钮式超链接 7.1.3 浮雕式超链接 7.2 鼠标特效 7.2.1 CSS控制鼠标箭头 7.2.2 鼠标变幻的超链接 7.3 页面滚动条 第8章 用CSS制作实用的菜单 8.1 项目列表 8.1.1 列表的符号 8.1.2 图片符号 8.2 无需表格的菜单 8.3 菜单的横竖转换 8.4 菜单实例一:百度导航条 8.5 菜单实例二:流行的Tab菜单 第9章 CSS滤镜的应用 9.1 滤镜概述 9.2 通道(Alpha) 9.3 模糊(Blur) 9.4 运动模糊(Motion Blur) 9.5 透明色(Chroma) 9.6 下落的阴影(Dropshadow) 9.7 翻转变换(Flip) 9.8 光晕(Glow) 9.9 灰度(Gray) 9.10 反色(Invert) 9.11 遮罩(Mask) 9.12 阴影(Shadow) 9.13 X射线(X-ray) 9.14 浮雕纹理(Emboss和Engrave) 9.15 波浪(Wave) 第2部分 CSS+DIV美化和布局篇 第10章 理解CSS定位与div布局 10.1 div标记与span标记 10.1.1 概述 10.1.2 div与span的区别 10.2 盒子模型 10.2.1 盒子模型的概念 10.2.2 border 10.2.3 padding 10.2.4 margin 10.3 元素的定位 10.3.1 float定位 10.3.2 position定位 10.3.3 z-index空间位置 10.4 定位实例一:轻轻松松给图片签名 10.5 定位实例二:文字阴影效果 第11章 CSS+div布局方法剖析 11.1 CSS排版观念 11.1.1 将页面用div分块 11.1.2 设计各块的位置 11.1.3 用CSS定位 11.2 固定宽度且居中的版式 11.2.1 方法一 11.2.2 方法二 11.3 左中右版式 11.4 块的背景色问题 11.5 排版实例:电子相册 11.5.1 搭建框架 11.5.2 幻灯片模式 11.5.3 详细信息模式 11.6 div排版与传统的表格方式排版的分析 第12章 CSS+div美化与布局实战 12.1 框架搭建 12.2 实例一:蓝色经典 12.3 实例二:清明上河图 12.4 实例三:交河故城 12.5 自动选择CSS样式 第3部分 CSS混合应用技术篇 第13章 CSS与JavaScript的综合应用 13.1 JavaScript概述 13.1.1 JavaScript简介 13.1.2 JavaScript的特点 13.1.3 JavaScript与CSS 13.2 JavaScript语法基础 13.2.1 数据类型和变量 13.2.2 表达式及运算符 13.2.3 基本语句 13.3 实例一:输入时高亮显示的Excel表格 13.4 实例二:由远到近的文字 13.5 实例三:跑马灯特效 13.6 实例四:图片淡入淡出 13.7 实例五:CSS实现PPT幻灯片 13.8 实例六:灯光效果 13.9 实例七:舞台灯光 13.10 实例八:探照灯 13.11 实例九:鼠标文字跟随 第14章 CSS与XML的综合运用 14.1 XML基础 14.1.1 XML的特点 14.1.2 XML与HTML 14.1.3 XML基本语法 14.2 XML链接CSS文件 14.3 XML文字阴影效果 14.4 XML古诗字画 14.5 XML实现隔行变色的表格 第15章 CSS与Ajax的综合应用 15.1 Ajax概述 15.1.1 什么是Ajax 15.1.2 Ajax的关键元素 15.1.3 CSS的重要地位 15.2 Ajax入门 15.2.1 创建XMLHttpRequest对象 15.2.2 发出Ajax请求 15.2.3 处理服务器响应 15.2.4 加入CSS样式 15.3 Ajax实例:能够自由拖动布局区域的网页 第4部分 综合案例篇 第16章 我的博客 16.1 分析构架 16.1.1 设计分析 16.1.2 排版构架 16.2 模块拆分 16.2.1 导航与Banner 16.2.2 左侧列表 16.2.3 内容部分 16.2.4 footer脚注 16.3 整体调整 第17章 小型工作室网站 17.1 分析构架 17.1.1 设计分析 17.1.2 首页排版 17.1.3 内容页构架 17.2 模块拆分 17.2.1 搭建首页 17.2.2 首页图片 17.2.3 内容页面 17.2.4 footer脚注 17.3 整体调整 第18章 企业网站 18.1 分析构架 18.1.1 设计分析 18.1.2 排版构架 18.2 模块拆分 18.2.1 Logo与顶端链接 18.2.2 左侧导航与搜索 18.2.3 主体内容 18.2.4 内容Banner 18.2.5 新闻快递 18.2.6 公司咨询 18.2.7 英文刊物 18.3 整体调整 第19章 网上购物网站 19.1 分析构架 19.1.1 设计分析 19.1.2 排版构架 19.2 模块分析 19.2.1 Banner图片 19.2.2 导航菜单 19.2.3 鲜花导购 19.2.4 主体内容 19.3 整体调整 第20章 旅游网站 20.1 分析构架 20.1.1 设计分析 20.1.2 排版构架 20.2 模块拆分 20.2.1 Banner图片与导航菜单 20.2.2 左侧分栏 20.2.3 中部主体 ……
OEcms是一个基于PHP+MYSQL+Smarty、免费、开源的企业网站系统,系统内置了SEO搜索引擎优化机制,支持用户自定义多语言版, 拥有企业网站常用的模块功能(企业简介模块、新闻模块、产品模块、下载模块、图片模块、招聘模块、在线留言、在线交流、友情链接、网站地图、会员与权限管理)。强大灵活的后台管理功能、动态页面、静态页面自由切换功能、个性化模块、标签添加功能、不同栏目自定义样式功能等可为企业打造出大气漂亮且具有营销力的精品网站。 用户可以通过OEcms企业网站系统简单快速的完成企业门户及营销平台的搭建,系统现成的模板资源丰富可以满足绝大多数的企业网站用户。 OEcms风格模板及语言 1、支持全球各种语言(包括简体中文、繁体中文、英文、法文、德文、日文等等),用户可以自定义语言,并可以在后台根据或模板方案自定设置默认语言方案。 2、全站文字、系统栏目、信息内容及主要图片支持用户自定义,所见即可改; 3、独创的栏目标识显示控制方法,管理员只需要通过设置栏目标识便可以灵活的控制首页显示栏目及相关信息列表等; 4、前台模板与程序完全分离,各种语言版本可共用一套风格模板技术; 5、风格模板制作简单灵活,同时支持标签化模板制作及PHP+SMARTY标准语法模板制作方法; 6、DIV+CSS布局,全部兼容IE6、IE7、IE8、火狐、谷歌、TT、360度、遨游等主流浏览器; 7、后台可自定义单页内容和自定义HTML标签; 8、后台可直接对模板文件进行编辑、删除,省去FTP上传修改的麻烦; OEcms SEO搜索引擎优化 1、可后台设置网站SEO参数及所有页面SEO信息,如关键词、页面描述等; 2、全站静态页面生成功能,自由开启与关闭伪静态页面功能; 3、页面标题已经按照“信息标题-栏目名称-网站名称”方式进行全面优化,所有Title内容均由系统自动生成; 4、内置热门标签功能,可有效增加网站内部链接和关键词链接; 5、官方模板通过DIV+CSS构架对标题H1、图片ALT、超链接Title、页头页尾关键词、首页信息更新排版、相关信息内链等全方位SEO优化; 6、内置网站地图模块,实现网站的栏目导航功能; 7、内置友情链接模块,可以轻松完成与其他网站的相互连接; 8、后台可开启网站缓存功能,大大提升网站的执行效率和页面显示效率; OEcms互动营销功能 1、内置完整的在线交流后台管理功能、可添加QQ、MSN、淘宝旺旺、阿里旺旺 第三方客服交流软件等,并可以设置显示风格和图标; 2、内置在线反馈系统,可以用于产品订购、意见反馈等; 3、在线留言后台管理功能,管理员可以通过后台审核和回复留言内容; 4、后台内置第三方统计代码及其他工具代码接口,可以轻松监控网站浏览及来访者详情; OEcms数据安全运行保障 1、验证码、防刷新机制、SQL危险符号和语句过滤机制等大大增强了系统防恶意攻击的能力; 2、管理员密码采用MD5加密、增强了系统的自助安全性; 3、管理员可设置超级管理员和角色组的权限,提高了网站数据编辑、管理安全性; 4、上传文件夹及文件管理功能,可以轻松管理删除垃圾文件; 5、PHP+MYSQL构架、支持页面伪静态、系统文件权限设置等大大增强了系统抗击木马和恶意攻击的能力; OEcms企业网站系统安装方法: 1、服务器环境要求 PHP版本 5.2+ 、MySQL 5.0+ ; 2、将upload目录下的所有文件和文件夹上传到支持PHP+MYSQL的空间; 3、运行安装目录install,根据安装提示进行安装; 4、系统安装成功后,请删除install目录; 5、访问网址:http://您的网址/admin/ 登录后台,填写安装时设置的帐号,密码进行登录,修改网站配置系统和发布新闻、产品信息即可; OEcms企业网站系统 v4.0 r1119 更新日志: 1、修复后台编辑单项SEO错误BUG; 2、修复前台留言错误BUG; 3、修复后台部分链接错误BUG; 4、修复代码兼容PHP5.3及以上版本; 5、修复部分图片格式无法上传BUG; 6、修复无法设置时区BUG; 7、新增在线生成伪静态文件; 8、新增栏目volist万能标签; 9、新增volist标签limit参数; 10、新增商业版授权查询; 11、优化和调整URI路由方式; 12、优化模型栏目; 13、升级Smarty模板引擎;

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值