简单网页的制作_html简单网页制作

全栈程序员站长

发布于 2022-11-08 14:59:50

3.2K0

发布于 2022-11-08 14:59:50

文章被收录于专栏：全栈程序员必看

大家好，又见面了，我是你们的朋友全栈君。

传送门链接：聊聊制作网站那些事

开头先开个小灶：响应式网站

响应式网站就是让网页自适应手机端和PC端，是一种网络页面设计布局，其理念是:集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境进行相对应的布局，自适应不同设备中网页的高宽度！

以我自己的博客响应式网站向大家展示下：

PC电脑端：

手机端：

看到没有网页在手机端和电脑端直接可以自由调整网页大小！

前言：

虽然现在有很多网页模板可以套用，但是不写代码就永远不能进步！

简单介绍：

HTML是一种超文本标记语言，简单来说就是用来做网页的，没有别的脚本语言的加持下只能做静态网页。

在有其它脚本语言JavaScript（JS）和PHP语言的加持下就可以做动态网页，甚至可以做耗费精力和时间的响应式网站。

刚才说的静态网页、动态网页和响应式网站显然都是后话了，到后边还有伪静态网页，这些到后面再讲。

HTML编译器：

Dreamweaver和WebStorm

写一个简单网页可以先用记事本

废话不多说，直接上代码。

上代码：

<html>
<head>
<title>网页制作</title>
<meta charset="utf-6">
<meta http-equiv="refresh" content="12;url=https://www.baidu.com/">
</head>
<body text="blue">
<h2 align="center">HTML初漏端倪</h2>
<hr>
<h1>今天教大家怎么制作简单的网页!</h1>
<P>让我们一起体验超炫的HTML之旅吧!</p>
<body><h2 align="center"><font size="5"><center><SCRIPT>
    farbbibliothek = new Array();
    farbbibliothek[0] = new Array("#FF0000","#FF1100","#FF2200","#FF3300","#FF4400","#FF5500","#FF6600","#FF7700","#FF8800","#FF9900","#FFaa00","#FFbb00","#FFcc00","#FFdd00","#FFee00","#FFff00","#FFee00","#FFdd00","#FFcc00","#FFbb00","#FFaa00","#FF9900","#FF8800","#FF7700","#FF6600","#FF5500","#FF4400","#FF3300","#FF2200","#FF1100");
    farbbibliothek[1] = new Array("#00FF00","#000000","#00FF00","#00FF00");
    farbbibliothek[2] = new Array("#00FF00","#FF0000","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00");
    farbbibliothek[3] = new Array("#FF0000","#FF4000","#FF8000","#FFC000","#FFFF00","#C0FF00","#80FF00","#40FF00","#00FF00","#00FF40","#00FF80","#00FFC0","#00FFFF","#00C0FF","#0080FF","#0040FF","#0000FF","#4000FF","#8000FF","#C000FF","#FF00FF","#FF00C0","#FF0080","#FF0040");
    farbbibliothek[4] = new Array("#FF0000","#EE0000","#DD0000","#CC0000","#BB0000","#AA0000","#990000","#880000","#770000","#660000","#550000","#440000","#330000","#220000","#110000","#000000","#110000","#220000","#330000","#440000","#550000","#660000","#770000","#880000","#990000","#AA0000","#BB0000","#CC0000","#DD0000","#EE0000");
    farbbibliothek[5] = new Array("#000000","#000000","#000000","#FFFFFF","#FFFFFF","#FFFFFF");
    farbbibliothek[6] = new Array("#0000FF","#FFFF00");
    farben = farbbibliothek[4];
    function farbschrift()
</SCRIPT></center></font></h2></body>//此代码段想要的关注我并私聊我给你！
</body>
<script>
alert("加入白猫网页制作课程组，一起来学习吧！")
</script>
<html>

效果预览：

点击：预览视频

网页停留12秒左右跳转到百度知道（设置其它链接后可以跳转到任意官网！）

结语：

今天先让大家了解下怎么简单的制作一个网页，等下篇文章带大家深入了解HTML各个标签代码的属性含义和作用！

好了在此非常感谢大家的支持！

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/182382.html原文链接：https://javaforall.cn

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022年10月13日，如有侵权请联系 cloudcommunity@tencent.com 删除

网站

html

https

网络安全

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度