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

简单网页的制作_html简单网页制作前言:虽然现在有很多网页模板可以套用,但是不写代码就永远不能进步!简单介绍:HTML是一种超文本标记语言,简单来说就是用来做网页的,没有别的脚本语言的加持下只能做静态网页。在有其它脚本语言JavaScript(JS)和PHP语言的加持下就可以做动态网页,甚至可以做耗费精力和时间的响应式网站。刚才说的静态网页、动态网页和响应式网站显然都是后话了,到后边还有伪静态网页,这些到后面再讲。HTML编译器:Dreamweaver和WebStorm写一个简单网页可以先用记事本废话不多

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

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

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

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

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

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

PC电脑端:

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

手机端:  

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

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

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

前言:

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

简单介绍:

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各个标签代码的属性含义和作用!

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

联系方式:

微信:Adm3nfgh

QQ:2425961044

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/182382.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • sklearn库的功能_numpy库

    sklearn库的功能_numpy库sklearn是目前python中十分流行的用来实现机器学习的第三方包,其中包含了多种常见算法如:决策树,逻辑回归、集成算法等。即使你还不太懂机器学习的具体过程,依旧可以使用此库进行机器学习操作,因为其对各种算法进行了良好的封装,可以在不了解算法实现过程的情况下使用算法,所以可以把sklearn库当作学习过程中的一个过度,如果你想快速建立一个模型,这也是一个不错的选择。数据导入skle…

    2022年10月17日
    3
  • fastjson map转jsonobject_fastjson中Map与JSONObject互换,List与JOSNArray互换的实现「建议收藏」

    fastjson map转jsonobject_fastjson中Map与JSONObject互换,List与JOSNArray互换的实现「建议收藏」fastjson中Map与JSONObject互换,List与JOSNArray互换的实现1、//将map转换成jsonObjectJSONObjectitemJSONObj=JSONObject.parseObject(JSON.toJSONString(itemMap));将Map类型的itemInfo转换成json,再经JSONObject转换实现。2、//将jsonObj转换成Map…

    2022年10月5日
    2
  • JWT详解「建议收藏」

    JWT详解「建议收藏」本文从本人博客搬运,原文格式更加美观,可以移步原文阅读:JWT详解JWT简介1.什么是JWT在介绍JWT之前,我们先来回顾一下利用token进行用户身份验证的流程:客户端使用用户名和密码请求登录服务端收到请求,验证用户名和密码验证成功后,服务端会签发一个token,再把这个token返回给客户端客户端收到token后可以把它存储起来,比如放到cookie中客户端每次向服务端请求资源时需要携带服务端签发的token,可以在cookie或者header中携带服务端收到请求,然后去验证客户端请

    2022年5月11日
    41
  • idea2021激活码?【在线注册码/序列号/破解码】

    idea2021激活码?【在线注册码/序列号/破解码】,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月20日
    61
  • npm包–rimraf[通俗易懂]

    npm包–rimraf[通俗易懂]1/含义rimraf 包的作用:以包的形式包装rm-rf命令,用来删除文件和文件夹的,不管文件夹是否为空,都可删除2/安装npminstallrimraf–save-dev3/使用constrimraf=require(‘rimraf’);rimraf(‘./test.txt’,function(err){//删除当前目录下的t

    2025年7月10日
    3
  • html空格代码_html中空格怎么表示

    html空格代码_html中空格怎么表示html中空格代码的写法一:&nbsp(不换行空格)html中空格代码的写法二:&ensp(半角空格)html中空格代码的写法三:&emsp(全角空格)html中空格代码的写法四:&thinsp(窄空格)html中空格代码的写法五:&zwnj(零宽不连字)说明:&zwnj是一个不打印字符,放在电子文本的两个字符之间,抑制本来会发生的连字,而是以这两个字符原本的字形来绘制。html中空格代码的写法六:&zwj(零宽连字)说明:&amp

    2022年9月22日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号