一、基本概念
网站是多个网页的集合，各个网页通过超级链接构成一个网站整体。网页可以分为动态网页和静态网页，网页构成要素包括站标、导航条、广告条、标题栏和按钮等，可由文字、图像、动画及脚本语言组成。
站标也叫作LOGO，是网站的标志。如企业的LOGO，一般放在左上角。
导航栏是网站内的多个页面的超级链接组合，引导浏览者轻松找到网站中的各个页面，放置在LOGO的下面或者右侧。
广告栏又称Banner，其功能是宣传网站或替其他企业做广告。根据版面具体安排。
标题栏是指网页内部各个板块的标题栏，是各板块内容的概括，而不是整个网页的标题栏。
按钮是启动某些装置或机关的开关
二、脚本语言
（一）HTML(HyperText Markup Language)超文本标记语言，是一种制作Web网页的标准语言，由万维网协会（w3c）制定。
下图为HTML基本形式：
HTML
1、一套规则，浏览器认识的规则
2、开发者：
学习html规则
3、本地测试
用浏览器打开
4、编写html文件
doctype对应关系
html标签，标签内部可以写属性
注释：<!--注释的内容-->
5、标签分类：
自闭合标签、主动闭合标签
6、head标签中
<meta ->编码，跳转，刷新，关键字，描述，IE兼容
-title 标签
-link 标签 可以标题栏图标
<head> <meta charset = "UTF-8"> <meta name ="keywords" content="学而精，专升本，计算机"> <link rel="shortcut icon" href ="image/favicon.ico"> <title>学而精教育</title> </head>
7、body标签
各种符号 代表空格 > 大于号 < 小于号
p标签 br标签
<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>胡劲</title></head><body> ??<p>我爱北京天安门我爱<br/>的祖国</p> ?<!--br/代表换行--> ??<p>我爱重庆的太阳</p> <!--p标签代表段落，段落之间有间距--> ??<h1>学而精</h1> ??????<!--H系列加大加粗--> ??<h2>学而精</h2> ??<h3>学而精</h3> ??<h4>学而精</h4> ??<h5>学而精</h5> ??<h6>学而精</h6> ??<span>学而精</span> ??<!--白板--> ??<span>学而精</span> ??<!--块级标签：h系列 p标签 内联（行内）标签：span--> ??<span>学而精</span> ??<span>学而精</span></body></html>
div 和span 标签
<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>胡劲</title></head><body> ???<h1>div白板块级标签</h1> ??????<!--H系列加大加粗--> ???<div>1</div> ???<div>2</div> ???<div>3</div> ???<h1>span白板行内标签</h1> ??????<!--H系列加大加粗--> ???<span>1</span> ???<span>1</span> ???<span>1</span></body></html>
标签存在的意义：css操作，js操作
专升本第七讲（HTML制作）
原文地址：https://www.cnblogs.com/chengtou/p/8671173.html