课堂笔记：HTML---------一般标签、常用标签

HTML：超文本标记语言  

HTML标签---成对儿出现的是双标签元素，单个儿出现的是单标签元素

一、通用标签

　　1.格式控制标签

　　　　<font></font> 文字

　　　　color-文字颜色 face-文字字体 size-文字大小

　　　　<b></b>加粗

　　　　<i></i>倾斜

　　　　<u></u>下划线

　　　　<br/>换行

　　　　&nbsp;空格

　　　　<center></center> 居中

　　2.内容标签(内容标签都有style属性)

　　　　<h1></h1>~<h6></h6> 标题(h1字号最大，h6字号最小)

　　　　<p></p> 段落

　　　　<div></div>层标签，用于网页布局

　　　　<span></span> 层标签，用于网页布局

　　　　<ol></ol>有序列表

　　　　<ol>

　　　　<li>第一项</li>

　　　　<li>第二项</li>

　　　　<li>第三项</li>

　　　　</ol>

　　　　页面显示为：

　　　　1.第一项

　　　　2.第二项

　　　　3.第三项

　　　　有序列表一般默认阿拉伯数字排序，从1开始，也可用type属性设置英文或罗马数字标号

　　　　<ul></ul>无序列表

　　　　<ul>

　　　　<li>第一项</li>

　　　　<li>第二项</li>

　　　　<li>第三项</li>

　　　　</ul>

　　　　页面显示为：

　　　　●第一项

　　　　●第二项

　　　　●第三项

 　　二、常见标签

　　　　<img/>图片

　　　　<img src=" " width="宽度值" height="高度值" alt="卡通人物"/>

　　　　src属性-图片源

　　　　alt属性-设置图片为超链接时定义的图片名

　　　　调整width、height数值，修改原尺寸过大的图片，使之适应网页布局

　　　　<table></table> 表格

　　插入表格代码：

　　　　　　

<table>

   <tr>

      <td><td/>

      <td><td/>

   </tr>

   <tr>

      <td><td/>

      <td><td/>

   <tr/>

   <tr>

      <td><td/>

      <td><td/>

   <tr/>

</table>

 

　　　body的几个属性：

　　　　background 背景图片 bgcolor背景色 text 网页文字

　　　　Dreamweaver三个界面：代码界面、拆分界面、设计界面(可以在设计界面直接添加表格)

　　表格的几个属性：

　　　　width 宽度 border 边框 align 对齐方式 bgcolor 背景色 rowspan 合并行 colspan 合并列

　　　　<a></a> 超链接

　　　　href属性-指向超链接跳转页面

　　　　<a href="网址或文件名"> 插入网页或文件超链接

　　　　target属性-超链接的打开方式

　　　　<a href=“http://www.baidu.com”  target="_blank">超链接</a>