|
一、什么是网页！？ 网页就是通过浏览器呈现在我们给我们的内容，这些内容包括：图片、文章、音频、视屏等等相关的内容。也就是我们平时在浏览器中浏览的爱奇艺、腾讯新闻、QQ空间、京东商城、淘宝商城、顶点小说等相关的网站页面。 二、网站是什么语言写的！ 网页是由HTML（Hyper Text Markup Language:超文本标记语言）编写。从字面意思理解这种语言；文本：众所周知就是文字的意思、超就不需要做过多解释了吧！标记呢！？因为HTML是通过标签来实现这种语言的编写的、那么大家第一次接触这个语言不明白什么是标签！？这里简单说明一下：<html></html>、<br/>。也就是类似这种以"<****>"开始，以"</****>"结束。或以"<"开始，以"/>"结束的成对或单个的文字组成，专业术语中将这种形式的文字成为标签或元素。 三、HTML语言编辑工具 市面上有很多HTML开发工具，个人比较喜欢HBuilder这种开发工具，那么这里我简单成列集中开发工具 1.记事本（适合入门者，刚开始接触开发语言，加强记忆） 2.Adobe Edge（没有使用过这个软件） 3.Adobe Dreamweaver CS6（这个软件使用还可以，使用非常方便，） 4.Hbuilder（对HTML 5的编辑非常可以，正在使用的软件） 当然，市面上的开发软件还有很多，这里就不一一介绍了 三、如何制作一个简单的网页！？ 首先我们来了解一下HTML这种语言的框架，如下 <html> <head> <title>网页标题</title> </head> <body> //浏览器中出网页标题外看到的所有网页内容编写区域 </body> </html> 这种语言分为三部分： 1.<html></html>：申明网页的开始和结束 2.<head></head>：头部，也就是我们平时浏览浏览器的
，当然实际内容还有很多 3.<body></body>:主题部分，这个是我们在使用浏览器浏览时看到的所有内容，包括图片，文字，视屏播放、音频播放等等相关内容
简单的了解了html的组成，那么我们接下来使用记事本做一个最简单的网页——北京欢迎你歌词。如下：
具体操作如下： 1.在指定文件夹中新建一个记事本文件（考虑有大家有的不了解，就从最基本的来讲） 2.在记事本中输入一下代码： <!DOCTYPE html> <!-- HTML 5的DOCTYPE说明 --> <html> <!-- 申明网页的开始 --> <head> <!-- 头部的开始标签 --> <meta charset="UTF-8"> <!-- 设置网页的字符编码：UTF-8国际编码。gb2312中国简体编码 --> <title>北京欢迎你</title> <!-- 网页标题 --> </head> <!-- 头部标签结束 --> <body> <!-- 主体内容开始 --> <h1>北京欢迎你</h1> <!-- 文档内容标题,标题分:<h1>到<h6> --> <p>陈天佳:迎接另一个晨曦带来全新空气</p> <!-- 一个段落<p>到</p>结束 --> <p>刘欢:气息改变情味不变茶香飘满情谊</p> <p>那英:我家大门常打开开放怀抱等你</p> <p>孙燕姿:拥抱过就有了默契你会爱上这里</p> <p>孙悦:不管远近都是客人请不用客气</p> <p>王力宏:相约好了再一起我们欢迎你</p> <p>韩红:我家种着万年青开放每段传奇</p> <p>周华健:为传统的土壤播种为你留下回忆</p> <p>......</p> </body> <!-- 主体内容结束 --> </html> <!-- 网页结束 --> 以上代码的网页显示如下：
今天HTML的内容就到此结束。我们明天再见！每天更新一点HTML内容，希望大家关注我哦！给个回复点个赞！谢谢大家了。纯手打
| 
添加框架
添加模块
100%框架
1:1
1:2
2:1
1:3
3:1
1:1:1
tab框架
/2 
