HTML语言个人学习简记

《HTML语言个人学习简记》由会员分享，可在线阅读，更多相关《HTML语言个人学习简记（9页珍藏版）》请在装配图网上搜索。

1、HTML语言个人学习简记第9页 共9页HTML语言HTML概念即Hyper Text Markup Language 超文本标记语言HTML标签即尖括号包围的关键字，通常成对出现，对中第一个是开始标签，第二个是结束标签，也称开放标签和闭合标签，例如；某些元素没有结束标签，例如。HTML文档HTML文档用于描述网页，包含HTML标签和纯文本，也称网页。HTML大体结构与之间的文本描述网页与之间的文本描述可见的页面内容与之间的文本描述被显示的标题与之间的文本描述被显示的段落HTML链接输入要显示的超链接文本HTML图像HTML元素即被括在HTML标签内的关键字，例如,中的html和body。HTM

2、L属性HTML标签可以拥有属性，例如这是一个链接中运用了href属性。建议用小写字母。适用于大多数HTML标签的常见属性：属性：Class值：类名称描述：规定元素的类名（classname）属性：id值：id描述：规定元素的唯一id属性：style值：style_defintion描述：规定元素的行内样式（inline style）属性：title值：text文本描述：规定元素的额外信息（工具提示显示）HTML注释一种被插入HTML代码中的解释性文本，用定义，可被浏览器忽略，不会显示它们。语法格式：HTML水平线与折行二者均无闭合标签，为插入水平线，为不产生新段落插入换行。在HTML中所有连续

3、的空行（换行）均被显示为一个空格。HTML文本格式化文本格式化标签如下：粗体文本大号字着重文字斜体字小号字加重语气下标字上标字插入字删除字计算机输出标签如下：定义计算机代码定义键盘码计算机代码样本定义打字机代码定义变量定义预格式文本引用和术语定义标签如下：定义缩写首字母缩写定义地址文字方向短的引用定义引用、引证定义一个定义项目定义长的引用HTML样式HTML的style属性提供了一种改变所有HTML元素的样式的通用方法，不赞成使用其中的标签和属性，我们可以再CSS教程中学习关于样式和CSS的所有知识。HTML超链接 - target属性通过在链接标签中使用target属性，可以定义被链接的文档

4、在何处显示。新窗口中打开文档：这是一个链接HTML超链接 - name属性链接标签内使用name属性，可以定义锚（anchor）的名称，方便寻找信息。命名锚语法：此处为第二章指向同一文档书签：单击跳转第二章指向不同文档书签：单击跳转第二章HTML表格行1，列1 行1，列2行1，列1行1，列1注：定义表格中的表头在前加标签即可；单元格内容为空时，不可留空，应输入 ；定义带有标题的表格，应在后加标签；定义跨行、跨列在标签使用属性rowspan=跨行数、colspan=”跨列数”；表格内标签直接嵌套使用即可；定义单元格边距(单元格内容与边框间的间距)在标签使用属性cell padding=”

5、间距数值”；定义单元格间距(单元格间的距离) 在标签使用属性cell spacing=”间距数值”；向表格添加背景色在标签内用属性bgcolor=”颜色”；添加图像用属性background=”图片url”；向表格单元添加背景色或背景图像换在相应的标签中使用以上属性即可；表格中排列内容在标签内使用align=”left/right/center”属性；在标签使用wight=”宽”,height=”高”表格标签定义表格表格标题表格表头表格的行表格的单元表格的页眉表格的主体表格的页脚表格列属性表格列的组HTML表格 框架frame属性Frame属性定义在标签中，语法格式为Frame属性值：box：

6、围绕；above：上框；below：下框；hsides：上下框；vsides：左右框HTML列表分为无序列表、有序列表、自定义列表列表标签：定义有序列表定义无序列表定义列表项定义自定义列表定义自定义项目定义自定义项目描述HTML表单和输入表单：由标签定义，是允许用户输入信息(如：文本框、下拉列表、选框等等)的元素语法格式为： input元素 输入：由标签定义，输入类型由类型属性type定义。语法格式为：文本域：单选按钮： 复选框：表单的动作属性action和确认按钮：用户名: 提交按钮：定义下拉列表：大货车小轿车公交车创建按钮：文本域：由标签定义，系多行文本输入控件，用户可自由输入，不受限制。

7、在数据周围绘制带标题的框： 健康信息：身高：体重：从表单发送电子邮件：这个表单会把电子邮件发送到 W3School。姓名：电邮：内容：表单标签：供用户输入的表单定义输入域定义文本域定义一控制的标签定义域定义域的标题定义一个选择列表定义选项组下拉列表选项定义一个按钮HTML图像 源属性（src）语法格式为：图像标签： 定义图像定义地图定义图像地图中的可点击区域。背景图像：排列图像：排在文本 上/中/下浮动图像： 图像浮在文本左/右图像尺寸：替换文本属性（Alt）: 图像链接：创建图像映射：请点击图像上的星球，把它们放大。注释：img 元素中的 usemap 属性引用 map 元素中的 id 或

8、name 属性（根据浏览器），所以我们同时向 map 元素添加了 id 和 name 属性。HTML背景背景颜色： 颜色代码的其他表示方法： rgb(0,0,0) black背景图像：HTML颜色颜色值：颜色由红色、绿色、蓝色混合而成。颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。每种颜色的最小值是0（十六进制：#00），最大值是255（十六进制：#FF）。颜色名：大多数的浏览器都支持颜色名集合。Web安全色：216跨平台色关闭红色：如果关闭红色，绿色和蓝色的组合有65536种（256256）。打开红色，如果打开红色，依然有65536种绿色和蓝色的不同组合。160

9、0万种不同的颜色：通过计算256256256.从0到256的红色、绿色和蓝色的值一共可以组合出1600万种不同的颜色。灰阶：当所有颜色的取值相等时，灰色就可以显示出来。颜色名列表：单击一个颜色名或者 16 进制值,就可以查看与不同文字颜色搭配的背景颜色。HTML布局可用无边框的标签设置布局。HTML框架垂直框架：水平框架：标签：用法嵌套在标签内部混合框架结构：用属性定义不可调整的框架：在导航框架： 内联框架：跳转至框架内的一个指定的节： 使用框架导航跳转至指定的节：HTML字体size=1字体大小size=+1增加字体大小size=-1减少字体大小face=字体字体名称color=颜色值字体颜

10、色。color=颜色名字体颜色。不建议使用字体标签，请用样式表代替。HTML CSS外部样式表：内部样式表：body background-color: redp margin-left: 20px内联样式表：这是一段落定义样式定义资源应用定义块区域定义行区域HTML字符实体显示结果描述实体名称实体编号显示结果描述实体名称实体编号空格  镑££大于号>>节§§&和号&&版权©©引号""注册商标®®撇号' '乘号×

11、15;分¢¢除号÷÷HTML头部定义文档信息定义文档标题定义链接基准url定义资源引用定义元信息定义文档类型HTML元信息内容属性：content 值为：自定义文本内容系统变量属性：http-equiv 值为：内容类型content-type；到期expires；刷新refresh；set-cookie，把content内容关联到HTML头部。名称属性：name值为：作者author；内容description；关键字keywords；原著generator；修订revised；其他others；例：把content内容关联到名称。方案属性：sche

12、me 值为：自定义的文本内容定义用于翻译content属性值的格式。HTML URL（统一资源定位器）Schemes访问Schemes访问file本地 PC 上的文件。newsUsenet 新闻组。ftpFTP 服务器上的文件。telnetTelnet 连接。httpWorld Wide Web 服务器上的文件。WAISWAIS 服务器上的文件。gopherGopher 服务器上的文件。HTML 脚本document.write(Hello World!)应付老式浏览器： 标签Your browser does not support VBScript!脚本标签标签描述定义脚本。定义在脚本无法

13、执行的情况下的替代文本。定义嵌入的对象。为对象定义 run-time 设置(参数)。HTML 4.0 标准属性核心属性(Core Attributes)以下标签不提供的属性：base、head、html、meta、param、script、style 以及 title 元素。属性值描述classclassname规定元素的类名（classname）idid规定元素的唯一 idstylestyle_definition规定元素的行内样式（inline style）titletext规定元素的额外信息（可在工具提示中显示）语言属性 (Language Attributes)以下标签不提供的属性：b

14、ase、br、frame、frameset、hr、iframe、param 以及 script 元素。属性值描述dirltr | rtl设置元素中内容的文本方向。langlanguage_code设置元素中内容的语言代码。xml:langlanguage_code设置 XHTML 文档中元素内容的语言代码。键盘属性 (Keyboard Attributes)属性值描述accesskeycharacter设置访问元素的键盘快捷键。tabindexnumber设置元素的 Tab 键控制次序。HTML 4.0 事件属性窗口事件 (Window Events)仅在 body 和 frameset 元素

15、中有效。属性值描述onload脚本当文档载入时执行脚本onunload脚本当文档卸载时执行脚本表单元素事件 (Form Element Events)仅在表单元素中有效。属性值描述onchange脚本当元素改变时执行脚本onsubmit脚本当表单被提交时执行脚本onreset脚本当表单被重置时执行脚本onselect脚本当元素被选取时执行脚本onblur脚本当元素失去焦点时执行脚本onfocus脚本当元素获得焦点时执行脚本图像事件 (Image Events)该属性可用于 img 元素：属性值描述onabort脚本当图像加载中断时执行脚本键盘事件 (Keyboard Events)在下列元素中

16、无效：base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, 以及 title 元素。属性值描述onkeydown脚本当键盘被按下时执行脚本onkeypress脚本当键盘被按下后又松开时执行脚本onkeyup脚本当键盘被松开时执行脚本鼠标事件 (Mouse Events)在下列元素中无效：base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title 元素。属性值描述onclick脚本当鼠标被单击时执行脚本ondblclick脚本当鼠标被双击时执行脚本onmousedown脚本当鼠标按钮被按下时执行脚本onmousemove脚本当鼠标指针移动时执行脚本onmouseout脚本当鼠标指针移出某元素时执行脚本onmouseover脚本当鼠标指针悬停于某元素之上时执行脚本onmouseup脚本当鼠标按钮被松开时执行脚本第9页 共9页