前端入门学习笔记（五）HTML入门（四） 元素类型、颜色、框架

元素类型

区块元素

大多数 HTML 元素被定义为块级元素或内联元素。
块级元素在浏览器显示时，通常会以新行来开始（和结束）。
例如: <h1>, <p>, <ul>, <table> 等。

内联元素

内联元素在显示时通常不会以新行开始。 例如: <b>, <td>, <a>, <img> 等。

<div> 元素

HTML <div> 元素是块级元素，它可用于组合其他 HTML 元素的容器。 <div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。 如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。

<span> 元素

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

<span> 元素也没有特定的含义。
当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。

颜色

HTML颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。
种颜色的最小值是0（十六进制：#000）。最大值是255（十六进制：#FFF）。

可用三种方式进行设置

<p style="background-color:#FFFF00">
通过十六进制设置背景颜色
</p>

<p style="background-color:rgb(255,255,0)">
通过 rgb 值设置背景颜色
</p>

<p style="background-color:yellow">
通过颜色名设置背景颜色
</p>

框架

<iframe> 标签规定一个内联框架（网页）。height 和 width 属性用来定义 iframe 标签的高度与宽度。

属性默认以像素为单位，但是你可以指定其按比例显示 (如：“90%”)。

<iframe src="https://www.baidu.com/" width="200" height="1000"></iframe>

<iframe src="https://www.baidu.com/" width="1000" height="1000"></iframe>