当前位置:  编程技术>WEB前端

html的基本使用(HTML标签解释)

    来源: 互联网  发布时间:2014-10-07

    本文导语:  一、链接在HTML中超文本的链接非常重要,基本格式如下:链接文字1、本地链接①绝对路劲:绝对路劲链接到本地图片②相对路劲 相对路劲链接到本地图片③链接到上一级目录链接到上一级目录2、URL链接形式:协议名://主机....

一、链接
在HTML中超文本的链接非常重要,基本格式如下:
链接文字

1、本地链接
①绝对路劲:
绝对路劲链接到本地图片
②相对路劲
相对路劲链接到本地图片
③链接到上一级目录
链接到上一级目录

2、URL链接
形式:协议名://主机.域名/路劲/文件名
协议包括:
file       本地系统文件
http      WWW服务器
ftp        ftp服务器
telnet     基于TELNET的协议
mailto    电子邮件
news      Usenet新闻组
gopher   GOPHER服务器
wais       WAIS服务器
如: 百度一下

3、目录链接
首先把某段落设置为链接位置,格式为:

再调用此链接部分的文件,定义链接:
链接文字
当然如果在一个文件内跳转,文件名就可以省略不写。

二、多视窗口FRAMES
使用FRAMES结构设计的HTML文件,能够将整个窗口分成几个独立的小窗口,每个小窗口可分别载入不同的文件,并且可以相互沟通。
1、基本结构:







...


2、各窗口的尺寸设置
我们将窗口分割为几块,横向分用ROWS属性,纵向分用COLS属性,每一块的大小可以由这两个属性的值来实现。


#的值为一对用引号括起来的字符串,字符串中的数字表示每个窗口所占的大小,中间用逗号隔开,其中的数字也可以用"*"来代替,表示由浏览器自动分配大小。如


     将100像素以外的窗口平均分配
3、各窗口间的相互操作
①frame的src属性 用来指定要链接的内容,name属性指定该窗口的名字,target属性用来指定所链接的文件出现在哪一窗口,其值可以是name定义的名称,也可以是下面四类值:
    显示一个新窗口
       显示在同一个窗口
  显示在Frameset的前一份文件的窗口
       显示在整个浏览器窗口
②frame的其他属性
#=yes,no
frameborder指定各窗口边框的设置:yes表示有边框,no表示无边框


#的值为像素点,该属性用来设置窗口的上下左右边界宽度,如不设定,由浏览器自动决定。

#=yes,no,auto
滚动条设置,yes表示有,no表示没有,auto表示由浏览器自动设置,缺省值是auto。


noresize 属性规定用户无法调整框架的大小。默认地,可以通过拖动框架之间的“墙壁”来改变框架的大小,该属性可以锁定框架的大小。

三、样式表
1.样式表最重要的作用是提供了一种能使所有web页面的样式保持一致的方法。
样式表的三个层次按照从低层到高层的顺序依次是:
①.内置(inline)样式表:适用于单个元素的内容
②.文档层(document level)样式表:适用于整个文档的主体
③.外部(external)样式表:可以应用在多个文档的主体中
在使用时,如果出现冲突,低层次的样式表具有使用上的优先权。
2.使用CSS需要注意的问题:
①有些浏览器可能不支持某些属性值,这时浏览器要么忽略这些属性值要么用一个可选值代替。
②内置样式只适应单个元素,其实违背了样式表的设计初衷,所以应该谨慎使用。
③文档层样式说明出现在文档的头部分,适用于文档的整个主体。所以网站建设的整体风格能够保持一致就是这么实现的。
④外部样式表不属于使用它的文档的一部分,外部样式表需要单独存储,并且使用它时都要进行说明。可以使用MIME类型text/css将外部样式表编写成一些文本文件,它们可以存储在因特网上的任何一台计算机中,浏览器获取外部样式表就如同获取文档一样。网页首部的元素也可用于指定外部样式表,在中,rel属性用于指定被链接的文档与包含改链接的文档之间的关系,而href属性用于指定样式表文档的URL地址。如


四、span和div
的使用
在有些情况下,要求某些特殊的字体属性只应用于整个段落的部分文本,比如把某个字或词组设置为不一样的字体或背景等等。这是就可以使用元素,比如:

我非常喜欢编程,这是一件非常愉快的事。



的使用
在网页中,节是很常见的形式,每节由若干段落构成,若在设计中,希望不仅是对各个段落,而是可以对网页中的节进行样式设置。这时就可以使用
,它的主要用途是指定网页中某节或某区域的外观展示细节。


    
 
 

您可能感兴趣的文章:

  • 关于editplus的使用,编译完生成.class后,我又编写了html来执行applet,将其保存,如何经ie解释打开(直接在editplus上操作)不是显示html语言呀
  • 哪位高人有Linux/Unix下的HTML解释器?请共享一下。急用。3X。
  • html form标签用法(js操作form)介绍及代码示例 iis7站长之家
  • Web前端设计:html上标<sup>标签与下标<sub>标签详解
  • 留言板问题,如何过滤掉html标签 防止别人引用html的标签呢??如<font color=red>测试</font>
  • html<pre>标签自动换行实现方法
  • C#实现过滤html标签并保留a标签的方法
  • HTML 5 <!DOCTYPE> HTML文档规范声明标签
  • jquery删除指定的html标签并保留标签内文本内容的方法
  • PHP去除html标签,php标记及css样式代码参考
  • 删除html标签得到纯文本可处理嵌套的标签
  • html中<radio>单选按钮控件标签用法解析及如何设置默认选中
  • php转换html标签小例子
  • Web前端设计:Html强制不换行<nobr>标签用法代码示例
  • 移除HTML标签的正则表达式
  • HTML5 <audio> 标签-在html中定义声音的标签
  • html小技巧之td,div标签里内容不换行
  • Html checkbox标签如何设置默认选中以及用js操作checkbox代码示例
  • PHP删除HTMl标签的代码
  • html form标签用法(js操作form)介绍及代码示例
  • asp.net去除HTML标签删除HTML小例子
  • HTML 5 <body> 标签-定义文档的主体
  • 去除HTML标签删除HTML示例代码
  • HTML5 <bdo> 标签:覆盖默认的文本方向
  • PHP中HTML标签过滤技巧
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • php使用strip_tags从字符串中去除html标记
  • 框架网页中如何使用sendredirect(a.html),使得a.html不显示在框架中,是整页显示!
  • HTML 5 <article> 标签定义用法及使用情景举例
  • 怎样使用javamail发送带有html格式信息的文件
  • HTML如何使用各种CSS 样式
  • asp.net使用mshtml处理html的代码
  • JPS(也可以说是HTML)中如何使用JApplet?
  • 哪里能获得文本框与弹出日历联合使用的HTML源码?
  • c#使用htmlagilitypack解析html格式字符串
  • 可以在 <% %>里面使用HTML 标记吗?
  • 急问java中有关HTML解析器的使用
  • html页面如何指向web-inf/classes下的applet。是否使用codebase之类的说明,该如何书写。
  • 求救JSP画图,可与html格式同时使用吗?
  • 为什么用appletviewer ss.html能使用,而直接打开提示class not found?
  • jsp中使用jstl导入html乱码问题解决方法
  • 请问如何使用html打开一个窗口,只有菜单栏。
  • jquery append()方法与html()方法的区别及使用介绍
  • html5在android中的使用问题及技巧解读
  • 请问在Mozilla中如何使用click()事件?(javascript,html)。快快帮我啊!
  • crawler4j抓取页面使用jsoup解析html时的解决方法
  • c#使用nsoup解析html乱码解决方法分享 nsoup教程
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html定义及介绍
  • 基于HTML5的幻灯片 html5slides
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html.tag定义及介绍
  • 基于 KBEngine 的 HTML5 插件 kbengine_html5
  • java命名空间javax.swing.text.html类html.unknowntag的类成员方法: html.unknowntag定义及介绍
  • 让 IE 支持 HTML5 html5shim
  • java命名空间javax.swing.text.html类htmleditorkit.inserthtmltextaction的类成员方法: html定义及介绍
  • HTML文档格式化工具 HTML Tidy
  • java命名空间javax.swing.text.html类html的类成员方法: getallattributekeys定义及介绍
  • HTML5 在线工具 html5demos




  • 特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3