HTML个人总结
HTML
网站开发的主要原则是：
–用标签元素HTML描述网页的内容结构；
–用CSS描述网页的排版布局；
–用JavaScript描述网页的事件处理，即鼠标或键盘在网页元素上的动作后的程序
HTML（Hyper Text Mark-up Language 超文本标记语言）的缩写，是最基础的网页语言。Html是通过标签来定义的语言，代码都是由标签所组成。Html代码不用区分大小写。Html代码由开始结束。里面由头部分
和体部分两部分组成。标签：是由一对尖括号<>和标签名称组成。
标签分为―起始标签‖和―结束标签‖两种，二者的标签名称是相同的，只是结束标签多了一个斜杠―/‖
在元素的起始标签中，可以包含―属性‖来表示元素的其他特性
<标签名属性名='属性值'> 数据内容
<标签名属性名='属性值' />
多个属性时：
用空格分开
Html 的命名：文件的扩展名要以.html或.html结束。
? 文件名中只可由英文字母、数字或下划线组成。
? 文件名中不要包含特殊符号，比如空格、$等
所有标记都要用尖括号（<>）括起来，这样，浏览器就可以知道，尖括号内的标记是HTML 命令。
任何空格或回车在代码中都无效，插入空格或回车有专用的标记，分别是、
。因此，不同的标记间用回车键换行再编写是个不错的习惯。
@ title元素：文件标题声明
@ link元素和style元素常用于CSS
@ script元素用于脚本
@ meta元素元信息
@
元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
name 属性：网页的描述信息。当取keywords时，content属性的内容就作为搜索引擎的关键字进行搜索。
http-equiv 属性：模拟HTTP协议的响应消息头。
@ body元素是html文件的主体元素，它包含所有要在网页上显示的各种元素。
设置页面背景:bgcolor
设置背景图片:background
设计正文颜色:text
设置页面边距:topmargin、leftmargin、
rightmargin、bottomnargin
设置显示内容与浏览器的距离
添加空格——
… 粗. … 斜 … 删 … 下划 … 下标 … 上标
.
… 地址自动倾斜. … 大字
… 加强语气 ( 加粗
... 加强语气 ( 倾斜
段落缩进
设置水平线
向中对齐
格式：
… 插入定义列表
- 名称
- 说明
- 说明
- 说明
- 名称
- 说明
- 说明
- 说明
…
插入无序列表
- 项目名称
…- 项目名称
…- 项目名称
……
：符号标签（○●■）
type属性：disc ● ( 默认) circle ○ square ■
插入有序列表
- 项目名称
…- 项目名称
…- 项目名称
……
超链接概述
链接在网页制作中是一个必不可少的部分，在浏览网页时，单击一张图片或者一段文字就可以弹出一个新的网页，这些功能都是通过超链接来实现的，在HTML文件中，超链接的建立是很简单的，但是掌握超链接的原理对网页的制作是至关重要的。在学习超链接之前，需要先了解一下―URL‖，所谓URL（Uniform Resource Locator）指统一资源定位符，通常包括三个部分：协议代码、主机地址、具体的文件名
超链接标签的使用
创建超链接的标签为和，使用格式如下：
链接名称
链接路径
–绝对路径：包含了标识Internet上的文件所需要的所有信息，包括完整的协议名称、主机名称、文件夹名称和文件名称。格式为：
通信协议://服务器地址:端口号/文件位置…/文件名
https://www.wendangku.net/doc/cd17944876.html,/web/index.html
相对路径：是以当前文件所在路径为起点，进行相对文件的查找。
链接到同一文档的某个部分
?锚记标签用于使用户―跳‖到文档的某个部分
? HTML 的 NAME 属性用于创建锚标记
为达到这种跳转效果，请在 HREF 参数中使用该标记
B 发送E-mail：在html页面中，可以建立e-mail链接，当浏览者单击链接后，系统会启动默认的本地邮件服务系统发送邮件，格式为：
描述文字
联系我
LINK 颜色的设置
?基本格式：
? link 超链接尚被选中的文字
? alink 超链接点选但未被放开的颜色
? vlink 超链接已被点选过的颜色
插入并格式化图像
B
标签：用于在网页中插入图像内容。
– src属性：用于设置图像文件的相对或绝对URL地址。
–共三种类型：GIF：是图形和图片的最佳格式，适用于透明或动画图形。
– JPG或JPEG：更适合存放照片
– PNG：拥有许多JPEG与GIF的共同优点，所以最近越来越流行。
通过设置width属性和height属性可以控制图像的显示宽度和高度，他们的长度单位可是百分比，也可是像素。
注意点:边框的问题.
可通过border=―0‖去掉边框
属性名称属性值说明
Align left 图像靠左文字靠右
Right 图像靠右文字靠左
Top 文字往上靠
middle 文字靠中
bottom 文字靠下
空隙设置
Vspace 垂直上下两端和物件距离
Hspace 水平左右两端和物件距离
设置图像映射
图像地图：
map标签要和img标签联合使用。
语法说明
标记表示插入图像文件，src表示插入图像的路径；?
? 标记表示图像映射区域；
? rhape属性表示映射区域形状：
—―rect‖表示矩形区域；
—―circle‖表示椭圆形区域；
—―poly‖表示多边形区域；
? cords表示感应区域的坐标
创建表格
姓名 性别 分数 姓名 性别 分数 表示行或列标题，粗体显示 .......
性别 居中COLSPAN=“n”属性表示跨多少列
ROWSPAN=―n‖属性表示跨多少行
表格的颜色设置：
表格的背景色
行的背景色
列的背景色
表格的尺寸设置：
? frame常见属性
规定表格周围的哪一侧的边框是可见的。
? rules常见属性
规定水平或垂直的分界线。
注释：必须与 "border" 属性配合使用！
定义表格列的分组。通过此元素，您可以对列进行组合以便进行格式化。
Span:表格的直列数，而不是第几列。
定义某个表格中针对一个或多个列的属性值。您只能在表格或 colgroup 中使用此属性。
代表第1列 代表第2，3 两列 …. 单元格间距，边距
表格嵌套
在HTML文件中，第一个
标记表示插入第一表格，第二个
标记插入在标记
之间，表示在单元格中插入表格，也就是嵌套表格。 框架标签
框架就是把一个浏览器窗口划分为若干个小窗口，每个窗口可以显示不同的URL网页。所有的框架标签要放在一个HTML文档中，HTML页面的文档体标签
被框架集标签