html自学网页制作,HTML入门学习教程:简单网页制作
用一分钟制作自己的第一个网页:
下面我们来试着做一个简单的网页,希望您能跟着我们操作,这只会花费您一分钟时间。现在您也许不知道那些尖括号“<>”和里面的字母究竟是些什么东西,不要担心,我们会在后面的教程中向您介绍。
首先请运行记事本,或在任意位置新建一个文本文档,在记事本内输入如下内容:
以下为引用的内容:
我是这个网页的标题
这是我的第一个网页。
输入完毕后将文件保存,命名为“index.html”。(点击“文件”—>“另存为”。在“文件名”一栏填入“index.html”,在“保存类型”一栏选择"所有文件",然后点击“保存按钮”)
保存之后,双击该文件,浏览器就会自动打开这个网页了。请确认一下你的网页是否与该页面相同,如果相同,那么你就成功地完成了自己的第一个比较简陋的网页。
请注意,这只是一个简单的页面,虽然它在语法上符合XHTML的标准,但是如果要作为一个完整的、符合W3C标准的XHTML网页,它还缺少一些内容。相关内容将在后面的教程中介绍。这个网页仅仅是用来讲解一些基础的XHTML知识。
基础知识讲解
我们刚刚制作的网页以开头,以结尾,它们分别代表网页文件的开始和结束。
英文中head是头的意思,body是身体的意思。网页的
和两部分就分别代表了网页的“头”和“身子”。也许你注意到了,我们网页的“头”里面“有一个。title一词是标题的意思,网页的标题(title)将会显示在浏览器上方的标题栏中。而网页的身子,也就是与标签中间的内容将作为正文被显示在浏览器中。
这个网页很单薄,head和body中都没有什么内容。我们会在以后的教程中逐渐丰富网页的内容。但是现在请您记住一个概念:网页的头(head)是为浏览器写的,它将不会显示在页面上,而身子(body)是为网站的用户写的,是浏览器将要显示的内容。
菜鸟恶搞XHTML之错误示例
打开下面这两个错误示例看看。它们的代码都存在十分严重的错误,但是浏览器却会准确无误地显示这两个网页。
示例1——身子长在脑袋里
我是这个网页的标题
这是我的第一个网页。
看看上面这个网页,
和之间的内容正常的显示在页面上了。但是这是滑稽的错误,把身子放在脑袋里了。
示例二——脑袋长在脖子下
我是这个网页的标题
这是我的第一个网页。
浏览器的适应能力实在是令人佩服,即使你将脑袋放在身子里它也认得出来。看看标题栏,标题完全正常显示。
好了,在实际应用的时候请不要犯上面这种低级错误。这会造成严重的后果:搜索引擎可能不收录你的网站;使用手机或者其他移动设备浏览你网站的朋友可能遇到未知错误。下面就赶快让我们来进入XHTML的核心内容吧。(责任编辑:大宝库)
html自学网页制作,HTML入门学习教程:简单网页制作相关推荐
- 自学html手机网页设计,HTML_XHTML入门学习教程:简单网页制作,用一分钟制作自己的第一个网 - phpStudy...
用一分钟制作自己的第一个网页: 下面我们来试着做一个简单的网页,希望您能跟着我们操作,这只会花费您一分钟时间.现在您也许不知道那些尖括号"<>"和里面的字母究竟是些什么 ...
- 三维地形制作软件 World Machine 基础入门学习教程
<World Machine课程>涵盖了你需要的一切,让你有一个坚实的基础来构建自己的高质量的电影或视频游戏地形. 你会学到什么 为渲染或游戏开发创建高分辨率.高细节的地形. 基于Worl ...
- Blender3.0动画制作入门学习教程 Learn Animation with Blender (2021)
要求 下载并安装Blender.免费下载和免费用于任何目的. 描述 加入我的动画课程. 在本课程中,我将从头开始讲述在Blender中创建动画场景的过程. 从第一步到最终渲染.在这个课程中,我们将使用 ...
- 微风:AI新手入门学习教程
大家好我是微风,一个爱设计爱生活的平面设计师,最近总有一些朋友问我,零基础学习AI软件好学吗,AI新手学习软件好操作嘛,那么今天的这篇文章主要给大家介绍下新手AI新手入门学习教程以及学习平面设计分为哪 ...
- MAYA 2022基础入门学习教程
流派:电子学习| MP4 |视频:h264,1280×720 |音频:AAC,48.0 KHz 语言:英语+中英文字幕(根据原英文字幕机译更准确)|大小解压后:3.41 GB |时长:4.5小时 包含 ...
- Blender 3.0基础入门学习教程 Introduction to Blender 3.0
成为Blender通才,通过这个基于项目的循序渐进课程学习所有主题的基础知识. 你会学到什么 教程获取:Blender 3.0基础入门学习教程 Introduction to Blender 3.0- ...
- Maya游戏角色绑定入门学习教程 Game Character Rigging for Beginners in Maya
准备好开始为游戏制作自己的角色动画了吗? 你会学到什么 了解Maya的界面 优化并准备好你的模型,为游戏做准备 了解关节以及如何使用它们来构建健壮的角色骨骼,以便在任何游戏引擎中制作动画 了解IK和F ...
- UE5真实环境设计入门学习教程
大小解压后:4.69G 时长4h 30m 1280X720 MP4 语言:英语+中英文字幕(根据原英文字幕机译更准确) 虚幻引擎5–面向初学者的真实环境设计 Unreal Engine 5 – Rea ...
- ZBrush全面入门学习教程 Schoolism – Introduction to ZBrush
ZBrush全面入门学习教程 Schoolism – Introduction to ZBrush ZBrush全面入门学习教程 Schoolism – Introduction to ZBrush ...
最新文章
- iOS 进阶—— iOS内存管理
- NYOJ 366 D的小L
- pandas语法乱、API多?你需要整理一下!
- 【C语言入门教程】7.1 结构体类型变量的定义和引用
- 从入职快手3年股票3000w说起
- linux环境变量查询设置及保存
- Educational Codeforces Round 13 E. Another Sith Tournament 状压dp
- linux终端名字怎么改,Ubuntu系统把终端用户名改成红色的技巧
- Linux scp -r命令主机间文件复制
- Android安卓模拟器中模拟SD卡
- Redis系列教程(六):Redis缓存和MySQL数据一致性方案详解
- android分开两个线程做事,android开发教程之handle实现多线程和异步处理
- ASP.Net/C# - PayPal接口文档
- 十二则技巧让Excel操作效率提高
- 转:使用脚本关闭订单头
- NOIP2015运输计划
- 翻译:神经网络 为什么要通过减去数据集的图像均值来标准化图像,而不是深度学习中的当前图像均值?
- linux 2.6下eeprom at24c08 i2c设备驱动(new style probe方式)
- Codeforces 1062C Banh-mi题解
- zb薄片怎么往里加厚_烘焙爱好者的必修课----无敌详细的【千层酥皮】做法
热门文章
- 基于JAVA郑州卷烟厂库存管理系统计算机毕业设计源码+系统+mysql数据库+lw文档+部署
- Windows7截图教学
- 【合天网安】FCKeditor 2.4.3文件上传漏洞
- 单工通信/半双工通信/全双工通信,串行传输/并行传输,同步传输/异步传输的区别
- 淮阴工学院计算机网络题库,淮阴工学院计算机导论题库.doc
- bfs+状压——朋也与光玉
- Android UI详解之布局管理器(一)
- 洛谷 - P3374 树状数组1
- ubuntu系统 有线网络无法通过网页认证上网
- 基于RTP协议的IP电话QoS监测及提高策略