HTML笔记：【1】

发布时间：2023-09-06 01:07责任编辑：苏小强关键词：HTML

---恢复内容开始---

首先是HTML的解释：

标签则通常是成对出现的、由尖括号包围的关键词，其中第一个标签是开始标签，第二个标签是结束标签， <b>和</b>

以下按照W3C上HTML教程顺序总结

元素：指从开始标签（start tag）到结束标签（end tag）的所有代码

属性：HTML标签可以拥有属性，为有关HTML元素提供更多信息，常以名称/值对的形式出现，总是在HTML元素的开始标签中规定，注意：属性值始终被包括在引号内，且大小写不敏感

下面介绍常见元素和定义

标题：<h1> - <h6> ，尺寸依次减小
水平线：<hr/>，创建水平线
注释：
段落：<p></p>（<p>块级元素)，定义段落
样式：style，该属性提供了一种改变所有HTML元素的样式的通用方法
引用：<q>元素定义短的引用
条件注释：
CSS样式：当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化，有一下三种方式：
- - 外部样式表：当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。
    - <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 使用超级链接与网络上的另一个文档相连，通过<a>标签创建，有两种用法：
- - 通过使用 href 属性 - 创建指向另一个文档的链接
```
<a href="url">Link text</a>
```
    href属性规定链接的目标
  - 通过使用 name 属性 - 创建文档内的书签
```
<a name="label">锚（显示在页面上的文本）</a>
```
图像：图像标签<img>和源属性src，只含属性，没有闭标签
```
<img src="url" />
```
表格：表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容
列表：
块：可以通过 <div> 和 <span> 将 HTML 元素组合起来
- - <div>元素是块级元素，没有特定含义，与CSS一同使用，可用于对大的内容块设置样式属性。
  - HTML <span> 元素是内联元素，可用作文本的容器。<span> 元素也没有特定的含义。当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。
类：对 HTML 进行分类（设置类），使我们能够为元素的类定义 CSS 样式。
　　为相同的类设置相同的样式，或者为不同的类设置不同的样式。
响应式Web设计？
- - RWD 指的是响应式 Web 设计（Responsive Web Design）
  - RWD 能够以可变尺寸传递网页
  - RWD 对于平板和移动设备是必需的

<iframe>：该标签用于在网页内显示网页

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

脚本：<script> 标签用于定义客户端脚本，比如 JavaScript。
　　script 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。
　　必需的 type 属性规定脚本的 MIME 类型。
　　JavaScript 最常用于图片操作、表单验证以及内容动态更新。
头部元素：<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。
　　　　　以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>
- - <title>：定义文档的标题　　
  - <base>：为页面上的所有链接规定默认地址或默认目标（target）
  - <link>：定义文档与外部资源之间的关系，常用于连接样式表
```
<head><link rel="stylesheet" type="text/css" href="mystyle.css" /></head>
```
  - <style>：用于为 HTML 文档定义样式信息，可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式：
```
<head><style type="text/css">body {background-color:yellow}p {color:blue}</style></head>
```
  - <meta>：元数据（metadata）是关于数据的信息。
    　　　　<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。
    　　　　典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
    　　　　<meta> 标签始终位于 head 元素中。
    　　　　元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。

---恢复内容结束---

HTML笔记：【1】

原文地址：http://www.cnblogs.com/Junda/p/7643829.html

HTML笔记：【1】

知识推荐