使用HTML框架结构可以把一个浏览器窗口划分为若干个小窗口,每个窗口可以显示不同的URL网页,每个框架里的网页相互独立.这样不仅可以非常方便地在浏览器中同时浏览不同的页面效果,而且可以非常方便地完成导航工作.如果所有的框架标记要放在一个HTML文档中,这个HTML页面的文档体标签<body>被框架集标签<frameset>取代,然后通过<frameset>的子窗口标签<frame>定义每一个子窗口和子窗口的页面属性,子窗口的排列遵循从左到右.从上到下的次序规…
指引 网页中的信息主要是以文本为主的,可以通过字体.大小.颜色.底纹.边框等来设置文本的属性.文字版面的编辑包括文本标签和格式标签两种,在浏览器中显示的文字内容和格式都要在<body>标记中编写.文字是网页设计最基础的部分,一个标准的文字页面可以起到传达信息的作用.对文字的格式化,通常可以使用两种方式:一种方式是直接使用HTML标记,另一种方式是使用CSS.利用CSS可以对文本的格式进行精确控制,使用HTML标记则更有利于搜索引擎抓取.本章主要介绍一些和页面排版相关的标记. 1   HTML基…
小结 HTML标签包含结构标签和基础标签,基础标签是在页面制作最常使用的一些标签.基础标签包含标题标签(<h1>~<h6>).换行标签(<br>).段落标签(<p>).水平线标签(<hr>).格式标签及文本标签.表格可以把相互关联的信息元素集中定位,使浏览页面的人一目了然.表格需要通过表格标记<table>.行标记<tr>.单元格标记<th>或<td>等标记按一定的关系嵌套共同完成.通过使用框架,你…
表格在网站中应用得非常广泛,使用它可以方便.灵活地排版,很多动态大型网站也都是借助表格排版的,但现在都使用DIV+CSS进行页面布局.表格可以把相互关联的信息元素集中定位,使浏览页面的人一目了然.在HTML文档中,表格需要通过表格标记<table>.行标记<tr>.单元格标记<th>或<td>等标记按一定的关系嵌套共同完成,<tr>.<td>必须定义在<table>之间.表格的基本结构如下所示: 1.<table&g…
现在学习HTML5的方式 目前HTML还处于HTML4与HTML5之间的过渡使用阶段.移动端的Web界面开发已经全面使用HTML5的技术,而在PC端由于用户升级浏览器周期较长,面临着页面的兼容性问题,以及开发人员对HTML5新技术需要一段时间了解和熟练,所以学习HTML必须兼顾这两个版本.可以按版本升级的方式,先学习HTML4的技术,再延伸学习HTML5新增加的内容.而HTML是一个不断变化的标准,不管是哪个版本都属于HTML技术,所以本书直接学习HTML5的标准,当然遇到与HTML4变化较大的…
学习HTML5技术可并不是简单学会几个新增的标签而已,HTML5现在可以说是前端所有技术的代名词.需要学习的语言和工具不仅多,对于刚接触他们的新人会感觉很乱.另外,前端开发也会细分很多个开发岗位,不同的岗位所涉及的技术也会有差别,所以先要确定自己的发展定位,收集要学习的内容,整理好学习的顺序.很多时候,成功除了勇气.坚持不懈外,更需要方向.也许有了一个好的方向,成功来得比想象的更快.如果在错误的路上奔跑,再怎么努力也是白搭.学习Web前端也是如此,首先应该选择一个正确的学习路线.HTML5学习线…
HTML5是第五版HTML的标准,CSS3则是第三版CSS,新增一些非常实用的选择器和样式属性,并且CSS3语言开发是朝着模块化发展的.以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来.这些模块包括:盒子模型.列表模块.超链接方式.语言模块.背景和边框.文字特效.多栏布局等.HTML和CSS结合开发使用非常紧密,HTML5和CSS3的结合使用还要更近一些,正在逐渐替代上一代产品.HTML5的一些高级特效,像圆角.阴影.响应式布局.各种字体加载…
HTML5开发现在很火爆,是一门技术,更是一个概念.可以让我们的工作模式.交互模式以及对应用和游戏的体验有了翻天覆地的变化,很多人都知道HTML5这门技术,也常把HTML5读作H5(简称).其实一些外行人对HTML5的认识是存在一些误区的,例如微信上出现一个应用就说是H5做的.看到炫酷的页面也说是H5做的.看到一个网页游戏还说是H5做的.以及看到一个数据提交的小表单也理解成是H5做的.其实说的并不全对,是有HTML5的身影存在,但如果HTML5不用JavaScript就像汽车没有发动机,如果HT…
小结 HTML表单提交的方法有get方法和post方法,get方法的作用是从指定的资源请求数据,post方法的作用是向指定的资源提交要被处理的数据.HTML表单一直都是Web的核心技术之一,有了它我们才能在Web上进行各种各样的应用.HTML5 Forms新增了许多新控件及其API,方便我们做更复杂的应用,而不用借助其它Javascript框架.HTML5新增表单元素有<datalist>.<keygen>和<output>.<datalist>元素规定输入…
这里我们创建一个填写个人基本信息的表单,使用了表单元素有<input>输入框.<datalist>选项列表.<textarea>文本框,通用的表单输入类型有text.password.file.radio.checkbox.email.url.number.Date pickers.并为表单及表单元素设定了相应的属性.代码如下: 运行这段代码,表单在页面中的展示如图1所示: 图1  HTML5综合表单…