期刊投稿页面布局HTML代码

用html编辑网页原理：利用div+css来布局，用css样式控制和美化前端页面，用js或者jq或者css3实现动态效果。整合这些组成一个网页；用html编辑网页：根据div布局，css设置div盒子的宽高、边框，边距，颜色、背景颜色、文字大小，什么字体，文字颜色，文字的效果等

先画草图，然后根据草图确定div块，必要时可以设置浮动，然后填充内容，修改样式即可。结构分离：使用 HTML 增加结构，而不是样式内容；保持整洁：为工作流添加代码验证工具；使用工具或样式向导维护代码结构和格式、学习新语言：获取元素结构和语义标记。

给你推荐个学习网站，多参考下别人的成品网站 。多看书 ，多练习。加油。

用html制作简单的网页的步骤：

1、整体形象设计：企业确定要搭建网站，那么首先就需要确定企业的整体形象，这个形象包括企业的logo设计，整个站点的色彩搭配，网页流程设计，版面设计，甚至包括哪些地方本使用动态效果，哪些地方搭配文字信息，又或者需要布局哪些模块等等，这个都需要纳入到整体形象设计当中。

2、页面风格设计：网站整体设计完成之后，需要落实到每个小的页面，每个页面风格设计可以不同，但大的方向却需要一致，这样才能保证整个站点是整洁有序的，千万不能是一个页面一个页面设计，这样让用户感觉到非常突兀，甚至会不适应。

3、代码设计：代码设计其实也就是功能设计，一个网站不可能只是展示，还需要有一些其他功能，最少有联系版块的功能，留言功能等等，如果是电子商务网站还需要一些支付功能等等。此外，代码设计也涵盖了整个网站的框架布局，这个需要站长结合SEO优化元素去设计。

网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。

那要看你的博客支不支持自由加代码了。

一、基本框架如同人一样，网页也包括了“头部”和“身体”，＜head＞标记内包含着诸如网页标题、语言编码、网页描述等基本信息，而平时我们真正见到的网页内容均放在＜body＞标记内。现在先介绍一下＜head＞里的基本信息。网页标题(标记格式为＜title＞＜/title＞)创建网页标题文字：＜title＞标题＜/title＞ //此处书写的文字会显示在IE的标题栏上。网页文档信息(标记格式为＜meta＞)描述网页内容类型：＜meta http-equiv="Content-Type" content="text/html; charset=gb2312"＞ //该页面为TXT文本或HTML格式，语言编码方式为GB2312(即简体中文)。描述网页的关键字信息：＜meta name="keywords" content="这里是关键字"＞对网页的详细描述：＜meta name="description" content="这里是对该网页的介绍"＞刷新网页：＜meta http-equiv="refresh" content="5;URL=xxx.htm"＞ //5秒种后刷新，并链接到xxx.htm。二、组成要素无论网页如何千变万化，构成一个网页内容的最基本要素大体只有五种，即文字、图片、表格、超链接和表单控件，所以下面将围绕着这五个要素逐一列举介绍。文字(标记格式为＜font＞＜/font＞)指定文字字体：＜font face="宋体"＞宋体文字＜/font＞指定文字大小：＜font size="3"＞3号文字＜/font＞指定文字颜色：＜font color="#FF0000"＞红色文字＜/font＞ //网页颜色采用16位编码，因此#FF0000表现为红色。大家可以查阅相关资料了解其他颜色的编码。图片(标记格式为＜img＞)＜img src="images/pic.jpg" width="400" height="300" border="2" align="center"＞// src指定为路径地址，width为宽度，height为高度，border为边框大小，align为横向位置。表格(标记格式为＜table＞＜tr＞＜td＞＜/td＞＜/tr＞＜/table＞)＜table width="400" height="300" border="1" align="center" cellpadding="2" cellspacing="2" bgcolor="#FF0000"＞＜tr＞＜td＞此处添加文字或图片等＜/td＞＜/tr＞＜/table＞// width、height、border、align与以上的例子作用一样，cellpadding为边框与单元格的间距，cellspacing为单元格之间的间距，bgcolor为表格背景色。以上所介绍的元素都是只存在当前页中，而网页超链接的出现大大改变了人们的浏览习惯，可根据自己喜好，点击到相关链接查看网页信息。超链接(标记格式为＜a＞＜/a＞)＜a href="xxx.htm" title="提示文字"＞链接文字或图片＜/a＞ //href为被点击后的链接页，title为鼠标悬停在链接文字或图片上后出现的提示文字。表单控件(标记符号为＜input＞、＜textarea＞＜/textarea＞、＜select＞＜/select＞)表单控件实现了人与网页的交互，像大家常去的论坛、购物站点等都有它的“身影”。文本框：＜input type="text" value="这是文本框"＞ //value为该控件的值，以下每个表单控件均可设定，不设默认为空密码框：＜input type="password"＞单选框：＜input type="radio"＞复选框：＜input type="check"＞提交按钮：＜input type="submit"＞重置按钮：＜input type="reset"＞隐藏区域：＜input type="hidden"＞文本域：＜textarea rows="6" cols="30"＞＜/textarea＞ //rows为行数，cols为宽度列表框：＜select＞＜option＞项目1＜option＞项目2＜option＞项目3＜/select＞编后：学习HTML的目的不是为了要用它来编写网页，因为利用很多软件的编辑功能就可以省掉一些编程的麻烦。最重要的是本文介绍了页面里最基本的元素，了解这些知识后可以分析网页的结构，学习高手们所使用的特殊效果。当然HTML代码的内容远不止这些，想要在网页设计方面发展的朋友学好它是非常必要的。

给你一个链接，可以很好的学会使用html