HTML学习总结（4）——表格/块/内联元素/iframe/颜色/脚本/实体

HTML列表

HTML无序列表

HTML 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。<ul> 标签定义无序列表。将 <ul>标签与<li>标签一起使用，创建无序列表。

<ul><li>语文</li><li>数学</li><li>英语</li>
</ul>

HTML有序列表

有序列表也是一列项目，列表项目使用数字进行标记。<ol> 标签定义了一个有序列表，列表排序以数字来显示。使用 <li>标签来定义列表选项。

<ol><li>语文</li><li>数学</li><li>英语</li>
</ol>

HTML自定义列表

自定义列表以 <dl>标签开始。每个自定义列表项以 <dt>开始。每个自定义列表项的描述以<dd> 开始。

<dl><dt>第一题</dt><dd>选A</dd><dt>第二题</dt><dd>选C</dd>
</dl>

HTML块级元素

HTML 区块元素

块级元素在浏览器显示时，通常会以新行来开始（和结束）。例如： <div>, <h1>, <p>, <ul>, <table> 元素。

`<div>`元素

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

<div style="color:rgb(75, 53, 196)"><h1>块标题</h1><p>块段落</p>
</div>

HTML内联元素

HTML 内联元素

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

`<span>`元素

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

    <p>我的哥哥有 <span style="color:0000FF;font-weight:bold">蓝色</span> 的球鞋，我的姐姐有 <span style="color:FF0000;font-weight:bold">红色</span> 的球鞋。</p>

`<iframe>`标签

通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。
标签规定一个内联框架。
一个内联框架被用来在当前 HTML文档中嵌入另一个文档。
height 和 width 属性用来定义标签的高度与宽度。属性默认以 px（像素）为单位，但是你可以指定其按比例显示 (如：“80%”)。
frameborder 属性用于定义是否显示边框。frameborder 属性默认值为“1”，表示开启边框。设置 frameborder 属性值为 “0” ，则表示移除的边框。

    <iframe src="https://www.csdn.net" width="60%" height="50%" ></iframe>

HTML颜色

HTML 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。

HTML脚本标签

向 HTML 添加脚本，使HTML 页面具有更强的动态性和交互性。

<script>定义了客户端脚本
<script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。JavaScript 最常用于图片操作、表单验证以及内容动态更新。
<noscript>定义了不支持脚本浏览器输出的文本
<noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。<noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。只有在浏览器不支持脚本或者禁用脚本时，才会显示 <noscript>元素中的内容。

HTML实体

在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体。一些在键盘上找不到的字符也可以使用字符实体来替换。实体名称对大小写敏感

HTML学习总结（4）——表格/块/内联元素/iframe/颜色/脚本/实体相关推荐

CSS第五天（网格布局、内联框架 iframe、常用实体、画布Canvas 和 SVG、媒体）
一.网格布局 (一).display 属性 display: grid;或者 display:inline-grid 表示网格布局 (二).grid-template-columns/-rows 属 ...
HTML(0)-内联元素和块级元素
现在我在某家公司实习,项目总监兼技术总监让我们几个开发者,对他之前的项目进行修改和美化UI,我们主要负责前端的界面优化.由于我个人的专业关系(GIS),特地给我加了一个任务对首页的map地图进行完善. ...
html中table是块元素吗,列表及表格（块元素，内联元素）
## 列表 **ul**无序列表.**ol**有序列表.**dl**自定义列表 ~~~ ul{ //样式重置,去除ul中的样式(内容前边的图形) list-style: none; } }这两个标签往 ...
CSS文档流与块级元素和内联元素
文档流将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流. 每个非浮动块级元素都独占一行, 浮动元素则按规定浮在行的一端. 若当前行容不下, 则另起新行再浮动. 内联元素也不 ...
html中内联元素和块元素的区别、用法以及联系
昨天用asp.net的BulletedList做一个导航栏,最终该控件形成的html代码是ul列表和a超链接,具体代码如下: <ul id="BulletedList1" s ...
块级元素与行级元素（内联元素）
内联元素(inline element)一般都是基于语义级(semantic)的基本元素.内联元素只能容纳文本或者其他内联元素,常见内联元素"a".块元素(block elemen ...
浅谈块级元素和内联元素的嵌套规则
1. 替换和不可替换元素从元素本身的特点来讲,可以分为替换和不可替换元素. a) 替换元素替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容. 例如浏览器会根据<img> ...
html中内联元素和块级元素的区别（整理版）
块级元素和内联元素的主要区别块级元素内联元素(即行内元素) 总是在新行上开始,独占一行默认情况下,宽度自动填满其父元素相邻的行内元素会排列再同一行里,直到一行排不下,才会换行,宽度随元素的内容而 ...
CSS块级元素、内联元素概念
CSS文档流与块级元素(block).内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的<CSS权威指南>, ...
CSS的块级元素和内联元素，以及float
说明:之前有一点搞错了,就是float其实是浮动起来,其它元素会位于它的底层. 最近在系统地学习HTML5,感觉补上了好多缺失的知识. 例如: 锚点定位其实可以通过 id 来实现: CSS 使用 !i ...

HTML学习总结（4）——表格/块/内联元素/iframe/颜色/脚本/实体

HTML列表

HTML无序列表

HTML有序列表

HTML自定义列表

HTML块级元素

HTML 区块元素

`<div>`元素

HTML内联元素

HTML 内联元素

`<span>`元素

`<iframe>`标签

HTML颜色

HTML脚本标签

HTML实体

HTML学习总结（4）——表格/块/内联元素/iframe/颜色/脚本/实体相关推荐

最新文章

热门文章

HTML学习总结（4）——表格/块/内联元素/iframe/颜色/脚本/实体

HTML列表

HTML无序列表

HTML有序列表

HTML自定义列表

HTML块级元素

HTML 区块元素

<div>元素

HTML内联元素

HTML 内联元素

<span>元素

<iframe>标签

HTML颜色

HTML脚本标签

HTML实体

HTML学习总结（4）——表格/块/内联元素/iframe/颜色/脚本/实体相关推荐

最新文章

热门文章

`<div>`元素

`<span>`元素

`<iframe>`标签