简单网页的制作_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简单网页制作

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 虚拟机lvm 扩容「建议收藏」

    虚拟机lvm 扩容「建议收藏」1.先在Vmware上,把虚拟机硬盘做扩展,如果有快照存在,磁盘可能是不可编辑状态,先删除快照后再扩展。2.现在打开虚拟机发现系统的磁盘空间已经扩了,但是硬盘分区可用空间没变,还是原来的30G[root@masterhome]#fdisk-lDisk/dev/sda:64.4GB,64424509440bytes,125829120sectorsUnits=…

  • fat文件系统中,文件的物理结构_磁盘的文件系统结构

    fat文件系统中,文件的物理结构_磁盘的文件系统结构在这个系类的开篇还是先说一下文件系统是什么吧。首先来介绍一下对u盘的格式化这个操作,格式化不是仅仅删除了所有文件,还为接下的来文件存储约定了一种存放格式,这种约定的文件存放格式就叫做文件系统。再用最通俗的说法简要介绍一下,磁盘如sd卡只能存放0和1这两种二进制状态序列,数字文件本质上也是一串0和1的序列。那么磁盘存储文件怎么存放呢?你说这个简单,把一个个的文件紧挨着排列在磁盘中不就可以了吗。那么,…

    2022年10月31日
  • java中main方法的运行

    java中main方法的运行转载自:https://blog.csdn.net/WGYH_3767/article/details/76933676(最近要把一个main方法启动的项目集入web项目里,参考了main方法的运行机制才解决。)学过java的都知道main方法是学习java的开始,也是程序的入口,不过你有多少个类或程序,线程,他们的入口方法都是main()。main方法是一个静态的…

  • python3.9多线程_python多线程没用

    python3.9多线程_python多线程没用什么是线程?线程也叫轻量级进程,是操作系统能够进行运算调度的最小单位,它被包涵在进程之中,是进程中的实际运作单位。线程自己不拥有系统资源,只拥有一点儿在运行中必不可少的资源,但它可与同属一个进程的其

  • java springmvc面试题_springmvc工作流程面试题(附答案)「建议收藏」

    java springmvc面试题_springmvc工作流程面试题(附答案)「建议收藏」对于java中的SSH三大框架,学习java语言的朋友都不陌生。三大框架中的SpringMVC是当今最主流的WebMVC框架,要做一名合格java程序员,学好springmvc是必须的。下面整理了10道springmvc工作流程面试题,可以作为有面试需要朋友们的学习准备资料。1、请简单说一下SpringMVC的工作原理?答:(1)用户向服务器发送请求,请求被springMVC前端控制器捕获;…

  • java框架都有哪些_Java框架内容:常用的框架有哪些?[通俗易懂]

    java框架都有哪些_Java框架内容:常用的框架有哪些?[通俗易懂]对于学Java的人来说,学习和了解框架是必修的,但是Java的框架比较多,并不需要全部都学,只要学几个常用的框架,在工作的时候就差不多够用了。今天小编就来给大家介绍一下Java常用的框架有哪些?需要优先学习哪几个?Java的框架主要有:SpringMVC、Spring、Mybatis、Dubbo、Maven、RabbitMQ、Log4j、Ehcache、Redis、Shiro。不过这十个我们不需要…

发表回复

您的电子邮箱地址不会被公开。

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