前言:最近实在是没事情干,就想着无聊自己做一个网页论坛,用来放自己的学习资料。

尝试做一个属于自己的网页,首先你需要学习html基础以及css样式

所谓html语言,实质上即是 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

如果html基础不懂的可以去 HTML 教程 | 菜鸟教程 (runoob.com)先行学习一波;

开发工具:我用的vscode;

如果你没有基础但是有足够的勇气,你也可以尝试一下,自己随心所欲的跟着我学习!

人非知之者,孰能无惑!

那么就和我一起写一个属于自己的论坛

首先打开vscode,新建一个html文件;

xxx(自定文件名).html 就行,这样子就能新建一个html文件;

随后打一个   !(感叹号),Tab键,就会自动生成html标准模板代码;

我们主要是在<body>之间书写我们的主代码,<title>之间书写我们的网站名,<head>之间写我们的css样式。

我用的是<div></div>来将我的html页面分为若干个盒子,来装我想展示的内容

<body style="background:#2C3333"><!--设置全局背景色--><div class="main"><!--设置网站头文字--><div class="header"><h1>&nbsp欢迎访问yhq的个人博客-</h1></div><!--设置网站首页分类--><div class="guide"><h2><a href="第二版论坛.html">&nbsp博客主页</a><a href="https://blog.csdn.net/yanghq0915?type=edu">&nbspCNDS个人主页</a><a href="联系作者.html">&nbsp联系作者</a><a href="论坛子页面关于.html">&nbsp关于我的一些信息</a></h2></div><!--设置目录--><div class="muludiv"><h3 id="mulu">目 录</h3><h4 id="muluson">第一篇</h4><h4 id="muluson">第二篇</h4><h4 id="muluson">第三篇</h4><h4 id="muluson">第四篇</h4><h4 id="muluson">第五篇</h4><div style="color:#E7F6F2;"><h3>交流学习</h3></div></div><!--设置正文row--><div class="row"><div class="text"><h3 >&nbspC#基础 枚举类型</h3><h4>&nbsp简介</h4><p>&nbsp枚举类型可以在类或者在结构体中内部声明,也可以在外部声明,默认情况下枚举类型中成员的默认值是从 0 开始的,然后逐一递增;</p><h5>&nbsp发布于2022年8月27日</h5></div><div class="text"><h3>&nbsp这是我的第二篇文章</h3></div><div class="text"><h3>&nbsp这是我的第三篇文章</h3></div></div></div><!--设置尾部--><div class="low"><h4>@yanghouqi.com</h4></div>
</body>

再用css,去选择你需要样式的元素标签

最终成品:

如果你需要上传至服务器,让人人都可以访问可以去往这篇文章

自己做的简单网页如何放到服务器上运行_在这之间的博客-CSDN博客_网页怎么放到服务器上

创作不易,球球一个小赞!!!!谢谢!!~

自己做一个属于自己的论坛html网站相关推荐

  1. 想做一个显示全国火车运行图的网站(2) 数据整理

    全国有三千多个火车站,两千多条车次,3万多个节点,想要手动输入真是... 六次提速后的数据真是难找呀,整理上也是颇费周折,直到今天,火车站的坐标输入才完成了40%多一点,车次的信息更是还没有开动. 辛 ...

  2. 对一个即将上线的网站,如何做一个较完整的Web应用/网站测试?

    Web应用,也叫做网站,相对于客户端应用来说,Web应用无需单独安装,在浏览器上即可使用其功能. web应用的主要开发流程如下: 在网站开发的整个流程中,测试验收是上线发布前的最后一个环节,测试是否到 ...

  3. 做一个美女图片大全那种的网站怎么提高网站流量?

    摘要: 大家都看到了美女图片大全网站流量是很巨大的,但是不知道怎么入手.其实,百度图库很多是收录来自各个网站里的图片的,你只要在你的网站做好图片,或者在高权重的网站里发布带有你网站图片的内容就比较容易 ...

  4. 做一个战役地图动态展示的网站

    2019年末,无意间发现了一本2013年的架空历史军事穿越小说<晚明>,作者 柯山梦 . 故事背景发生在天启七年(1627)元月,走过259年的明王朝内忧外患,大乱将起.就在此时,一个脸皮 ...

  5. WebGIS入门--如何做一个简单的校园地图服务网站

    目录 OpenLayer库的配置 在HTML中调用 在JavaScript文件中调用 OpenLayer基础操作 显示地图(天地图API) 百度地图API与天地图API 坐标系转换之百度地图 坐标系转 ...

  6. jsp mysql论坛_使用SSM和ajax做一个简易的论坛-01(简介和建表)

    三月底刚学完SSM试着做了个简单的论坛,想分享一下,顺便整理一下自己的收获. 一.demo介绍 一个具有登录.注册功能,发帖.回帖功能的简易论坛.没有后台系统. 设计逻辑类似于贴吧,发帖时自动附带一个 ...

  7. 论坛软文撰写技巧之做一个合格的标题党

    论坛软文撰写技巧之做一个合格的标题党 好的标题是论坛营销成功的关键 好的标题是论坛营销成功的关键,这话不是空穴来风. 2008年四川地震后全国人民都在心系灾区的同胞并踊跃的捐款,而王石和他的万科集团因 ...

  8. 新手如何用微信小程序和云数据库做一个论坛?【帖子页】

    新手小白用微信小程序和云数据库做一个论坛[帖子页] 先放个效果图 由于后面换了头像,所以评论的头像和发帖的头像不一样. 要做个同款论坛,首先需要用到云数据库.在微信开发者工具的左上角开通云开发就可以了 ...

  9. 现在是做一个站长博客好还是做一个站长论坛好?

    参考: https://ask.seowhy.com/question/110101 1.现在不管是博客还是论坛国内都不允许做了,实在要做还是做一个博客比较好吧.论坛是明显不能备案了,博客还能做个人博 ...

最新文章

  1. php nsdata,iOS播放PCM,NSData流代码(Audio Queue Services)
  2. 180.4. WebSphere Commerce Engerprise 7.0 Feature Pack 2.iso
  3. ML之LGBMRegressor(Competition):2018年全国大学生计算机技能应用大赛《住房月租金预测大数据赛》——设计思路以及核心代码—191017再次更新
  4. docker 部署springboot容器日志处理
  5. RocketMQ各种集群模式介绍
  6. 主流Java学习路线
  7. apk静态注射[转]-未实践
  8. this 和super关键字
  9. 数据结构与算法--重建二叉树
  10. 角反射器的功能及应用
  11. PowerDesigner(九)-模型文档编辑器(生成项目文档)
  12. [C语言]排序问题--我的解答
  13. 网桥算法的源代码c语言版,透明网桥算法(C语言)
  14. CSS样式网页导航条
  15. 函数曲线长度的计算方法
  16. SoftwareSerial库的使用——Arduino软件模拟串口通信
  17. 书法拓片matlab,书法拓片是怎么做出来的?
  18. SpringBoot SpringSecurity知识点
  19. 概率题 宝剑升级需要多少宝石
  20. 贝索斯正式卸任亚马逊CEO

热门文章

  1. 全球60个线上学习资源网站分享!
  2. 字节辟谣被裁员工与 HR 互殴;苹果头显多个新功能曝光;谷歌希望 RISC-V 成为 T1 级 Android 架构|极客头条
  3. vue 使用腾讯IM即时通信
  4. 蘑菇街后台开发实习二面(视频面)
  5. 利用Python实现图片信息隐藏
  6. 今年底出版《算法竞赛》,这是大纲
  7. 用 ListBox 和 DataBinding 显示列表数据 (木野狐译) 1
  8. YT8614 QSGMII 模式网口丢包问题分析
  9. 利用matplotlib制作饼图
  10. 面试攻略!Java 基础面试 100 问