一、基本概念
1、网页按技术分类包括：静态页面和动态页面。
2、HTML （HyperText Makeup Language）超文本标记语言，目前版本为4.0。
3、动态网站运行原理
二、HTML结构
1 <html> 2 <head> 3 <title>标题</title> 4 </head> 5 <body> 6 主体部分 7 </body> 8 </html>
三、HTML注释方案
1、示例：
1 <!--您的第一个HTML文件-->
2、说明：HTML注释代码开始是：
以“<!-- ”小于符号+叹号+两个小横杠（减号）， 结束“-->”两个小横杠(减号)+大于符号
四、版面控制标记
1、换行标记<br/>
示例：
1 <body> 2 <div>A：早上好！<br />B：你好！</div> 3 </body>
效果：
2、段落标记<p></p>
示例：
1 <body> 2 <div>A：早上好！<p>B：你好！</p></div> 3 </body>
效果：
3、<br>标签和<p>标签的区别
1）相同之处是br和p都是有换行的属性标签；
2）区别<br />是只需一个单独使用，而<p>和</p>是一对使用；
3）br标签是小换行提行，p标签是大换行（段落）各行作用。
4、水平线<hr>
5、空格
6、居中标记<center></center>
说明：整体内容水平居中。
示例：
1 <body> 2 <center><div>A：早上好！<p>B：你好！</p></div></center> 3 </body>
效果：
五、标题文字
1、<hn></hn>
n值为1～6 依次减小
<h1> <h2> <h3> <h4> <h5> <h6>
2、特殊文字样式
六、body标签属性
示例：
1 <body bgcolor="#91d158" background="../images/1.jpg" text="body属性"> 2 body属性 3 </body>
七、编号表列标记
示例：
1 <ol> 2 <li>编号1</li> 3 <li>编号2</li> 4 <li>编号3</li> 5 </ol>
ol属性：
type属性，值：1 / A / a /I / i
设置编号的开始序号：start属性
Start=n (只能是数字)
八、项目符号列表标记
1 <ul> 2 <li>项目符号</li> 3 <li>项目符号</li> 4 <li>项目符号</li> 5 </ul>
ul属性：
type属性，值：circle（空心圆）或disc（实心圆）或square（方块）
属性效果：
（1）type="square"（方块）
（2）type="circle"（空心圆）
（3）type="disc" （实心圆）
九、"ol"和"ul"相互嵌套
示例：
1 <h1>组织行为———领导</h1> 2 <ul> 3 <li> 4 领导的效能理论、依据 5 <ol type="1"> 6 <li> 7 领导的权利基础 8 <ul> 9 <li>强制权力</li> 10 <li>奖赏权利</li> 11 </ul> 12 </li> 13 <li> 14 领导理论 15 <ul> 16 <li>持久论</li> 17 <li>强调论</li> 18 </ul> 19 </li> 20 </ol> 21 </li> 22 </ul>
效果：
时间： 2024-10-19 14:44:45