#【转载】 使用模板快速制作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网页(仅供参考)
发布评论