学生个人网页制作html具体方法如下：
1. 安装sublime
2. 打开sublime text 3，按CTRL + `或者在菜单中选择View > Show Console，可打开控制台——也就是下面的一条输入框。
3. 在输入框中复制粘贴下以下代码：
import urllib.request,os; pf = ‘Package Control.sublime-package’; ipp =
sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), ‘wb’).write(urllib.request.urlopen( ‘http://sublime.wbond.net/’ + pf.replace(‘ ‘,’%20’)).read())
然后回车。这时可以看到鼠标变成了旋转的彩色圆圈，稍等片刻，一些代码出现在了控制台的上面。重启sublime text 3。
安装emmet插件
4. 在sublime text 3中按下快捷键CTRL + SHIFT + P
或者在菜单中选择Tools > Command Palette…
5. 在弹出的输入框的自动提示中选择Package Control: Install Package。
6. 输入Emmet并点击。此时emmet开始安装啦。等待几分钟，待最下面一行显示几行line，几个column时，emmet就算装好了。再次重启sublime text 3。
前端工作都是从创建一个网页文件开始的，一个最小的网页文件应该总是包含一些东西。
声明文档类型
- <!doctype html>- HTML5。
网页标题
- <title></title>-标题。
定义字符编码
- <meta charset=”utf-8″>- UTF8。
定义视口的宽度
- <meta name=”viewport” content=”width=device-width, initial-scale=1″> 针对移动设备进行优化并防止缩放或水平滚动。
包含指向自定义 CSS 和 JavaScript 的链接
- css/style.css 样式文件 和 js/scripts.js js文件。
使用最新的 Internet Explorer 渲染模式（可选）
- <meta http-equiv=”x-ua-compatible” content=”ie=edge”>-不是强制性的，但可能会有所帮助。
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>标题</title>
<link rel="stylesheet" href="css/main.css" />
<link rel="icon" href="images/favicon.png" />
</head>
<body>
<script src="js/scripts.js"></script>
</body>
</html>其中，head 主要包含，提供有关页面的元信息标签 <meta>，比如 针对搜索引擎 ，关键词和描述及编码类型等，网页标题，css样式文件。
一般建议，script 标签写在body 结束之前。
是不是很简单，这是一个网页的基本框架，学生个人网页制作html要想制作一个内容丰富，漂亮的网页，还需要学习很多知识。
暂无评论内容