❑查看HTML源代码的方法
点击鼠标右键，点击View Source(查看源文件)命令
选择浏览器菜单View(查看)中的Source(源文件)命令。
❑网页其实就是HTML文件
❑HTML标记最基本的格式是：
❑ <标记>内容</标记>
❑HTML标记 html 文件头 head 题目 title 主体 body
❑正文标题标记
格式：<h1></h1>、 <h2></h2>、 <h3></h3>、 <h4></h4>、 <h5></h5>、 <h6></h6>
作用：设置正文标题字体的大小
⏹分段标记和换行标记
格式：分段<p></p>，换行<br>
作用：分段和换行（另起一行）
⏹注释语句标记
格式：
作用：可以把代码的功能、作者、注意事项等信息放入其中
特点：注释语句的内容都会被浏览器忽略，不显示在网页上
⏹有序列表
每个列表项前标有数字，表示顺序
由<ol>开始，</ol>结束
其中的每个列表项由<li>开始，</li>结束
⏹无序列表
不用数字标记每个列表项，而采用一个符号标志每个列表项，比如圆黑点、方块等。
由<ul>开始，</ul>结束
其中的每个列表项同样由<li>开始，</li>结束。
⏹定义列表
常用于术语的定义和解释
由<dl>开始，</dl>结束
术语由<dt>开始，</dt>结束
术语的解释说明由<dd>开始，</dd>结束，<dd></dd>里的文字缩进显示。
⏹属性通常由属性名和属性值成对出现，语法格式如下：
<标记 属性1="属性值1" 属性2="属性值2" ……> …… </标记>
属性通常是写在开始标记里面，属性值一般用双引号标记起来（注意：是英文半角状态下的双引号）,多个属性并列的时候，用空格间隔
⏹align属性
作用：定义对齐方式
常见属性值有left、center、right，能够控制大多数元素的左对齐、居中、和右对齐。
⏹style属性
作用：定义样式，如文字的大小、彩、背景颜等。
书写格式：
⏹<标记 rtcscls-2-s_r_0 rtcscls-2-r_3">属性名称1：属性值1 ; 属性名称2：属性值2 " > …… </标记>
一个style属性中可以放置任意多个样式属性名称，每个属性名称对应相应的属性值，属性名称之间用分号隔开。
⏹RGB
分别代表Red、Green、Blue的首字母，即红、绿、蓝三原
每种原的最小值为0（0），最大值为256（FF）
表示方式：#RRGGBB，其中RR、GG、BB的取值范围都是00到FF
aqua(浅绿) black(黑) blue(蓝) fuchsia(紫红) gray(灰) green(绿) lime(酸橙 ) maroon(栗) navy(藏青) olive(橄榄) purple(紫) red(红) silver(银灰) teal(水鸭 ) white(白) yellow(黄)
⏹<div>标记是一个块状的容器，其默认的状态就是占据整个一行。
⏹<span>标记是一个行间的容器，其默认状态是行间的一部分，占据行的长短由内容的多少来决定。
⏹基本语法结构： <marquee>…… </marquee>
基本属性
属性 描述 可取值
direction 移动方向 left,right,down,up
behavior 移动方式 scroll,slide,alternate
loop 循环次数 -1,2,…
scrollamount 移动速度 2,10,…
align 对齐方式 top,middle,bottom
bgcolor 背景颜 #rrggbb
height 底所占高度 40px
width 底所占宽度 50px
利用简单的JavaScript语句控制文字的运动状态
onmouseover表示鼠标经过滚动字幕时
stop()意为停止滚动。
⏹最常用的字符实体
显示结果 说明 实体名称 实体代码
显示一个空格 html网页设计超链接
< 小于 < <
> 大于 > >
& 符号 & &
“ 双引号 " "
© 版权 © ©
® 注册商标 ® ®
× 乘号 × ×
÷ 除号 ÷ ÷
⏹ 标记 标记说明
<b> 粗体bold
<i> 斜体italic
<del> 文字当中划线表示删除
<ins> 文字下划线表示插入
<sub> 下标
<sup> 上标
<blockquote> 缩进表示引用
<pre> 保留空格和换行
<code> 表示计算机代码，等宽字体
⏹绝对路径
指带域名的文件的完整路径
构成
一个传输协议（如HTTP协议）
网络域名或者服务器IP地址
网站结构的目录树
文件名（文本、图片、音频和视频等）
例：www.flashempire/news/index.php
❑各种相对路径：总结归纳起来，对于各种相对路径主要有三种情况。
当前目录
形式： src=”**.jpg”
含义：源文件和引用文件在同一个目录里，直接写引用文件名
当前目录上一层
形式：src=”../**.jpg”
含义：../表示源文件所在目录的上一级目录，../../表示源文件当前目录的上一级目录的上一级目录。
下级目录
形式：src=”**/**.jpg”
含义：引用下级目录的文件，直接写下级目录文件的路径，其中**代表具体的文件名或者目录名。
⏹HTML中插入图片用的是<img />标记,它的属性包括图片的路径、宽、高和替代文字等。
基本语法格式
<img src= ” # ” alt= ” ** ” />
# : 代表图片的 URL
**: 代表在浏览器尚未完全读入图片时，在图片位置显示的替代文字。
⏹基本语法
<a href="URL" target=" " title=" "> ... </a>
例如：
<a href="www.yahoo">yahoo </a>
<a href="sport.html">sport </a>
超链接文本默认带下划线并且文字颜为蓝，当鼠标在“超链接名”上方时指针会变成手状。
⏹target属性
_blank
浏览器总在一个新打开、未命名的窗口中载入目标文档。
_self
这个目标的值对所有没有指定目标的 <a> 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。
_parent
这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效。
_top
这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。
⏹title属性
超链接的标题
当鼠标在超链接上方时会出现的对超链接进行说明的方框
图片超链接
⏹在<a>和</a>之间包含<img src=“***”/>，鼠标点击图片即可链接到href所对应的文件。
1．表格标记
<table>……</table> 定义一个表格，每一个表格只有一对<table>和</table>，一张页面中可以有多个表格。
2．表格行标记
<tr>……</tr> 定义表格的行，一个表格可以有多行，所以<tr>和</tr>对于一个表格来说不是唯一的。
3.表格单元格标记
<td>……</td> 定义表格的一个单元格，每行可以有不同数量的单元格，在<td>和</td>之间是单元格的具体内容。
<th>……</th> 定义表头单元格，位于<th>与</th>之间的文本默认以粗体居中显示。
表格的基本结构
<table>定义表格
<tr>定义表行
<th>定义表头</th>
</tr>
<tr>
<td>定义单元格</td>
</tr>
</table>
1．表格的宽度
Width属性 指定整个表格或表格的某一行和某个单元格的宽度。单位可以是百分比（%）或者像素（px）,百分比设置宽度的相对值，像素设置宽度的绝对值。
2．表格的高度
height属性：指定整个表格或表格中的某一行和某个单元格的高度。单位可以是百分比（%）或者像素（px）,百分比设置高度的相对值，像素设置高度的绝对值。
3.bordercolor属性可以指定表格或某一个单元格的边框颜，它也可以指定某一行的边框颜，格式分别为<table bordercolor=#>、<td bordercolor=#>和<tr bordercolor=#>。
4.bgcolor属性用于指定表格或某一个单元格的背景颜，background属性用于指定表格或某一个单元格的背景图片。格式分别为<table bgcolor=#>和
<table background="URL"> ，<td bgcolor=#> 和<td background="URL">。
表格的对齐方式
1.表格的水平对齐
align属性：指定表格在窗口中的水平对齐方式，也可以指定某一行或某一个单元格里的内容（文本、图片等）相对于所在单元格的水平对齐方式。有三个值，left、center和right，分别代表左对齐、居中对齐和右对齐。格式分别为<table align=#>、<td align=# >和<tr align=#>。
2.单元格的垂直对齐
valign属性：指定某一行或某一个单元格里的内容（文本、图片等）相对于所在单元格的垂直对齐方式。有top、middle、bottom和baseline四个值，分别代表顶端对齐、居中对齐、底部对齐和基线对齐，格式为<td valign=#>和<tr valign=#>。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论