前端入门学习笔记(五)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>

猜你喜欢

转载自blog.csdn.net/TUTsmile/article/details/81502531