如何简单的设计一个网页?

每个人都想拥有属于自己的博客网页,但其实一个完美的网页是很复杂的,有动态和静态,能联网也可以访问自己的主页,今天小编来教大家设计一个属于自己的超级简单容易操作的网页。

操作方法

  • 01

    网页的制作可以用到很多软件,比较简单的是记事本的功能。在自己的电脑上新建一个记事本文件,打开可以输入代码。

  • 02

    首先输入如图代码,这些代码都是成对出现的,有头有尾,<html></html>是描述网页的超文本语言,<head></head>是头部,可以输入标题<title></title>,<body></body>键输入的文本是可见的内容。

  • 03

    下面我们在标题里输入Welcome to the myhome保存一下,如图。重命名为”我的网页“。右击属性把名称中的.txt改为.html,确定保存,然后我们以网页的形式打开,如图。我们可以看到网页的选项卡里的名字为”Welcome to the myhome“,网页是空白的。

  • 04

    下面我们在<body></body>里加入代码,<p></p>代表可以输入一段,我们输入”你好,欢迎来到我的主页“,然后输入<br />换行标记,接着输入”很高兴认识你“。<font></font>代表字体属性,size是字体大小,我们设置为8号,align=”center"设置了文字方向为水平居中,保存一下,打开网页。我们再次编辑这个网页记事本的时候可以右键选择打开方式记事本。

  • 05

    我们可以在这个网页中插入链接<a href=我的主页2.html>旁边输入“我的座右铭”也就是点击“我的座右铭“就可以跳转到“我的主页2”链接的网页上。如图。

  • 06

    我的主页2是一个新的网页,它的创建方式和“我的主页”是一样的,在里面输入同样的代码,不同的文字,也加一个链接“return home”,点击则返回“我的主页”。好了,一个简单的网页就做好啦。

(0)

相关推荐

  • 如何简单地设计一个logo

    如果ai软件学习起来比较困难,有什么简单的方法可以设计一个logo呢? 操作方法 01 定位 在创作一个logo时,第一步需要明白为什么设计吗,想要表达的素材及风格.例如,如果需要复古风,则引入欧洲元 ...

  • 作为一个网页设计应该了解网站设计规范

    操作方法 01 达内数字艺术学院网页设计培训规范总结:本规范既是一个开发规范,也是一个脚本语言参考,本规范并不是一个一成不变的必须严格遵守的条文,特殊情况下要灵活运用,做一定的变通.但是,请大家千万不 ...

  • 设计一个耐用又好用的logo,值得参考的9个要点

    设计一个logo吧?但是,那些越来越华丽越好的方法,现在还行得通吗? ​ 这一次为大家介绍的是能够长时间耐用,最适合商业的logo设计制作时所需要的9个要点. 创新且具有印象的logo设计,在图形设计 ...

  • UI设计和网页设计怎样做好?

    UI设计和网页设计公司爱上设计表示,随着目前人们对于UI设计融入网页设计的要求越来越高,很多网页设计的风格也变得不一样.一个优秀的网页究竟要进行怎样的UI设计?一个网页究竟怎样设计才能配得上精美两个字 ...

  • 怎样从零开始做一个网页?

    自己动手做一个内容丰富的网页,并把它分享给别人,这个过程很艰辛但乐趣无穷.下面的教程完全适合新手从零开始学做网页,使用的是的GitHub网站上的免费域名. 操作方法 01 在GitHub仓库中默认会有 ...

  • PPT绘制设计一个百分比的分割型环形图

    场景:企业人事.财务.市场.项目部等需要PPT设计制作的办公人士. 方法/步骤 新建一个PPT,在"形状"中插入"同心圆".(下图 1 处) 接下来插入矩形(下 ...

  • VisualStudio2015怎么设计一个注册信息的页面?

    VisualStudio2015中农想要设计一个注册信息页面,该怎么设计呢?下面我们就来看看html网页的选项可以填写在表格里的制作方法,请看下文详细介绍. 1.打开Visual Studio,新建一 ...

  • 设计一个界面动效的时候,我们需要考虑什么?

    @鸿影  坦白来说,虽然我之前在项目里做过一些小动效尝试,但一直没有什么系统的方法和原则指导,大多在原型软件里凭「感觉」随意调调了事,而说不清楚为什么要做成这样.刚好最近有在和团队的小伙伴们一起进行动 ...

  • 如何设计一个理想的「空状态」?

    在页面为空的时候,我们设计师其实可以从很多角度去美化内容,这样可以让我们的页面更加异彩,更加贴近用户心理. 什么是"空状态"? 页面内容为空时,我们把它称为"空状态&qu ...