一、HTML介绍及认识
(一):HTML(hypertext markup language,即超文本标记语言)。是一种用来制作超文本文档的简单标记语言,主要用于万维网(world wide web,www)语言,是描述网页的格式设计与万维网上其他界面的连接信息。
工作原理:利用各种标记(tag)来识别文档结构及超链接(hyper)的信息。不同浏览器显示效果不一样。
1、静态网页:纯粹的HTML格式网页,无论何时何地,只显示固定页面。
如:
<html>
<head>
<title>网页标题</title>
</head>
<body>
<h1>这是一个静态页面</h1>
<h2>我不骗你的</h2>
<p>这是个段落</p>
</body>
</html>
2、动态页面:根据条件改变而改变的界面,可以由动画、纯文字等构成。动态网页是以 .asp .jsp .php .perl .cgi等扩展名,并且在动态网页网址上有一个"?“,典型的动态网页。
3、两者区别:动态网页比静态网页显得更智能化,更人性化,可以根据用户输入进行检查判断。
(二):HTML标记组成
HTML文本被标记后,浏览器会对尖括号内的内容进行解释,从而在浏览器内显示完整界面及作者想要表达的意思。
1、单标记:有些标记只用一个就能完整表达标记的意思,只需要输入一个标记名即可表达完整内容。如:<hr>画一条横线 <br>强制换行, 等等。
2、双标记:标记过程需要有头有尾,否则会导致引用错误。开头标记比结束标记少了一个''/''。如:<h1> 内容</h1> <body></body> <html></html>等。
3、标记的使用规则:
由于HTML包含:头部<head> 、内容体<body>。所以标记体位置不能随便放,<title></title>是不能放在<body></body>里面的。同理<p></p>也不能放在<head></head>里面。
(三):HTML结构组成
<html>
<head>
<title>网页标题</title>
</head>
<body> <!-- 注释 -->
<p>
<br>
</p>
</body>
</html>
(四):HTML编写工具
1、Dreamweaver
2、Aptana
3、Hbuilder
4、Notepad++
5、Pycharm