初探

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言，而是一种 标记语言 (markup language)

以上MD写法

1 2	* HTML 指的是超文本标记语言 (Hyper Text Markup Language) * HTML 不是一种编程语言，而是一种标记语言 (markup language)

以上HTML写法

<ul>
  <li>HTML 指的是超文本标记语言 (<b>H</b>yper
    <span>&nbsp;</span><b>T</b>ext
    <span>&nbsp;</span><b>M</b>arkup
    <span>&nbsp;</span><b>L</b>anguage)</li>
  <li>HTML 不是一种编程语言，而是一种
    <em>标记语言</em>
    <span>&nbsp;</span>(markup language)</li>
</ul>

<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题(h后面的数字表示第几级标签)
<p> 与 </p> 之间的文本被显示为段落，浏览器会自动地在段落的前后添加空行。（<p> 是块级元素）
1
<a href="https://dyinjin.github.io/">This is my link</a>

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

1	<img src="test.jpg" width="104" height="142" />

HTML 图像是通过 <img> 标签进行定义的(同级目录开始)

一般的元素标签都应该有头有尾，但也有本身不需要中间内容的空标签如：<br> 标签定义换行(可用在同段落中换行)，则一般建议写为<br />（还有<hr /> 标签在 HTML 页面中创建水平线。）

HTML 标签对大小写不敏感，而万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。

1	<!--这是一段注释-->

同样类似（css中可使用）
/* 这是一段注释 */

当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。

h1标题标签的注意

请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。
搜索引擎使用标题为您的网页的结构和内容编制索引。
因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。

属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现，比如：name=”value”。

1
2
3

<body bgcolor="yellow">
<h2>改背景颜色</h2>
</body>

注：background-color 属性为元素定义了背景颜色：<body style=”background-color:yellow”></body>此style 属性淘汰了“旧的” bgcolor 属性。

属性总是在 HTML 元素的开始标签中规定。
属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。
在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：<pre>name=’Bill “HelloWorld” Gates’</pre>
| 属性 | 值 | 描述 |
| — | — | — |
| class | classname | 规定元素的类名（classname） |
| id | id | 规定元素的唯一 id |
| style | style_definition | 规定元素的行内样式（inline style） |
| title | text | 规定元素的额外信息（可在工具提示中显示） |

style属性

提供了一种改变所有 HTML 元素的样式的通用方法。
样式是 HTML 4 引入的，它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式，能够通过使用 style 属性直接将样式添加到 HTML 元素，或者间接地在独立的样式表中（CSS 文件）进行定义。
而某些标签和属性建议用同样效果的样式代替：

1 2	<p style="font-family:arial;color:red;font-size:20px;">A red paragraph.</p> <p><font size="5" face="arial" color="red">A red paragraph.</font></p>

1 2	<h1 style="text-align:center">This is a center</h1> <h1 align="center">This is center 1</h1>

颜色

仅仅有 16 种颜色名被 W3C 的 HTML4.0 标准所支持。它们是：aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。如果需要使用其它的颜色，需要使用十六进制的颜色值。

HTML与CSS

如何使用样式？
当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表：

外部样式表

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

1
2
3

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

内部样式表

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

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

内联样式

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

1
2
3

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

暂时抄记这么多

岛屿尽

HTML简单速成

初探

标签

基础