Html分为头部内容和文件主体内容
头部内容：
- 网页标题
语法：<title>……</title>
用来描述网页名字
- 定义网页元素<meta>
语法：<meta name=”keyword” contend=”……”>
用于定义说明网页的关键字，让游客可以通过关键字搜索找到网页，关键字可以有多个，不同关键字之间用、隔开
语法: <meata name=”description” contend=”……”>
用于描述网页大概内容，搜索界面可以看到
主体内容：
- 设置网页背景颜色
语法：<body bgcolor=”?”></body>
//注意，设置并不是在<body>和</body>之间插入语句设置，而是在<body >中设置，最后末尾接上</body>，颜色可以输英文，也可以是颜色代号
- 插入图片
语法：<img src=”?” alt=”?” width=”?” hight=”?” title=”?”/>
注意：在主体中间，即<body>和</body>之间操作，首先需要将想插入的图片放到html文档下，然后，src接的是图片名称，alt可以输入也可以不输，表示的是图片加载错误的提示信息，tiltle表示提示信息，即将鼠标移动到图片上，浏览器给出的提示信息
- 设置页边距：
语法：<body topmargin=? leftmargin=? Rightmargin=? Bottommargin=?></body>
//注意：是在<body>中添加的设置信息
- 设置正文颜色：
语法：<body text=”?”></body>
注意：在<body>中进行设置
- 添加删除线：
添加删除线用一对双标签来描述
语法：<body><del>……</del></body>
- 简单的文本修饰：
文本修饰都是一对双标签来完成
<b>加粗文字</b>
<i>斜体文字</i>
<u>添加下划线文字</u>
- 设置文本效果：
语法：<body><font face=”?” size=”?” color=”?”>
输入文字
</font>
</body>
注意：只有在<font>和</font>之间的文字可以运用到设置的文本样式
- 文字上下标：
语法：<body>
<sup>上标内容</sup>
<sub>下标内容</sub>
</body>
注意：一对双标签，常用于数学表达式中的书写
- 设置地址文本
作用：会显示在网页页面，能更加突出某段信息，常用于显示地址信息等
语法：<body>
<address>………</address></body>
- 段落排版
（1）.段落
用一对双标签来对网页的文本信息进行排版定义，要在主体内容间使用
语法：<body><p>内容</p></body>
- 预格式排版
作用：将一段文字按照自己在程序中的写法格式展现在网页上
语法：<body>
<pre>
输入要展示的文档内容</pre></body>
- 段落首行缩进
语法：<body>
<blockquote>需要缩进内容</blockquote>
</body>
- 设置水平线
作用：插入一条水平线
语法：<body>
<hr width=”?” size=”?” color=”?”>
<body>
- 插入无序表
语法：<ul>
<li>列表内容</li>
<li>列表内容</li>
…………
</ul>
注意：双标签<ul></ul>中必须使用诺干对成对的<li></li>标签来添加项目值
- 插入有序表
语法：<ol>
<li>列表内容</li>
<li>列表内容<li>
…………
</ol>
- 定义列表
语法：<dl>
<dt>名称</dt>
<dd>说明</dd>
<dt>名称</dt>
<dd>说明<dd>
………
</dl>
- 嵌套列表
常用的就是有序列表与无序列表相嵌套定义列表相嵌套
1). 有序与无序列表相嵌套就是在该列表的<li></li>中嵌套一个列表
语法：<ul>
<li>内容</li>
<ol>
<li>内容</li>
<li>内容</li>
</ol>
……….
</ul>
2). 定义列表的嵌套使用就是在每轮<dt></dt>中定义多个<dd></dd>,(正常情况下每组<dt></dt>只有一对<dd></dd>)
语法：<dl>
<dt>内容</dt>
<dd>内容</dd>
<dd>内容</dd>
………….
</dl>
- 超链接：
- 内部链接：
内部链接指通过超链接链接到本网页html文件存放的文件中其他网页或图片的方法（可以链接到图片）、
语法：<a href=”?”> 链接内容 </a>
注意：<a>与</a>是一对，同时，？指代的内容是网页或图片的名称(在本文件下)
- 外部链接：
外部链接可以通过超链接到其他任意网页，但前提是要使用绝对路径
语法：<a href=”?”>链接内容</a>
注意：？指代的是绝对路径，也就是通常说的网站，如www.baidu.com
- 图片链接：
1）.普通图片链接
点击图片可以到达链接所到达的网页，其实本质也就是在一对<a></a>中插入图片
语法：<a href=”?” target=”目标窗口的打开方式”><img src=”?” alt=”?” width=”?” hight=”?” title=”?”/></a>
四种打开方式：
（1）._blank 新建一个窗口打开
(2) ._self 就在本窗口打开，可以回退
（3）._parent
(4). _top
2). 图片热区链接
图片不同的地方点击可以得到不同的链接地址
语法：<img src=”?” usemap=”#映射图片名称”>
<map name=”映射图片名称”>
<area shape=”热区形状” coords=”热区坐标” href=”链接的网页地址”/>
</map>
注意：（1可以用ps去找，点信息，通过鼠标在左上，右下两个点，得到坐标信息
第一个usemap一定要加一个#
（2 rect 矩形
Circle 椭圆
Poly 多边形
- 插入多媒体(音频和视频都通用)
语法：<embed src=”??” width=”??” height=”??” autostart=”true/false” loop=”true/false”></embed>
注意：autostart表示是否能自动播放，loop表示是否循环重复播放
- 表格的应用：
1）.插入表格
语法：<table>
<tr><td>….</td>
<td>……</td>
</tr>
</table>
注：tr表示的是一行，td插入的是单元表格
-
- 设置表格标题
<table>
<caption>插入表格标题</caption>
<tr><td>……</td>
</tr>
</table>
3)设置表格表头
<tr></tr>内的<td></td>改为<th></th>
4) 表格属性
这的表格属性都写在<table>中
Width=? 表格宽度
Height=？表格高度
Border=? 表格框粗细
Bordercolor=？？ 边框颜色
Cellpadding=?? 单元格到边的距离
Cellspacing=?? 单元格与单元格之间的距离
5）内容对齐方式：
写在<tr>或则<td>中都可以
Align=”??” left right center
Valign=”??” top bottom baseline
6) 表格中单元格的合并
写在<td>中
Rowspan=“？” 合并上下几行的单元格的内容 ?的内容是要合并单元格的个数
Colspan=”?” 合并横向几个单元格
7）表格的嵌套
方法与有序无序表方法相同
- 框架
一个网页中显示多个网页，相当于手机分屏
Cols=“？，？” 左右分割
Rows=“？，？”上下分割
两个？分别表示被分割两个部分所占的宽度，如果其中一个是数字，另一个是*，*就会表示剩下所有的部分
语法：<frameset cols=”*,*”>
<frame src=”??”>
………
</frameset>
框架嵌套定义：
<frameset rows=”*,*”>
<frame src=”??”/>
<frameset cols=”*,*”>
<frame src=”??”/>
<frame src=”??”/>
</frameset>
</frameset>
设置框架属性：
注意：这里的框架属性都是在<frame>中使用，也就是每个框架设置一下属性
<frame src=”??” name=”??”>name 定义的是框架名字，不会影响框架的显示
设置框架边框：
<frame src=”??” frameborder=”??”> frameborder的属性为1时显示边框，为0时不显示边框
设置框架滚动条
<frame src=”??” scrolling=”???”> scrolling的值为yes添加滚动条，为no不添加滚动条，为auto自动
调整框架尺寸
<frame src=”??” noresize=”??”>
浮动框架
浮动框架就是在页面上添加一个小窗口，使用较多，与一般的框架不同的是，浮动框架是在<body>与</body>之间添加的，相当于一个插入
语法：<body>
<iframe src=”??” name=”??” width=”??” height=”??”align=”??” scrolling=”??”</body>>
- 表单的设计
在<body>与</body>之间的主题进行操作，相当于插入一个东西
语法：
<form>
<input name=”??” type=”??” maxlenth=”??” size=”??” value=”??”/>
</form>
注意：type中的内容特别关键，type的属性决定了表单的类型
- Text 表示文本框，可以直接在文本框中输入内容，maxlenth决定了表单允许输入的最大字符数，size表示字符宽度，value表示表单初始值
- Password 表示密码框，输入的东西会被*代替，其他属性与文本框，即text相同
- File 表示文件域，可以在文件中浏览文件上传，相当于平时用的上传附件
- Checkbox 复选框，复选框用于做多选，可以在给出的选项中选择多个，只有input只会有一个框，所以，要有提示信息，要在input后面再添加信息（直接写就好），复选框可以有多个选项，所以，往往要在<form>与</form>之间添加多个input语句（特别要注意的是，所有input语句的name的属性值要相同）
- Radio 单选框 单选框与复选框语法，作用类似，唯一不同的就是，单选框只能再多个选项中选择一个
- Button 标准按钮
- Submit 提交按钮
- Rest 重置按钮
- Image 图像域
- 文本区域
Textarea 文本区域，可以在文本框中输入内容，可以用rows与cols来设定文本框的大小
语法：<form><textarea name=”??” rows=”??” cols=”??”><textarea></form>
- 下拉菜单，与列表选项
语法：<form>
<select name=”??”>
<option value=”??”>选项名1</option>
<option value=”??”>选项名2</option>
</select>
</form>
主题与主体通用部分：
- 注释：
语法：<!--??-->
注意：注释可以添加在head中也可以在body中
- 添加空格：
Html中不能直接打空格，需要用标识符代替，空格的标识符是“ 
- 换行符<br/>
是一个单标签，有进行了,写了自动换行，相当于C语言中的‘\n’
2714
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
