通过第一个html 文件的创建，认识HTML文件的结构。了解标签和它的属性书写形式。以.html 后缀的文件我们称之为超文本文件，网页，或者 html文件，他是一个通用的文件规范几乎可以被所有浏览器打开，查看，也没有操作系统的限制，只要的系统上安装的有web浏览器，或者使用通用的文本编辑器页可以打开

Web服务器的路径：

    打开 firefox 在地址栏输入：127.0.0.1 打开apache的首网页，找到 “located at /var/www/html/index.html”
内容。这是首网页的路径。打开文件－》其他位置－》var－》www－》html 可以看到 index.html
    我们要在html文件夹下创建html文件，需要获得系统权限,输入： sudo vi 1.html 回车，然后输入密码。vi就会打开并创建一个新的文件1.html，保存，在vi里输入：wq回车。如果是bluefish,开可直接输入命令 :sudo bluefish 打开软件后再新建一个文件，另存为1.html.
    系统是通过文件后缀来识别文件类型的，上面的1.html都是空白文件，需要输入html标签才能算是个完整的html文件。
    在文件的开头加入标签< html > 在文件的结束加入 < /html >. 注意这里的字符见不能有空格。必须是连续的。那么我们的第一个网页文件已经创建完成了。如果用浏览器查看。是一个空白网页。成对出现的标签 < html> </html > 是在html文件的最外层。标志者html文件的开始和结束一个html文件只有html标签显然无法达到我们浏览器网页的预期效果。还需要很多其他标签和属性的配合。
    除了HTML这个最外层的标签外还有连个标签比较重要。每个html文件都不可缺少的。 < head >< /head> 和< body>< /body> 标签。这些标签都是成对出现的。他们可以称为2级标签。html,head,body 这三个标签是一个html文件必须的标签，缺一不可。

HTML 文件例子

<!DOCTYPE html>
<html>
	<head>
		<title> 第1个 html 文件 </title>	  
 	</head>
	<body>
		这是html 测试网页
	</body>
</html>

DOCTYPE

<!DOCTYPE html> 表示当前的html文档是html5 的标准。一般都是这个标签的，因为这个标准是向上兼容的。这是个单标签，不是成对出现的。

head

<head></head>标签：一个 html网页分两在部分，头部，体部。头部是网页的信息，体部是网页的显示内容。 head 标签是头部，它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

body

<body></body>标签：一body 元素定义文档的主体。我们显示的见容都在这里放。比如文本、超链接、图像、表格和列表等等。这是html文件的主要工作区。

html文件里的内容可以分为一个个元素来表示。我们可以把一个标签指令称作一个元素 .元素包括<≶ 和标签，属性，以及属性值，和内容。

<h1 align="center">字体排版</h1> h1 是标签， align 是属性，center是属性值。文字排版是内容 <!DOCTYPE html> 是HTML ５的文件类型，告诉浏览器，按HTML的标准来解析　<html> 和</html>之间的标签元素。

Bluefish操作

1 打开Bluefish
windows下，双击桌面图标，linux下，在应用程序里找到bluefish,打开，或 ctrl+alt+t, 打开控制台，输入命令：bluefish.
2 新建文件
快捷键：ctrl+n 或在菜单里找文件－》新建。此时会有个无标题文件出现。
快捷键：ctrl+s.选择目录，输入文件名称。要有.html为后辍。
3 创建html文件框架
快捷键：shift+alt+q,打开快速启动对话框。输入标题，按确定按钮。这样一个 HTML,文件的架构创建完成了，快捷键：ctrl+s，保存。

PLC学习，机器人学习，C++ 机械制图，电气制图，尽在灵犀学习网

查询数据库lingxiedu 进行访问统计

总访问量:---6402----