2024年移动端HTML网页制作 篇1
听你的意思是想做个静态页面做一个网站吧。
单纯想用HTML做一个网站是可以的，但是纯粹用HTML写网页真的丑...
想做出一个漂亮的现代网页CSS少不了。
先大白话说说HTML、CSS、JS的作用，再说HTML做网页吧。HTML：
1.告诉计算机页面里有什么。
2.各种元素的前后关系、父子关系。
3.根据所用的元素判断元素占一行还是行内元素。
4.告诉浏览器需要加载什么脚本（script）、样式（css）等等。
6.head元素内，可以告诉浏览器或者爬虫，网站使用的语言（英语还是中文等），做一些移动端兼容设置，title就是本页面的标题。CSS：
css是在HTML给出一个抽象的脸的前提下让每个五官精确定位，它也像是在整容或者化妆，让界面更符合现代人审美。
1.定位属性，position，left，top，block等。
2.装饰属性，color，background，border，shadow-box等。
3.动画属性，transition等。JS：
JS代表着进一步自由，你能做更多的操作，它能做的事情说不完。
1.你可以利用JS与服务器后台沟通，当然HTML的form元素也能做到，但是form提交会刷新整个页面。
2.你可以设置大量的事件监听，如鼠标点击、鼠标移动、页面滚动等，当这些事件发生时你可以做一些事情。
3.利用一些浏览器接口额外做些事情，例如保存数据至本地，更强的图形化，例如利用webgl做动画片或者游戏。如何用HTML制作一个简单网页？
1.如果你的网站只是展示简单的信息又想外观还过得去，我建议你使用Bootstrap可视化布局系统来生成页面，简单的拖拽元素后，你只需要将生成的代码复制到html文件里的body内就好。
2.如果你很懒的话，也可以用纯粹的HTML写页面，学习的话推荐菜鸟教程。
题外话：如果你很有野心的话，建议学习下前端框架VUE，上手也挺简单，官网上和网络上案例多，学习曲线不怎么陡峭，使用element组件库或者ant的组件库，页面体验将会得到炸裂级的提升。
2024年移动端HTML网页制作 篇2
字体没有统一的标准，一般网页可以指定优先使用哪种字体和采用哪种编码技术；如果本页面指定的在客户端不存在，将调用客户端本地的字体来代码，因此网页设计指定的字体只能是建议或提倡的字体。一般需要在头部采用以下标记来实现：
字体编码使用以下HTML标记来实现
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
这里是使用utf-8国际编码，如果是中文可以使用gbk或gb2312。
建议字体需要在CSS样式中进行指定
body {font-family: "宋体" Arial, Helvetica, sans-serif;}
这里优先使用“宋体”，如果客户端没有，则寻找Arial字体，依次类推。
2024年移动端HTML网页制作 篇3
也可以开发移动和桌面app，下面我介绍一种简单的利用html来开发桌面应用的方法，使用Hex，Hex使用HTML5和Node.js构建桌面应用解决方案，可以快速构建跨平台的桌面应用，实验环境win7，软件nodepad++，主要步骤如下：
1.下载安装Hex，这个直接到官网上下载就行http://hex.youdao.com/zh-cn/downloads/index.html，直接点击下载，一个zip压缩包，如下：
2.解压后的文件如下，一大堆配置文件和dll，不用管这些：
3.为了方便测试，我这里在安装目录下边新建了一个www目录，里面新建一个test.html文件，其内容如下，很简单，就是打印出输入信息：
3.在安装目录下边，找到manifest.json，将这个文件的的修改如下，主要是配置一下加载文件的路径，如下：
5.双击运行hexclient，程序运行截图如下，不过样子看着不咋的，就简单测试一下，勉强看看:
至此，一个简单的利用Hex来开发桌面应用的例子就介绍完毕。也可以利用electron来开发桌面应用，整个过程也不是很难，网上也有许多相关的教程，我这里就不详细介绍了，感兴趣的可以搜搜。至于开发移动应用，可以使用hbuilder，开发、打包发布也挺快的，希望以上分享的内容能对有所帮助吧。