HTML知识点汇总
HTML基础知识
HTML简介
HTML(Hypertext Markup Language),超文本标记语言,HTML利用各种标记来标识文档的结构以及标识超链接的信息。它是从SGML(Standard Generalized Markup Language,标准通用标识语言)中的一个子集演变而来的。
HTML的标记组成
HTML用于描述功能的符号称为“标记”。标记在使用时必须用尖括号“<>”括起来,而且是成对出现的,无斜杠的标记表示该标记的作用开始,有斜杠的标记表示该标记的作用结束。如<body></body>、<p></p>等
单标记:有些标记能完整的表达标记里的意思,只须在尖括号中输入标记名即可,这类标记叫单标记。XHTML中要求单标记也必须闭合,即在标记“>”前添加斜杠。常见的单标记如<br />、<hr />等。
双标记:双标记有头有尾,且前面的标记与后面的标记保持一致,但在后面的标记前有斜线,语法形如:<标记>内容</标记>。例如:<p>段落</p>
XHTML要求所有标记均为小写,且所有标记属性必须添加双引号
标记对不能交叉
HTML基本结构
<html>
<head>
<title>网页标题</title>
</head>
<body>
<!--下面是网页的正文-->
</body>
</html>
<title>标记对不能放在<body>标记对中,同理,其它表示内容的标记也不能放在<head>标记对中
<html></html>表示HTML语言,在<html></html>里面包含头部(<head></head>)和内容体(<body></body>)。
HTML注释表示为<!--注释内容-->
文字与图像
设置文字字体、大小与颜色
语法:<font face=”宋体” size=”1” color=”red”>文字</font>
设置文字的字体、大小、颜色需要使用<font>标签
Face属性设置文字字体,多种字体用逗号隔开
Size属性设置文字大小
Color属性设置文字颜色,参数值可以是RGB颜色值,如#000000,也可以用颜色的单词表示,如red
设置正文的标题
语法:<h#>主题文字</h#>,其中“#”代表数字1-6中的任意一个,从数字1到数字6,标题大小排列由大到小(数字越大,标题字号就越小)。
设置段落
语法:<p>这里表示段落</p>
强制换行与不换行
强制换行:<br />
强制不换行:<nobr />
字体标记
物理字体
<b>…</b> 设置成粗体<i>…</i> 设置成斜体
<u>…</u> 增加下划线<s>…</s> 增加删除线
<sup>…</sup> 设置成上标字体<sub>…</sub> 设置成下标字体
<tt>…</tt> 设置成打字机字体
逻辑字体
<em>…</em> 强调文字<strong>…</strong> 字体加重
<code>…</code> 显示编程代码<samp>…</samp> 显示救命文字
<kbd>…</kbd> 显示键盘按键文字<small>…</small> 缩小文字
<big>…</big> 放大文字
文字对齐
文字对齐使用标签的align属性,例如:<p align=”#”>对齐文字</p>,其中“#”代码表示方位,可选择”left”(向左)、”right”(向右)、”center”(居中)。Align属性可用于<p>、<div>、<table>、<td>等标签。
居中对齐可使用<center>标签,例如:<center>居中文字</center>
列表
无序列表
<ul type=”#”>
<li>表项一</li>
<li>表项二</li>
</ul>
Type=”#”取值可为disc(默认,实心黑点)、square(实心黑方块)、circle(空心圆)
有序列表
<ol type=”#”>
<li>表项一</li>
<li>表项二</li>
</ol>
Type=”#”取值可为A、a、I、i、1等
定义列表
<dl>
<dt>项目</dt>
<dd>描述一</dd>
<dd>描述二</dd>
</dl>
<dt>标签定义了定义列表中的项目,<dd>标签在定义列表中定义条目的定义部分,可以理解为对定义条目进行特征描述。
无序列表、有序列表、定义列表间可以相互嵌套,但一定要注意嵌套时不能交叉
其它方式修饰文本
欲格式化文本:<pre>…</pre>
代码样式斜体字渲染:<var>…</var>
表示它所包含的文本对某个参考文献的引用:<cite>…</ci
HTML知识点汇总 来自淘豆网m.daumloan.com转载请标明出处.
