HTML入门

1、HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的

<h1> 定义最大的标题。<h6> 定义最小的标题。

2、HTML 段落是通过 <p> 标签进行定义的

3、HTML 链接是通过 <a> 标签进行定义的

4、HTML 图像是通过 <img> 标签进行定义的

5、HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码

6、元素语法

HTML 元素以开始标签起始

HTML 元素以结束标签终止

元素的内容是开始标签与结束标签之间的内容

某些 HTML 元素具有空元素

空元素在开始标签中进行关闭(以开始标签的结束而结束)

大多数 HTML 元素可拥有属性

7、HTML属性

HTML属性为元素提供附加信息

HTML 标签可以拥有属性,属性提供了有关 HTML 元素的更多的信息。

属性总是以名称/值对的形式出现

属性总是在 HTML 元素的开始标签中规定。

8、HTML水平线

<hr /> 标签在 HTML 页面中创建水平线。

hr 元素可用于分隔内容。

9、HTML注释

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要。

实例:<!-- This is a comment -->

10、HTML折行

如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签

<br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。

11、HTML文本格式化

文本格式化标签

<b>

定义粗体文本

<big>

定义大号字

<em>

定义着重文字

<i>

定义斜体字

<small>

定义小号字

<strong>

定义加重语气

<sub>

定义下标字

<sup>

定义上标字

<ins>

定义插入字

<del>

定义删除字

12、计算机输出标签

<code>

定义计算机代码

<kbd>

定义键盘码

<samp>

定义计算机代码样本

<tt>

定义打字机代码

<var>

定义变量

<pre>

定义预格式文本

13、引用和术语定义

<abbr>

定义缩写

<acronym>

定义首字母缩写

<address>

定义地址

<bdo>

定义文字方向

<blockuote>

定义长的引用

<q>

定义短的引用

<cite>

定义引用,引证

<dfn>

定义一个定义项目

14、HTML链接

HTML 使用超级链接与网络上的另一个文档相连。

几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

HTML 链接语法

链接的 HTML 代码很简单。它类似这样:

<a href="url">Link text</a>

href 属性规定链接的目标。

开始标签和结束标签之间的文字被作为超级链接来显示。

15、HTML超链接(链接)

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

我们通过使用 <a> 标签在 HTML 中创建链接。

有两种使用 <a> 标签的方式:

通过使用 href 属性 - 创建指向另一个文档的链接

通过使用 name 属性 - 创建文档内的书签

16、HTML 链接 - target 属性

使用 Target 属性,你可以定义被链接的文档在何处显示。

17、HTML 链接 - name 属性

name 属性规定锚(anchor)的名称。

您可以使用 name 属性创建 HTML 页面中的书签。

书签不会以任何特殊方式显示,它对读者是不可见的。

当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

命名锚的语法:

<a name="label">锚(显示在页面上的文本)</a>

18、图像标签(<img>)和源属性(Src)

在 HTML 中,图像由 <img> 标签定义。

<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。

要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。

定义图像的语法是:

<img src="url" />

19、图像标签

<img>

定义图像

<map>

定义图像地图

<area>

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

20、HTML表格

表格由 <table> 标签来定义

每个表格均有若干行(由 <tr> 标签定义)

每行被分割为若干单元格(由 <td> 标签定义)

字母 td 指表格数据(table data),即数据单元格的内容

数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等

表格的表头使用 <th> 标签进行定义。

21、表格标签

<table>

定义表格

<caption>

定义表格标题

<th>

定义表格的表头

<tr>

定义表格的行

<td>

定义表格单元

<thead>

定义表格的页眉

<tbody>

定义表格的主体

<tfoot>

定义表格的页脚

<col>

定义用于表格列的属性

<colgroup>

定义表格列的组

22、HTML列表

无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记

无序列表始于 <ul> 标签。每个列表项始于 <li>

有序列表

有序列表也是一列项目,列表项目使用数字进行标记。

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

定义列表

自定义列表不仅仅是一列项目,而是项目及其注释的组合。

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

23、列表标签

<ol>

定义有序列表

<ul>

定义无序列表

<li>

定义列表项

<dl>

定义定义列表

<dt>

定义定义项目

<dd>

定义定义的描述

24、HTML <div> 和 <span>

可以通过 <div> 和 <span> 将 HTML 元素组合起来

HTML <div> 元素

HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器

<div> 元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行

如果与 CSS 一同使用,<div> 元素可用于对大的内容块设置样式属性

<div> 元素的另一个常见的用途是文档布局

它取代了使用表格定义布局的老式方法

使用 <table> 元素进行文档布局不是表格的正确用法

<table> 元素的作用是显示表格化的数据

HTML <span> 元素

HTML <span> 元素是内联元素,可用作文本的容器

<span> 元素也没有特定的含义

当与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性

25、HTML 表单和输入

表单

表单是一个包含表单元素的区域

表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素

表单使用表单标签(<form>)定义

输入

多数情况下被用到的表单标签是输入标签(<input>)

输入类型是由类型属性(type)定义的

26、表单标签

<form>

定义供用户输入的表单

<input>

定义输入域

<textarea>

定义文本域 (一个多行的输入控件)

<label>

定义一个控制的标签

<fieldset>

定义域

<legend>

定义域的标题

<select>

定义一个选择列表

<optgroup>

定义选项组

<option>

定义下拉列表中的选项

<button>

定义一个按钮

27、HTML框架

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面

每份HTML文档称为一个框架,并且每个框架都独立于其他的框架

使用框架的坏处:

开发人员必须同时跟踪更多的HTML文档

很难打印整张页面

框架标签(Frame)

Frame 标签定义了放置在每个框架中的 HTML 文档

28、HTML内联框架(Iframe)

添加 iframe 的语法

<iframe src="URL"></iframe>

URL 指向隔离页面的位置

Iframe - 设置高度和宽度

height 和 width 属性用于规定 iframe 的高度和宽度

属性值的默认单位是像素,但也可以用百分比来设定(比如 "80%")

Iframe - 删除边框

frameborder 属性规定是否显示 iframe 周围的边框

设置属性值为 "0" 就可以移除边框

使用 iframe 作为链接的目标

iframe 可用作链接的目标(target)

链接的 target 属性必须引用 iframe 的 name 属性

29、HTML背景

背景(Backgrounds)

<body> 拥有两个配置背景的标签

背景可以是颜色或者图像

背景颜色(Bgcolor)

背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名

30、HTML颜色

颜色由红色、绿色、蓝色混合而成

颜色值

颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)

每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值