html 记录_在线html文本记录-优快云博客

HTML，超文本标记语言。

下面记录一下一些标记。

<!DOCTYPE html>
<html>
<head>
	<title>First</title>
	<meta charset="utf-8">
</head>
<body>

</body>
</html>

以上第一行，表示该文档是html 的文档

html 是不区分大小写的。

所有内容放在<html> </html>之间。

注释：

标题标签：

        <h1>标题</h1>
	<h2>标题</h2>
	<h3>标题</h3>
	<h4>标题</h4>
	<h5>标题</h5>
	<h6>标题</h6>

段落标签：

对齐属性

左对齐，居中对齐，右对齐，扩展对齐：

        <p align="left">这是一个段落</p>
	<p align="center">这是一个段落</p>
	<p align="right">这是一个段落</p>
	<p align="justify">这是一个段落</p>

换行标签：

空格符号：  编辑器中，手工输入空格是不会显示空格的。

水平线标签：

<hr/>

属性：

width: 设置水平线宽度，可以像素或百分比；

color: 设置水平线颜色；

align: 设置水平线居中对齐；

noshade: 设置水平线无阴影。

示例：

    <hr width="80%" color="#666666" align="left" />

修饰标签

文字和段落：

文字斜体： ,

加粗： ,

下标:

上标:

下划线: <ins> </ins>

删除线：<del> </del>

特殊符号：

列表标签

三种：无序列表，有序列表，定义列表标签。

（1）无序列表

	<ul>
		<li>第一行</li>
		<li>第二行</li>
		<li>第三行</li>
	</ul>

(2) 有序列表

	<ol>
		<li>第一行</li>
		<li>第二行</li>
		<li>第三行</li>
	</ol>

（3）定义列表

	<dl>
		<dt>列表项目</dt>
		<dd>项目描述1</dd>
		<dd>项目描述2</dd>
	</dl>

图像和超链接

图像

语法：

	<img src="a.JPG" alt="一张测试图片">

	<img src="a.JPG" alt="一张测试图片" width="50px" height="80px">
	<img src="a.JPG" alt="一张测试图片" width="50%" height="60%">

超链接

语法：

	<a href="1.html"> <img src="a.JPG" alt="一张测试图片"> </a>
	<a href="https://www.xxx.com/">要打开xxx吗？</a>

空链接（不知道链接地址，但想要链接效果）

	<a href="#">要打开xxx吗？</a>

	<a href="1.html" target="_self" title="open a page in here"> <img src="a.JPG" alt="一张测试图片"> </a>
	<a href="1.html" target="_blank" title="open a page in other place"> <img src="a.JPG" alt="一张测试图片"> </a>

锚链接

	<a href="#first">段落一</a> |
<br/>
	 <h5>段落一</h5> </a>
	 <a href="1.html" target="_self" title="open a page in here" name="first"> <img src="a.JPG" alt="一张测试图片"> </a>

或者：

	<a href="#first">段落一</a> |
<br/>
	 <a name="first"></a><h5>段落一</h5> </a>

	<a href="mailto:邮件地址">反馈意见</a>

文件下载

href值为文件具体位置，则对应下载该文件。