`

html布局学习笔记

 
阅读更多

 

  • <frameset> 定义如何将窗口化分为框架(rows/cols),不能与body同在,否则不显示
  • <frame>  定义框架要加载的html文档,需增加 noresize="noresize"属性防止有可见边框可随意拖动
  • <noframes> 用于不支持框架的浏览器 
综合以上三个标签示例如下:
<html>
<head>
<title>frame框架</title>
</head>

<frame>
<frameset rows="20%,*">
<frame src="top.htm" name="top" noresize="noresize">
<frameset cols="25%,75%">
<frame src="left.htm" name="left" noresize="noresize">
<frame src="main.htm" name="main" noresize="noresize">
</frameset>

<noframes>
<body>
您的浏览器不支持框架!
</body>
</noframes>
</frameset>
</frame>

</html>
  •  所有跟样式有关都要放到单独的样式表.css中,通过link标签放到head标签内,并可引用到多个页面中。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
  • 当定义产生冲突时,CSS新式的生效规则是后定义的优先。优先级的顺序是:
  1. 在标签中加入CSS样式 
  2. 在<style></style>标签中加入css样式
  3. 导入样式@import url("index.css")或@import "index.css"
  4. 链入外部CSS样式表
  • 常用字符实体
结果 描述 实体名称 实体编号
非间断空格 &nbsp; &#160;
< 小于号 &lt; &#60;
> 大于号 &gt; &#62;
& and符号 &amp; &#38;
¢ &cent; &#162;
£ 英镑 &pound; &#163;
¥ 日元 &yen; &#165;
欧元 &euro; &#8364;
§ 小节号 &sect; &#167;
© 版权所有 &copy; &#169;
® 注册商标 &reg; &#174;


  • 什么是WEB标准?WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构、表现和行为。对应的标准有三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制定的标准,如ECMAScript。
  • XHTML :在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。建立XHTML的目地就是实现HTML向XML的过渡。XHTML有三种DTD定义:严格的(strict)、过渡的(transitional)和框架的(frameset)
  • 网站重构:通过在HTML文档中使用结构化的标记以及用CSS控制页面表现,使页面的实际内容与表现样式分离的站点的过程。 网站重构的核心就是实现优化的表现层和结构层分离,建立标准的WEB网页。
  • DIV+CSS只是实现WEB标准的技术手段,并不能代表整个WEB标准。WEB标准不仅仅是HTML向XHTML的转换,更重要的信息结构清晰、内容与表现相分离,而DIV+CSS技术能较好地实现这种制作模式。

 

分享到:
评论

相关推荐

    css网页布局学习笔记

    本学习笔记将深入探讨CSS在网页布局中的应用,帮助读者掌握如何利用CSS创建美观且响应式的网页。 一、CSS基础 在了解网页布局之前,我们需要熟悉CSS的基本语法和选择器。CSS通过选择器来指定要应用样式的HTML元素,...

    XHTML+CSS页面布局学习笔记

    XHTML+CSS 页面布局学习笔记 这篇学习笔记主要讲解了 XHTML 和 CSS 在页面布局中的应用,涵盖了基础知识、CSS 控制页面样式、选择器、盒子模型、块状元素和内联元素等内容。 一、基础知识 1. 什么是 W3C? W3C ...

    html和css学习笔记

    ### HTML与CSS学习笔记 #### 一、基础知识概述 HTML(HyperText Markup Language)与CSS(Cascading Style Sheets)是构建网页的基础技术。通过学习HTML与CSS,我们可以创建结构化且美观的网页。 - **WWW (World ...

    html + css 学习笔记整理.zip

    本资源为【html + css 学习笔记整理.zip】,是一份专为希望深入学习HTML和CSS的用户准备的实用资料。它涵盖了从基础到进阶的知识点,包括HTML的基本结构、常用标签及其属性,以及CSS的核心概念如选择器、盒模型、...

    h5前端学习笔记

    【标题】"h5前端学习笔记"所涵盖的知识点主要集中在HTML5技术及其在前端开发中的应用。HTML5是超文本标记语言的最新版本,它引入了许多新的元素、API和特性,极大地增强了网页的交互性、可访问性和可用性。 【描述...

    html css js全套学习笔记+举例

    通过笔记和实例的实践,你可以逐步理解并掌握这些概念,从而从零开始建立起前端开发的能力。 在实际应用中,前端开发者通常会将HTML、CSS和JavaScript结合使用,构建功能丰富且美观的网页。例如,可以使用HTML创建...

    超详细的web前端基础学习笔记

    本学习笔记涵盖了 web 前端开发的基础知识,包括 HTML 的基本结构、文档类型声明、常见的文本和列表标签、分区标签以及图片标签的使用方法。对于初学者而言,这些内容是构建网页的基础,而掌握这些基础知识是进一步...

    html常用标签学习笔记

    在学习HTML时,了解并熟练掌握常见的HTML标签是至关重要的。下面将详细介绍一些常用的HTML标签及其用途。 1. `&lt;html&gt;`:这是HTML文档的根元素,包含了整个网页的代码。所有的其他HTML标签都应包含在这个标签对内。 ...

    xamarin学习笔记A04(安卓基本布局)

    在“xamarin学习笔记A04(安卓基本布局)”中,我们将深入探讨以下几个关键知识点: 1. **布局类型**: - **线性布局(LinearLayout)**: 这是最基础的布局,可将子视图水平或垂直排列。可以设置权重分配,使得子...

    bootstrap学习笔记-html5

    这个“bootstrap学习笔记-html5”压缩包文件显然包含了有关如何使用Bootstrap和HTML5进行网页设计的资料,非常适合初学者入门。接下来,我们将深入探讨这两个重要主题。 HTML5(超文本标记语言第五版)是网页开发的...

    HTML5学习笔记(总结提炼版)——002 CSS

    CSS提供了多种布局方式,包括流体布局(使用百分比定义元素尺寸,自适应屏幕大小)、定位布局(使用`position`属性,如`static`、`relative`、`absolute`和`fixed`)、Flex布局(弹性盒子,适用于一维布局)以及Grid...

    HTML5学习笔记

    HTML5是下一代超文本标记语言,它为网页开发者提供了...学习HTML5,对于任何希望从事网页开发或更新现有网站的人来说,都是不可或缺的。通过掌握HTML5的新特性和API,开发者可以创建更高效、更具吸引力的网页应用程序。

    HTML+CSS学习笔记.zip

    HTML 与 CSS 学习笔记是一个宝贵的资源,它涵盖了从基础到高级的网页开发知识。这份学习资料不仅详细介绍了 HTML 和 CSS 的基本概念、语法和属性,还深入探讨了它们在实际项目中的应用。通过本资源的学习,你将能够...

    Html与Css学习笔记以及经验总结

    这篇学习笔记和经验总结将深入探讨这两者的核心概念,帮助初学者快速掌握这两门技术。 首先,HTML是用于创建网页内容的标记语言。它由一系列元素组成,这些元素通过标签表示,比如`&lt;html&gt;`、`&lt;head&gt;`、`&lt;body&gt;`等。...

    html学习笔记(含标签单词解释)

    本学习笔记旨在详细介绍HTML的基本概念、常用标签及其英文单词解释,帮助初学者更好地理解和运用HTML。 一、HTML基本结构 HTML文档通常以`&lt;!DOCTYPE html&gt;`开头,声明当前文档为HTML5标准。接着是`&lt;html&gt;`标签,它...

    Extjs学习笔记之七 布局

    以上介绍的只是Extjs布局管理中的一小部分,Extjs官网提供了丰富的例子和详细的文档,这是学习Extjs布局的最佳资源。通过官网的例子,可以直观地看到不同布局类型的效果和配置方法,极大地便利了开发者的布局实践和...

    HTML+CSS 学习笔记.zip

    本资源是一套详尽的HTML和CSS学习笔记,旨在帮助初学者搭建坚实的Web开发基础。通过这份资料,学习者可以掌握HTML的基本标签和结构,如段落、标题、链接等,并了解如何使用CSS进行样式设计和布局控制。内容涵盖从...

    狂神Java学习笔记————前端入门——html、css、JavaScript学习代码

    【狂神Java学习笔记——前端入门——HTML、CSS、JavaScript学习代码】是针对初学者的一份详实的学习资料,这份笔记记录了跟随B站知名up主“遇见狂神说”的java系列视频中关于前端开发的基础内容。笔记内容不仅与视频...

    html经典学习笔记.zip

    "HTML经典学习笔记"是一个压缩包文件,包含了深入理解和学习HTML的重要资料。这个压缩包可能包含了一系列的章节、实例和练习,旨在帮助学习者掌握HTML的基本语法、元素以及如何创建动态和交互式的网页。 在HTML的...

    html语言标记大全 学习笔记

    框架技术包括`&lt;FRAMESET&gt;`、`&lt;FRAME&gt;`、`&lt;IFRAME&gt;`,用于创建多窗口的网页布局,但不是所有浏览器都支持。`&lt;MAP&gt;`和`&lt;AREA&gt;`用于创建图像地图,定义点击区域链接。`&lt;EMBED&gt;`允许添加多媒体内容,如音频和视频。 ...

Global site tag (gtag.js) - Google Analytics