#【转载】 使用模板快速制作H5网页（仅供参考）

教程来源：

零基础30分钟学会制作网站——如何使用HTML网页模板（更新P2字幕版）

作者：SolidifieRay

1.HTML整体框架:

<HTML>
    <head>
        <title>Chinese Communist</title>
    	<!--使用中文需要添加一行代码:
		<meta charset = "UTF-8">
		-->
    </head>
    <body>
       <!--内容-->
    </body>
  • 通过框架可以大致看懂代码对应网页的哪一部分；
  • 通过修改框架的内容即可编辑文字、图片等；

2.修改字体

<font face="黑体"color="#000000"size="5">文字</font>
  • color在网站上查询“颜色值”即可：OSCHINA

3.段落

<p align="center">  <!--align center代表中间对齐-->
    <!--此处输入段落内容-->
</p>

4. 超链接

<a href="xxx.html">超链接名字</a>
<!--"xxx.html"填写文件夹内链接路径-->

5.插入图片

<img src="xxx.jpg" width="50%">
<!--"xxx.jpg"图片一般放在Image目录，找到并修改链接即可；
width、height修改图片尺寸-->

6.区块

<div>
    <!--中间是一整个区块，不需要这个区块就整个删除-->
</div>

7.换行和空格

  • 换行
文字中间添加<br>即可换行，效果如下：
<!--“文字中间添加
即可换行。”-->
  • 空格（部分版本的编辑器能自动识别）
文字中间添加&nsbp即可，效果如下：
<!--“文字中间添加 即可”-->

8.CSS

<head>
	<style>
		p{color:black}
	</style>
</head>
  • 特征：代码中有“style”;

9.Java Script

<body>
	<script>
    	document.write(js);
	</script>
</body>
  • 特征：代码中有“script”;

10.模板和编辑器

  • **W3school**可以搜索其他功能；

  • 模板之家可以下载模板（需要收费）；

  • Themezy可以下载免费模板；

  • 开始之前需要下载Sublime编辑器;

更多推荐

使用模板快速制作H5网页（仅供参考）