HTML知识点总结

来源：互联网发布：域名怎么解析到空间编辑：程序博客网时间：2024/04/30 10:37

1.HTML 基本文档

<!DOCTYP html>

<html>

<base> 标签描述了基本的链接地址(默认）

<head>

</head>

</html>

2.基本标签

<h1>最大的标题</h1>

<h6>最小的标题</h6>

<p>这是一个段落。</p>

<br> （换行）

<hr> （水平线）

3.文本格式化

<code>计算机代码</code>

<pre>预格式化文本</pre>

<small>更小的文本</small>

<strong>重要的文本</strong>

<abbr> （缩写）

<address> （联系信息）

<bdo> （文字方向）

<blockquote> （从另一个源引用的部分）

<cite> （工作的名称）

<del> （删除的文本）

<ins> （插入的文本）

<sub> （下标文本）

<sup> （上标文本）

4.链接

普通的链接：<a href="http://www.example.com/">链接文本</a>

图像链接：<a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>

邮件链接：<a href="mailto:webmaster@example.com">发送e-mail</a>

书签：<a id="tips">提示部分</a>

<a href="#tips">跳到提示部分</a>

target属性：可以定义被链接的文档在何处显示

_blank定义为在新窗口中打开

_self 在自身窗口中打开（默认值）

_parent 在上一级窗口中打开

_top 在浏览器整个窗口中打开

内部链接：同一个站点内外部链接：不在同一个站点内

跳转到某个网页的某个位置：<a href=”相关网页.html#锚点名称”>要加链接的文字</a>

脚本链接：当点击脚本链接的文本或者图像时，可以运行相应的JavaScript语句

例如：<a href=javascript:window.open(“http://www.163.com”)>新浪</a>

5.图片

<map>定义图像地图

<area>定义图像地图中的可点击区域

6.样式/区块

h1 {color:red;}

p {color:blue;}

</style>

<div>文档中的块级元素</div>

<span>文档中的内联元素</span>

7.无序列表

<ul>

</ul>

8.有序列表

<ol>

</ol>

9.定义列表

<dl>

</dl>

10.表格

<tr>

</tr>

<tr>

</tr>

</table>

cellpadding:单元格边框与内部内容之间空间的大小，默认为2

cellspacing:单元格与单元格之间间距的大小，默认为2

align:表格的对齐方式

rowspan:行合并数

colspan:列合并的数目

<tr valign=””>垂直的对齐方式

当<td></td>之间没有内容时，默认是不显示边框的。如果要显示边框，加一个&nbsp

<caption>定义表格标题

<thead>定义表格的页眉

<tbody>定义表格的主体

11.框架

例如：

12.表单

</select>

</textarea>

</form>

<fieldset>定义了一组相关的表单元素，并使用外框包含起来

<legend>定义了<fieldset>元素的标题

<optgroup>定义选项组

<output>定义一个计算结果

<datalist>指定一个预先定义的输入控件选项列表

例如：
<form action="demo-form.php" method="get">
<input list="browsers" name="browser">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
<input type="submit">

</form>

13.实体

如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。

< 等同于<

> 等同于 >

 等同于空格

&等同于&

"等同于"

1.HTML区块元素

块级元素在浏览器显示时，通常会以新行来开始（和结束）。

实例: <h1>, <p>, <ul>, <table>

2.HTML 内联元素

内联元素在显示时通常不会以新行开始。

实例: <b>, <td>, <a>, <img>

3.URL - 统一资源定位器

scheme://host.domain:port/path/filename

说明:

scheme - 定义因特网服务的类型。最常见的类型是 http
host - 定义域主机（http 的默认主机是 www）
domain - 定义因特网域名，比如 baidu.com
:port - 定义主机上的端口号（http 的默认端口号是 80）
path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
filename - 定义文档/资源的名称

0 0