`
2012317256
  • 浏览: 12970 次
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

用一分钟制作自己的第一个网页:

阅读更多

用一分钟制作自己的第一个网页:

下面我们来试着做一个简单的网页,希望您能跟着我们操作,这只会花费您一分钟时间。现在您也许不知道那些尖括号“<>”和里面的字母究竟是些什么东西,不要担心,我们会在后面的教程中向您介绍。

首先请运行记事本,或在任意位置新建一个文本文档,在记事本内输入如下内容:


以下为引用的内容:
<html>
<head>
<title>我是这个网页的标题</title>
</head>
<body>
<p>这是我的第一个网页。</p>
</body>
</html>


输入完毕后将文件保存,命名为“index.html”。(点击“文件”—>“另存为”。在“文件名”一栏填入“index.html”,在“保存类型”一栏选择"所有文件",然后点击“保存按钮”)

保存之后,双击该文件,浏览器就会自动打开这个网页了。请确认一下你的网页是否与该页面相同,如果相同,那么你就成功地完成了自己的第一个比较简陋的网页。

请注意,这只是一个简单的页面,虽然它在语法上符合XHTML的标准,但是如果要作为一个完整的、符合W3C标准的XHTML网页,它还缺少一些内容。相关内容将在后面的教程中介绍。这个网页仅仅是用来讲解一些基础的XHTML知识。

基础知识讲解

我们刚刚制作的网页以<html>开头,以</html>结尾,它们分别代表网页文件的开始和结束。

英文中head是头的意思,body是身体的意思。网页的<head></head>和<body></body>两部分就分别代表了网页的“头”和“身子”。也许你注意到了,我们网页的“头”里面“有一个<title></title>。title一词是标题的意思,网页的标题(title)将会显示在浏览器上方的标题栏中。而网页的身子,也就是<body>与</body>标签中间的内容将作为正文被显示在浏览器中。

这个网页很单薄,head和body中都没有什么内容。我们会在以后的教程中逐渐丰富网页的内容。但是现在请您记住一个概念:网页的头(head)是为浏览器写的,它将不会显示在页面上,而身子(body)是为网站的用户写的,是浏览器将要显示的内容。

分享到:
评论

相关推荐

    网页设计技巧及网页制作常见问题

    4. **一分钟网页设计技巧**: - 快速布局:使用CSS Flexbox或Grid进行快速而灵活的布局。 - 扁平化设计:简洁的图标和界面元素可以提升设计的现代感。 - 色彩对比:合理运用色彩对比,提高可读性和视觉吸引力。 ...

    python实现的网页数据自动录入程序

    一个个的录入十分麻烦,而且容易出错,于是我使用PYTHON写了一个从EXCEL里面读出成绩,然后自动录入到网页里的小程序,原来半个小时的工作,一下子缩短到只有一分钟不到。就非常NICE。 使用方法: 1,安装openpyxl ...

    第章利用JavaScript制作网页特效2022优秀文档.ppt

    - **显示网页停留时间**:定义一个函数`update()`,持续更新用户在页面上的停留时间,如小时、分钟和秒,通常显示在一个文本框中。 - **制作倒计时特效**:适用于活动预告或重要日期提醒,通过计算目标日期与当前...

    网页制作试题.docx

    1. **ASP脚本语言**:ASP可以使用VBScript或JScript作为脚本语言,不仅限于VBScript,因此第一题的表述是错误的。 2. **变量声明**:在VBScript中,局部变量和全局变量确实都使用`Dim`进行声明,第二题的表述是正确...

    网页制作试题.pdf

    因此,第一题表述错误。 2. 在VBScript中,声明变量使用`Dim`,无论局部变量还是全局变量。第二题描述正确。 3. VBScript不区分语句的大小写,这意味着代码中的大小写不会影响执行。第三题表述错误。 4. `Session...

    第16章-利用JavaScript制作网页特效.ppt

    - **制作倒计时特效**:可以设定一个未来的日期,然后计算并显示到该日期剩余的小时、分钟和秒数。 2. **图像特效**: - **鼠标指针经过图像时的震动效果**:通过改变图像的位置并在鼠标悬停事件中实现,使图像看...

    2018年深圳技能大赛——网页制作职业.doc

    合格线为60分,第一关合格才能进入第二关,最终以第二关成绩决定晋级决赛的选手。 2. **决赛**:实际操作技能竞赛,选手需根据给定主题完成首页设计与制作,竞赛时间为180分钟。决赛题目在初赛后会进行一定比例的...

    Java Web应用开发 29 课堂案例-使用cookie制作站点计数器.docx

    如果没有找到,说明是新用户,创建一个新的Cookie并设置其值为1,表示第一次访问。无论新老用户,都会设置Cookie的生命周期,这里设置为60秒,意味着如果用户在1分钟内没有再次访问,计数器会被重置。 具体代码解析...

    《HTML网页设计》教案-.doc

    在第一周的教学中,课程内容分为几个部分: 1. **Internet简介**(30分钟):讲解互联网的历史、工作原理以及Web设计的基本概念,帮助学生建立对网络环境的理解。 2. **HTML简介**(30分钟):解释HTML的作用,以及...

    小学信息技术第三册 第9课制作站点首页第二课时教案 北京版.doc

    1. 导入:上节课第一关,我们顺利过关,我们马上进入第二关:插入表格布局网页。 2. 新授:丰富,整齐、美观,我们通常使用表格对其进行布局,再向表格内添 加相应的图片、文字等,而不是胡乱的堆在一起。 3. 学生...

    css3实现网页电子时钟代码.zip

    在本例中,"css3实现网页电子时钟代码.zip" 是一个包含使用CSS3创建的网页电子时钟的资源包。 电子时钟是网页中常见的一种动态元素,通常用来显示实时的时间。CSS3通过其内置的时间和动画功能,可以轻松地创建这种...

    AnvSoft Photo Flash Maker 5.41绿色版(电子相册制作软件)

    即便是初次使用,制作一个图片的Flash也用不了5分钟。 * 功能强大, 效果丰富 此工具提供多达50 余种的模板可供选择, 50余种的图片转场效果, 另外可以为图片添加文字解说, 添加插图, 为Flash 选择不同的装饰...

    2010年动漫Flash实训大纲

    - 动画课件制作:共计12学时,同样分为两个阶段,第一阶段1学时为教师讲解,第二阶段11学时为学生实战练习。 - 综合实践练习:共计12学时,学生需独立完成一段30秒至1分钟的动画作品。 2. **学时分配**: - 整个...

    机械设计与制作专题规则.docx

    共同评定包括第一学期和第二学期的多个环节,如口头报告、每周进度报告和期末成果展示等。 2. **团队管理**:每组需指定一名组长,提供联系方式,以便于助教沟通。 3. **选题与提交**:确定后的专题题目需通过电子...

    课题动态HTML让网页更生动.pdf

    * 用“怎样更快速地为网页加入合适的动态效果呢”问题,引出代码复用:代码复用的作用,是减少重复劳动,更快更好地实现动态效果,网上免费的代 码可下载使用 七、结语 * 本课学习网站,表格式归纳简单动态HTML的...

    2012年“第十三届全国中小学电脑制作活动”指南

    ### 2012年第十三届全国中小学电脑制作活动知识点概览 #### 一、活动背景与目的 2012年第十三届全国中小学电脑制作活动旨在推动信息技术在青少年中的普及与发展,激发学生对科技的兴趣和创造力,培养学生运用信息...

    CSS3制作360度旋转时钟表.zip

    【CSS3制作360度旋转时钟表】是一个利用纯CSS3技术构建的动态时钟展示案例。在这个项目中,开发者巧妙地运用了CSS3的特性,如选择器、盒模型、转换(transform)以及动画(animation),来创建一个无需依赖图片或第...

    《Flash动画制作》慕课设计与实现 12000.docx

    - **Flash简介**:Flash是一款由Adobe公司开发的专业矢量图形编辑与动画创作工具,广泛应用于网页设计、动画制作等领域。 - **教学现状**:当前,Flash动画的教学大多采用“讲授+练习”的模式。这种方式虽然直观有效...

Global site tag (gtag.js) - Google Analytics