HTML知识整理

一，概念：

HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm。

二，html简单的标签：

1.标题标签：

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

注：每个标签会占据一行，标签之间有间隙。

2.段落标签：

<p>.......</p>

3.通用块容器标签：

<div>这是一个div元素</div>
<div>这是第二个div元素</div>
<div>
    <h3>自我介绍</h3>

         <p>.......</p>

</div>

三，非块元素标签

1.图片标签，在网页中插入图片

<img src="images/pic.jpg" alt="图片" />
<img src="http://www.xxx.com/xxx.jpg" alt="图片" />

2.超链接标签：

<a href="02.html">第二个网页</a>
<a href="http://www.baidu.com">百度网</a>
<a href="http://www.baidu.com"><img src="images/logo.png" alt="logo"></a>

3.span标签：

<p>这是一个段落文字，段落文字中有<span>特殊标志或样式</span>的文字</p>

4.换行标签：<br>

<p>这是一行文字，<br>这是一行文字</p>

四，常用html字符实体：

“<” 和 “>” 的字符实体为 &lt; 和 &gt;

在段落前想缩进两个文字的空格，使用空格的字符实体： 

五，常用的关键字：

width:宽

height: 高

background-color: 背景颜色

border 边框  10px solid blue  

Padding: 内边距增加的标签的大小在上右下左增加距离

Margin 外边距当前标签和外部标签的距离

浮动: float:left  right

在使用的时候一行内所有标签要全部浮动

 

color: red;

/*16px 一般是浏览器的默认大小*/

font-size: 20px;

/*加粗 默认是normal*/

font-weight:bold;

/*italic 斜体 默认normal*/

font-style:italic;

/*行高可以增加每行之间的间隙*/

line-height:30px;

/*下划线*/

text-decoration:underline;

line-height:行高  文字的行高是大于文字大小,具体多大取决于浏览器

六，html中常用的快捷键：

<!--

复制一行 alt + shift + 上/下

删除一行 ctrl shift +k

上下移动一行 alt + 上/下

格式化代码 alt shift + f

下面开启新的一行 ctrl+回车

上面开启新的一行 ctrl+shift+回车

-->