一、html基础知识
二、html结构
<html>
<head>
<title>网络0801</title>
</head>
<body>
</body>
</html>
基本标记
.<p></p> 段落 <br> 换行
三、head内的标记
1、title 标题标记
功能：标题控制
使用：设置标题
格式：<title>标题内容</title>
实例：添加一个标题
2、base 基底网址标记
功能：文档的基本网址，其他为与其相对的网址
使用：插入栏/html/文件头/基础
text align center 格式：<base href="www.163" target="父(_P)" />
实例：设置后，在文章中添加一个相对路径和绝对路径
4、media 原信息标记
功能：提高被搜索引擎搜索到的可能性
使用：插入栏/html/文件头/meta【name-搜索引擎http-equiv-设置浏览器检查信息，控制网页精确显示】
格式：<meta name="author" content="宋赟中" />（作者）
<meta name="keywords" content="网络，计算机学校" />（关键字）
<meta name="description" content="忙忙忙忙忙忙忙忙忙忙" />（说明）
<meta name="build" content="建设时间"/>
<meta name="reply-to" content="联系人邮箱"/>
<meta name="copyright" content="版权说明"/>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />（字符集）
<meta name=<meta http-equiv="refresh" content="22" />（刷新）
<meta http-equiv="windows-target" content="_top" />（强制独立窗口打开）
<meta http-equiv="pragma" content="No-cach />（页面不允许缓存）
实例：设置后，会提高搜索引擎的命中率
四、body标记
1、bgcolor 背景
2、background 背景图像
3、text 文字颜
4、bgproperties 背景滚动方式 fixed 代表固定
5、link 默认链接颜
6、alink 鼠标点击时的颜
7、vlink 点击后的颜
8、topmargin 页面上边距
9、leftmargin 页面左边距
五、注释语句
1、 <comment></ comment >
2、
3、<plaintext> 将原代码显示在浏览器中
4、<ruby> ssssssssssss<rt>ddddd</rt></ruby> rt的注释内容出现在ruby上方
5、、/* */ css注释
六、文本标记
1、<h数字></h数字> 标题字标记 包含对齐（align）属性
2、<strong> </strong> 加粗标记
3、<em></em>倾斜
4、<s></s> 删除线
5、<u></u> 下划线
6、< sup ></ sup > 上标
7、< sub ></ sub > 下标
8、< big ></ big > 大字号
7、< small ></ small > 小字号
8、<font face="字体" size="字号" color="颜"> </font> 文字标记
9、<p></p> 段落标记 具备align属性
10、<pre> </pre> 预格式化（使得代码与页面的显示一致）
11、<center></center> 居中
12、<hr align="对齐" width="宽" size="高" noshade="阴影" color/> 水平线
13、<kbd> </kbd> 在浏览器中（如标签后）显示的信息
14、<address> </address>在文档中显示作者的信息
15、<tt> </tt> 打字字体
16、<ul> 项目列表
<li type="circle">fdfsdfs</li> 空心圆
<li type="disc">fsfsfs </li> 圆
<li type="square">kjkjhkhj</li> 方
</ul>
17、<ol type="1" start="2"> 编号列表，type代表显示什么，start代表从那开始
<li>fdfsdfs</li>
<li>fsfsfs </li>
</ol>
</body>
18、<dl> 定义列表（产生类似文字说明的效果）
<dt>fdfsdfs</dt> 内容
<dd>fsfsfs </dd> 说明
<dt>kjkjhkhj</dt>
<dd>hfhfhfhfh</dd>
</dl>
19、<ol> 列表嵌套（选中内容，缩进）
<li>dadasd</li>
<li>adsasdsa
<ol>
<li>dasda</li>
<li>sdaad</li>
</ol>
</li>
</ol>
七、图片标记
1、<img src="banner资料.jpg" alt="aaa" width="100" height="200" hspace="2" vspace="1" border="2" align="middle" lowsrc="../images/cpfl_04.gif" longdesc="ww
w.163" />
Src 图片文件的路径 alt 说明文字 width 宽度 height 高度 hspace 水平边距 vspace垂直边距 border 边框宽度 align 文字环绕 lowsrc 低解析度源文件
2、<br clear="left" />代码加到对应前边可以取消环绕
3、<img src="../images/未标题-1_03.gif" usemap="#Map" /> 应用区域
<map name="Map" id="Map"> 使用热点
<area shape="circle" coords="81,54,16" href="#" /> 定义热点区
</map>
Cords 区域边界 href 链接 shape（热点类型） circle圆 rect 矩形 poly 多边形
主要用于电子地图和导航条
八、链接
1、<a href="www.163" target="_parent" name="链接名" title="链接提示文字">fhgfhf</a> href 链接 target 打开方式 name 连接名 title 链接提示 文本链接（）
2、<a name="mm" id="mm"></a> 锚点链接
3、<a href="maileto:**********? subject=意见 &cc=***********&bcc=**********">hkhjk</a>
Subject 标题 cc 抄送 bcc 秘抄送
九、表格
1、基本标记
<table width="56%" height="56" border="1" align="center" cellpadding="2" cellspacing="3" bordercolor="#FF00FF" background="file:///C|/Documents and Settings/Administrator/桌面/html/banner资料.jpg" bgcolor="#00FFFF" summary="这是内部资料" > 表格标记
<caption align="top"> 标题
中华网
</caption>
<tr align="center" valign="middle" bordercolordark="#9900FF" bordercolorlight="#FF0000" > 行标记
<th width="50%" height="25"> </th> 单元格表头
<td width="50%" nowrap="nowrap" bordercolor="#00FFFF" background="html/banner资料.jpg" bgcolor="#FF00FF" > </td> 单元格标记width 宽 height 高 nowrap 不换行
</tr>
<tr>
<td height="26"> </td>
<td> </td>
</tr>
</table>
<table width="56%" height="84" border="1" cellpadding="2" cellspacing="3" summary="这是中华网的内部资料"> 表格标记
<caption align="top"> 说明
中华网
</caption>
<tr> 行标记
<th width="36%" height="22">dsds</th> 标题单元格标记
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论