HTML
文档主题标记<body>
<body> 标记的主要属性：
。bgcolor
设置页面颜，如：bgcolor=“#eeffee”
。background
设置页面背景图片，如：background = “images/bg.gif”
。bgproperties = “fixed”
使背景图片不随着滚动条的滚动而滚动
。text
设置文档正文的文字颜，如：text = “#ff6666”
其它的标记：
分段标记：<p>段落文字</p>
换行标记：<p>段内第一段文字<br>段内第二段文字</p>
正文标记：<h1>1号正文标题文字</h1>
注释标记：<!—注释文字-->
水平分隔线：<hr>.
文档头部信息
<head> 用于标记HTML文档头部信息，主要是供给浏览器或网络搜索引擎使用，而不会显示在网页正文中。
<head>的主要子标记：
<title> 设置窗口标题
<link> 建立到外部文件（主要是CSS外部样式表）的链接
<link ref = “stylesheet” href = “mystyle01.css” type = “text/css”>
<style> 设置网页的内部样式表
<style type = “text/css”>
Body {background-color:white;color:red}
</style>
<meta> 设置当前页面的元素信息
<meta name = “description” content = “HTNL实用教程”>
<meta name = “keywords” content = “HTNL工作室”>
<meta name = “author” content = “wzh”>
<meta http-equiv = “Content-Type” content = “text/html; charset = GBK”>
<meta http-equiv = “refresh” content = “5 ; url = su”>
文本格式
常用文本格式标记：
标记显示格式
<b> 粗体（bold）
<i> 斜体（italic）
<del> 文字中部划线表示删除
<ins> 文字下划线表示填充内容
<sub> 下标
<sup> 上标
<pre> 原样显示，保留空格和换行
<html>
<head>
</head>
<body >
<p><b>粗体字</b></p>
<p><i>斜体字</i></p>
<p><del>词当中划线表示删除（delete）</del></p>
<p><ins>词下划线表示插入/填充内容（insert）</ins></p> <p>下标：P<sub>1</sub><br></p>
<p>上标：-2<sup>7</sup>~2<sup>7</sup>-1</p>
<pre>
预设（preformatted）文本，原样显示--
保留文本中的空格和
换行。
</pre>
</body>
</html>
字体
<font> 标记的属性：
Face –设置字体类型
<font face = “宋体”>文字内容</font>
Size –设置字体大小
<font size = “2”>文字内容</font>
Color –设置字体颜
<font color =”#ff0000”>文字内容</font>
Face 的类型常用的有，courier, impact , 宋体，隶书，黑体等。
图片
<img> 标记用于在HTML 页面中插入图片
<img src=”youyou.png”> 相对路径
<img src=”www.v512/attchments/book.gif”> 绝对路径
<img> 标记的其他属性：
Alt –在不支持图片显示的浏览器中将显示本属性值（alternate text）<img src=”youyou.png” alt=”悠悠的照片”>
Width/height –设置图片大小
<img src=”youyou.png” width=”200” height=”120”>
<img src=”youyou.png” width=”30%” height=”30%”> Align –设置图片的水平和垂直对齐方式。
<img src=”youyou.png” align=”left/right/middle/top/bottom”> Border –设置图片边框线条宽度
<img src=”youyou.png” border=”2”>
特殊字符显示
Html 中使用字符实体表示拉丁字符
显示效果符号说明实体名显示实体编号表示
空格符   
< 小于号< <
> 大于号> <
& 符号& & &
“ 双引号" "
X 乘号× ×
除号÷ ÷
版权符号© ¥
注册商标® ®
超链接
@：Html使用<a> 标记来实现超连接
<a href = “www.sscu”>长沙大学</a>
@：<a> 标记的其他属性：
Target --- 在指定的窗口或新窗口中显示链接页面
<a href=ww.ccsu target = “_blank” > 论坛</a> 注释：能弹出
新窗口
Name --- 设置锚（anchor）标记
<a name=”p1”>文本内容</a>
<a href = “#p1”> 跳转到（锚标记p1 ）指定的位置</a>
Title ----- 设置超链接的说明文字（鼠标悬停在超链接上时显示）
<a href = “youyou.png” title=”点击可以看到我的照片”> 悠悠</a>
@：链接到email 地址
<ahref=”mailto:***************”></a>
@：图片作为超链接
<a href = “......”> <img src = “youyou.png”> </a>
列表
@：有序列表（Ordered List）
<ol type = “a”> <!—可选属性type 用于设置列表的符号--> <li>列表条目1</li> <!—type 容许取值：“l”“a”“A”“i”“I”-->
html中的5种空格表示<li>列表条目2</li>
</ol>
@：无序列表（Unordered List）
<ul type = “disc”> <!—可选属性type 用于设置列表的符号--> <li>列表条目1</li> <!—type 容许取值：“disc（小黑点）”“circle（空心圆
圈）”“aquare实心方块”--> <li>列表条目2</li>
</ul>
@：定义列表（Definition List）
<dl >
<dt>列表条目1标题</dt><dd>列表条目1正文</dd>
<dt>列表条目2标题</dt><dd>列表条目2正文</dd> </dl>
表格
@：html 表格相关标记：<table> , <tr>行, <td>表格, <th>表头,<caption> @：表格相关标记的属性：
Width/height ---- 指定表格或某一单元格的宽度和高度
Border ---- 指定边框线条的宽度
Bordercolor ------ 指定边框线条的颜
Bgcolor ----- 指定表格或某一单元格的背景颜
Background ----- 指定表格或某一单元格的背景图片
Align ----- 设置单元格对齐方式
Cellspcing ----- 设置单元格间距
Cellpodding ----- 设置单元格与单元格边界（上下）之间的距离
Colspan/rowspan ----- 实现跨列/跨行单元格
例子：
<body >
<table border="1">
<tr>
<th>姓名</th>
<th>科目</th>
<th>成绩</th>
</tr>
<tr>
<td>张三</td>
<td>数学</td>
<td>90</td>
</tr>
</table>
</body>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。