html:
<!-- 注释 --><html>
<head>其中的内容不会在浏览器中显示
<title>浏览器的窗口标题
</title>
<meta>页面的元信息
</meta>
<style>
</style>
</head>
<body>网页的主体部分常见属性:
bgcolor 背景颜色 text文本颜色 link链接颜色 vlink已经访问了的链接颜色 alink正在被点击的链接颜色
如:<body bgcolor="red"></body>
topmargin leftmargin
格式标记:
<br/>强行换行单标记(多个空格和回车在html中等效为一个空格)
<p>换段落标记 <center>居中对齐标记</center> <pre>预格式化标记</pre> </p>
<ul>无序列表标记 <li type="1/A/a">项目列表标记</li> </ul>
<ol type="1/A/a/I" value=" "(指定一个新的序列数字起始值)>有序列表标记 <li>项目列表标记</li> </ol>
列表标记可嵌套
<dl> <dt>软件说明</dt> <dd>简单介绍软件的功能及基本应用</dd>
<dt>软件界面</dt> <dd>用于选择外观</dd>
</dl>
<hr>水平分割线单标记
<div> 分区显示标记</div>
文本标记:
<hn>标题标记 6个级别h1-h6</hn>
<font>字体设置标记</font>(size字体大小1-7默认3 color字体颜色 face字体)
<b>粗字体标记</b>
<i>斜字体标记</i>
<sub>文字下标字体标记</sub>
<sup>文字上标字体标记</sup>
<tt>打印机字体标记</tt>
<cite>引用方式的字体,通常斜体</cite>
<em>表示强调,通常斜体</em>
<strong>强调,通常粗体</strong>
<small>小型字体标记</small>
<big>大型字体标记</big>
<u>下划线</u>
图像标记:单标记
<img src="路径/文件名.图片格式" width="px/em/cm/mm/%" height="" border="图片边框厚度">
<img alt="">作用:当网页上的图片加载完成后,鼠标移动到上面,会显示这个图片指定的属性文字
如果图像没有下载或者加载失败,用文字来代替图像显示
搜索引擎可以通过这个属性的文字来抓取图片
超链接:
<a href="" target="打开方式" name="页面锚点名称">链接文字或图片</a>
target:_blank 在新窗口中打开链接
_seif 在当前窗口中打开(默认)
_parent 在父窗口中打开(框架中使用较多)
_top 在顶层窗口中打开文件(框架)
name 可用于页面内的跳转如:<a href="#dibu">跳转到页面底部</a> <a name="dibu"></a>
表格:
<table width="" height="" border="" align="right/center/默认left"(对齐方式)
cellspacing=""(单元格之间的间距) cellpadding=""(单元格内容与单元格边框的显示距离)
frame="void(无边框)/above(仅顶部有边框)/below(底部)/hsides(顶部加底部)
lhs(左侧)/rhs(右侧)/vsides(左右)/box(包含全部四个边框)/border(4)"(控制表格边框最外层的四条线框)
rules="none(默认值)无分割线/all/rows(仅有行分割线)/clos(列)/groups(仅在行和列组之间)"(控制是否显示以及如何显示单元格之间的分割线)
>
<caption align="top/bottom/left/right">表格的标题</caption>
<tr bgcolor="" align="bottomo/top/middle" valign="left/right/center"(水平对齐方式)>表格的一行
<th>单元格表头标记默认加粗</th> </tr>
td和th的属性:bgcolor align valign width height rowspan(单元格所占行数) colspan
<tr>表格的一行 <td>单元格数据标记</td> </tr>
</table>
</body>
<frameset cols="px/% *,*表示分割成多少个" rows=""上下窗口 frameborder="0不显示边框/1显示" border="">
<frame/>子框架单标记
属性:src加载网页文件的URL地址
name框架名称,是链接标记的target
noresize 表示不能调整框架大小,没有设置时可以调整
scrolling 是否需要滚动条="auto(根据需要自动出现)/yes/no"
frameborder="0/1"
<frame/>
</frameset> 框架
<form action="服务器端地址(接受表单内容)/no" name="表单名称" method="get/post" enctype= target=>
<input type="text(文本域)/password(密码域)" name="控件的名称" value="文本框中的初始内容" size="控件的长度" maxlength="输入框中允许输入的最大字符数"
type="submit(提交按钮)--考虑get(默认)和post/ reset(重置按钮)/button(普通按钮)"
type="radio(单选框,当name值设置一样时可形成只能选择一个)/ checkbox(复选框 checked默认选中项)"
type="hidden"(隐藏域)
type="textarea"(多行文本域) name rows=""行数 cols=""列数
<select name= size= multiple(可多选) > <option value= selected></option> </select>
</form>表单标记
</html>