HTML小知识

 

①HTML标签不区分大小写,但推荐小写。
②扩张子为.html与.htm,推荐.html
③段落元素由 p 标签定义。
④标题使用 <h1> 至 <h6> 标签进行定义
⑤换行符<br>,<hr />标签定义水平线
⑥HTML 注释<!-- This is a comment -->
⑦HTML 会裁掉文本中所有的空格。任何数量的空格都被按一个空格计数。使用 &nbsp;,就可以在文档中增加空格。
⑧头元素包含关于文档的概要信息,也称为元信息(meta-information)。头元素内的元素不会被浏览器显示出来。
⑨HTML标签的属性总是在HTML元素的开始标签中规定。属性值应该始终被包括在引号内。 但当属性值本身就含有双引号,那么您必须使用单引号
⑩HTML 中的脚本使用 <script> 标签进行定义。请注意你可以使用 type 属性来指定脚本语言。为了避免无法识别脚本的浏览器将脚本以文本方式显示在页面上,应该将脚本隐藏在注释标签当中。
⑪如何使用样式

当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:

外部样式表

当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

内部样式表

当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>

</head>

内联样式

当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。

<p style="color: red; margin-left: 20px"
>
This is a paragraph
</p>

⑫HTML标签:

DTD: 指示在哪种 XHTML 1.0 DTD 中允许该标签。S=Strict, T=Transitional, F=Frameset.

标签描述DTD
<!--...--> 定义注释。STF
<!DOCTYPE>  定义文档类型。STF
<a> 定义锚。STF
<abbr> 定义缩写。STF
<acronym> 定义只取首字母的缩写。STF
<address> 定义文档作者或拥有者的联系信息。STF
<applet> 不赞成使用。 定义嵌入的 applet。TF
<area> 定义图像映射内部的区域。STF
<b> 定义粗体字。STF
<base> 定义页面中所有链接的默认地址或默认目标。STF
<basefont> 不赞成使用。 定义页面中文本的默认字体、颜色或尺寸。TF
<bdo> 定义文字方向。STF
<big> 定义大号文本。STF
<blockquote> 定义长的引用。STF
<body> 定义文档的主体。STF
<br> 定义简单的折行。STF
<button> 定义按钮 (push button)。STF
<caption> 定义表格标题。STF
<center> 不赞成使用。 定义居中文本。TF
<cite> 定义引用(citation)。STF
<code> 定义计算机代码文本。STF
<col> 定义表格中一个或多个列的属性值。STF
<colgroup> 定义表格中供格式化的列组。STF
<dd> 定义定义列表中项目的描述。STF
<del> 定义被删除文本。STF
<dir> 不赞成使用。 定义目录列表。TF
<div> 定义文档中的节。STF
<dfn> 定义定义项目。STF
<dl> 定义定义列表。STF
<dt> 定义定义列表中的项目。STF
<em> 定义强调文本。STF
<fieldset> 定义围绕表单中元素的边框。STF
<font> 不赞成使用。 定义文字的字体、尺寸和颜色。TF
<form> 定义供用户输入的 HTML 表单。STF
<frame> 定义框架集的窗口或框架。F
<frameset> 定义框架集。F
<h1> to <h6> 定义 HTML 标题。STF
<head> 定义关于文档的信息。STF
<hr> 定义水平线。STF
<html> 定义 HTML 文档。STF
<i> 定义斜体字。STF
<iframe> 定义内联框架。TF
<img> 定义图像。STF
<input> 定义输入控件。STF
<ins> 定义被插入文本。STF
<isindex>不赞成使用。 定义与文档相关的可搜索索引。TF
<kbd> 定义键盘文本。STF
<label> 定义 input 元素的标注。STF
<legend> 定义 fieldset 元素的标题。STF
<li> 定义列表的项目。STF
<link> 定义文档与外部资源的关系。STF
<map> 定义图像映射。STF
<menu> 不赞成使用。 定义菜单列表。TF
<meta> 定义关于 HTML 文档的元信息。STF
<noframes> 定义针对不支持框架的用户的替代内容。TF
<noscript> 定义针对不支持客户端脚本的用户的替代内容。STF
<object> 定义内嵌对象。STF
<ol> 定义有序列表。STF
<optgroup> 定义选择列表中相关选项的组合。STF
<option> 定义选择列表中的选项。STF
<p> 定义段落。STF
<param> 定义对象的参数。STF
<pre> 定义预格式文本。STF
<q> 定义短的引用。STF
<s> 不赞成使用。 定义加删除线的文本。TF
<samp> 定义计算机代码样本。STF
<script> 定义客户端脚本。STF
<select> 定义选择列表(下拉列表)。STF
<small> 定义小号文本。STF
<span> 定义文档中的节。STF
<strike> 不赞成使用。 定义加删除线文本。TF
<strong> 定义强调文本。STF
<style> 定义文档的样式信息。STF
<sub> 定义下标文本。STF
<sup> 定义上标文本。STF
<table> 定义表格。STF
<tbody> 定义表格中的主体内容。STF
<td> 定义表格中的单元。STF
<textarea> 定义多行的文本输入控件。STF
<tfoot> 定义表格中的表注内容(脚注)。STF
<th> 定义表格中的表头单元格。STF
<thead> 定义表格中的表头内容。STF
<title> 定义文档的标题。STF
<tr> 定义表格中的行。STF
<tt> 定义打字机文本。STF
<u> 不赞成使用。 定义下划线文本。TF
<ul> 定义无序列表。STF
<var> 定义文本的变量部分。STF
<xmp>不赞成使用。 定义预格式文本。 

⑬HTML标准属性

HTML 标签拥有属性。每个标签的特殊属性均被列于每个标签描述之下。这里列出的属性是通用于每个标签的核心属性和语言属性(有个别例外):核心属性

以下标签不提供下面的属性:base、head、html、meta、param、script、style 以及 title 元素。

属性描述
classclass_rule or style_rule元素的类(class)
idid_name元素的某个特定id。
style样式定义内联样式定义。
title提示文本显示于提示工具中的文本。
属性描述
accesskey字符设置访问某元素的键盘快捷键。
tabindex设置某元素的Tab次序。

⑭HTML事件属性

事件处理器的值是一个或一系列以分号隔开的 Javascript 表达式、方法和函数调用,并用引号引起来。当事件发生时,浏览器会执行这些代码。

窗口事件 (Window Events)

仅在 body 和 frameset 元素中有效。

属性描述
onload脚本当文档被载入时执行脚本
onunload脚本当文档被卸下时执行脚本

表单元素事件 (Form Element Events)

仅在表单元素中有效。

属性描述
onchange脚本当元素改变时执行脚本
onsubmit脚本当表单被提交时执行脚本
onreset脚本当表单被重置时执行脚本
onselect脚本当元素被选取时执行脚本
onblur脚本当元素失去焦点时执行脚本
onfocus脚本当元素获得焦点时执行脚本

图像事件 (Image Events)

该属性可用于 img 元素:

属性描述
onabort脚本 当图像加载中断时执行脚本

键盘事件 (Keyboard Events)

在下列元素中无效: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脚本当鼠标按钮被松开时执行脚本

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值