≡

首页

> 期刊发表知识库

问答
论文发表 期刊问答 期刊论文 学术论文 职称论文 学术期刊 期刊论文 学术期刊 医学论文 毕业论文
百科
期刊论文百科 毕业论文问答网 医学论文 毕业论文 毕业论文百科 职称论文知识库 论文百科
知识库
期刊发表知识库 论文发表知识库 学术论文知识库 期刊论文知识库 学术期刊知识库 期刊投稿知识库 学术发表知识库
首页 期刊发表知识库 问题

html页面排版

发布时间：

html页面排版

文字

可以用div+css布局的方式，对网页进行排版

现在h5的话，一般用bootstrap或者layui来构建框架排版

HTML介绍：(1): Title of page This is my first This text is bold 将此文件保存为“htm”。启动浏览器。在文件菜单中选择“打开”（或者“打开页面”），这时将出现一个对话框。选择“浏览”（或者“选择文件”），定位到你刚才创建的HTML文件——“htm”，选择它，单击“打开”。然后在对话框中，你将看到这个文件的地址，比如说：“C:\MyDocuments\htm”。单击“确定”，浏览器将显示此页面。--------------------------------------------------------------------------------例子解释HTML文档中，第一个标签是。这个标签告诉浏览器这是HTML文档的开始。HTML文档的最后一个标签是，这个标签告诉浏览器这是HTML文档的终止。在和标签之间文本的是头信息。在浏览器窗口中，头信息是不被显示的。在和标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。在和标签之间的文本是正文，会被显示在浏览器中。在和标签之间的文本会以加粗字体显示。---常见问题问：我编写完了HTML文件，但是不能在浏览器中看见结果，为什么？答：请确认你保存了文件，并且使用了正确的文件名和扩展名，例如：“c:\htm”，并且确认你用浏览器打开时使用同样的文件名。问：我编辑了HTML文件，但是修改结果并没有在浏览器中显示，为什么？答：浏览器缓存了你的页面，所以它不需要两次读取同样的页面。你修改了这个页面，浏览器并不知道。请使用“刷新/重载”按钮来强迫浏览器读取编辑过的页面。 -----------------------------------------------------------------------------HTML基本标签：(2):HTML中最重要的标签是定义标题元素，段落和换行的标签。标题元素标题元素由标签

到

定义。

定义了最大的标题元素，

定义了最小的。

This is a heading

This is a heading

This is a heading

This is a heading

This is a heading
This is a heading
HTML自动在一个标题元素前后各添加一个空行。(3):段落段落是用

标签定义的。

This is another paragraph

HTML自动在一个段落前后各添加一个空行。--------------------------------------------------------------------------------换行当需要结束一行，并且不想开始新段落时，使用
标签。
标签不管放在什么位置，都能够强制换行。

This
is a para
graph with line breaks


标签是一个空标签，它没有结束标记。基本注意点——有用的技巧当你写下HTML文本的时候，你不能确知在另外一个浏览器中，这些文本将被如何显示。有人用着大的显示器，有的人用的小一些。每次用户调整窗口大小的时候，文本都将被重新格式化。不要想在编辑器中写一些空行和空格来协助排版。HTML将截掉你文本中的多余空格。不管多少个空格，处理起来只当一个。一点附加信息：在HTML里面，一个空行也只被当作一个空格来处理。使用空段落

来插入空白行是一个坏习惯，请使用
标签来替代。（但是不要用
标签来创建列表，我们后面会专门学习HTML列表的。）你也许注意到了段落可以不写结束标记

。别依赖它，HTML的下一个版本将不准你漏掉任何一个结束标签。HTML自动在某些元素前后增加额外的空行，就像在段落和标题元素的前后一样。我们使用了水平线（
标签）来分隔我们教程的章节。更多示例：a:多个段落：

This paragraph contains a lot of lines in the source code,but the browser ignores

This paragraph contains a lot of spaces in the source code,but the browser ignores

The number of lines in a paragraph depends on the size of your browser If you resize the browser window, the number of lines in this paragraph will

(这个例子说明了段落的一些默认行为。)b:换行：

To break
lines
in a
paragraph,
use the br

(这个例子说明了在HTML文档中换行的使用。)c:诗歌的问题：

My Bonnie lies over the My Bonnie lies over the My Bonnie lies over the Oh, bring back my Bonnie to

Note that your browser simply ignores your formatting!

(这个例子说明了HTML显示格式的一些问题。)d:标题元素：

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6

Use heading tags only for Don't use them just to make something Use other tags for

(这个例子说明了在HTML中显示标题元素的标签。)e:居中的标题元素：

This is heading 1

The heading above is aligned to the center of this The heading above is aligned to the center of this The heading above is aligned to the center of this

(这个例子显示了一个居中的标题元素。)f:水平线：

The hr tag defines a horizontal rule:

This is a paragraph

This is a paragraph

This is a paragraph

(这个例子说明了如何插入水平线。)g:隐藏的注释：

This is a regular paragraph

(这个例子说明了在HTML文档中如何插入隐藏的注释。)h:背景色：

Look: Colored Background!

(这个例子说明了如何给页面设置背景色。)

html网页排版

现在h5的话，一般用bootstrap或者layui来构建框架排版

把想要控制的东西放DIV里，DIV相对TABLE好控制很多

可以用div+css布局的方式，对网页进行排版

挺简单的啊，给图片加个左浮动和margin。顶部那个作者简介可以用大DIV 边框属性2像素红色，小DIV居中 position:relative; top:-50px; 具体像素就自己定了

移动手机页面排版html

找一个别人做好的站，你用浏览器审查一下就知道别人怎么写的了

Html5和以前html，jsp写法一样的，基本上区别不大，如果要写手机页面的话，可以用dw然后在里面用手机版块看效果

可以的； 做手机页面需要注意的是页面不能用固定宽度；基本上都是用百分比，除非是一些固定的小图标不影响整体页面的； 比如一个整体页面 这里是标题

在工具上，手机版网页和电脑版网页没有什么区别，可以根据自己的喜好。我是喜欢用Dreamweaver的，而且Dreamweaver cs6有个多屏预览的功能，可以很方便的预览手机、平板、PC端的效果。不过Dreamweaver 挺大的，还有很多比较快比较好的编辑器，比如EditPlus，这还是看个人的习惯和喜好了。推荐一个编辑器sublime text，我自己觉得超好用。在代码方面的话：首先得加上这样的一行。设置宽度、高度、是否能够缩放。然后，主要是要考虑适配。比较好的是做到自适应。这个可以搜一下，我记得月光博客里面就有篇很详细的。其次，可以用@media only screen and(min-device-width : 320px) and(max-device-width : 480px){ }来对不同像素的屏幕写不同的样式。可以看下知乎的登录页面，用的就是@media。再然后要考虑的是用户体验。简单的拿个链接来说，在PC端因为有鼠标，很容易点到。可是手机端就不一样，就几个字的链接很难点到，所以就要扩大点的面积。这就是为什么会出现电脑版的网页和手机版网页。其实做手机版的网页有个好处就是可以大量的使用HTML5和CSS3，这样能做出很多效果。对于这些的话，看附件里面的学习方法有帮助的

html页面排版布局代码

不会程序语言单独学HTML怎么学英语也不好

1、所谓HTML是超文本标记语言（HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。2、HTML页面布局有两种方式，一种是TABLE布局，一种是DIV布局。3、以前WEB0时代基本上都是table布局，后来WEB0，0时代，都是以DIV布局为主。但是div布局的编写难度比table布局要高。4、希望对你有帮助。

流动布局流动布局是浏览器默认的布局方式。他会按照你所写的标签特性，从上至下、从左到右的方式进行排列在HTML中我们按照标签的排列特性可以将它们分成三类：行级元素：不独占一行，不能设置元素的高度、宽度和底边边距，它的宽度和高度是由他的内容撑起来的。行内块元素：不独占一行，可以设置元素的宽度、高度和底边边距。块级元素：独占一行，元素的宽度、高度、上下边的边距都可以设置。常用的行级元素有： 常用的行内块元素：