HTML番外篇-部分命令

简介: 部分命令介绍

在HTML中可直接应用的颜色

    Aqua水

fuchsia紫红色


lime石灰


maroon栗色


navy海军蓝


olive橄榄


silver银色


teal蓝绿色


部分命令

<img src=”url” />


<td>表格内容


<tr>表格行


<th>表头


<table border= “1”>


<&nbsp;>空格


<caption>标题


<th colspan="2">占行数


<th colspan="2">占列数


<ul>无序列表


<li>圆点


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


有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。


<hr /> 标签在 HTML 页面中创建水平线


颜色及格式

<html>

<body style="background-color:yellow">

<h2 style="background-color:red">This is a heading</h2>

<p style="background-color:green">This is a paragraph.</p>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

<style>

 span.red {color:red;}

</style>

</head>

<body>

<h1>My <span class="red">Important</span> Heading</h1>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

<style>

.cities {

   background-color:black;

   color:white;

   margin:20px;

   padding:20px;

}

</style>

</head>

<body>

<div class="cities">

<h2>London</h2>

<p>London is the capital city of England.

It is the most populous city in the United Kingdom,

with a metropolitan area of over 13 million inhabitants.</p>

</div>

<div class="cities">

<h2>Paris</h2>

<p>Paris is the capital and most populous city of France.</p>

</div>

<div class="cities">

<h2>Tokyo</h2>

<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,

and the most populous metropolitan area in the world.</p>

</div>

</body>

</html>

id属性

id属性用于为 HTML 元素指定唯一的 id


id属性的值在 HTML 文档中必须是唯一的


CSS 和 JavaScript 可使用id属性来选取元素或设置特定元素的样式


id属性的值区分大小写


id属性还可用于创建 HTML 书签


JavaScript 可以使用getElementById()方法访问拥有特定 id 的元素


通过HTML调用文件

<iframe src=”URL”></iframe>


<iframe src=”demo_iframe.htm” width=”200” height=”200”></iframe>


删除边框


<iframe src=”demo_iframe.htm”frameborder=”0”></iframe>


<samp>元素定义计算机输出示例


<code>元素定义编程代码


(以下部分列表来自W3school)


<code>


定义计算机代码文本


<kbd>


定义键盘文本


<samp>


定义计算机代码示例


<var>


定义变量


<pre>


定义预格式化文本


空格 &nbsp; &#160;


<  小于号 &lt; &#60;


>  大于号 &gt; &#62;


& 和号 &amp; &#38;


" 引号 &quot; &#34;


' 撇号  &apos;  &#39;

¢ 分(cent) &cent; &#162;

HTML中支持的数学符号


&#8704;


&forall;


FOR ALL



&#8706;


&part;


PARTIAL DIFFERENTIAL



&#8707;


&exist;


THERE EXISTS



&#8709;


&empty;


EMPTY SETS



&#8711;


&nabla;


NABLA



&#8712;


&isin;


ELEMENT OF



&#8713;


&notin;


NOT AN ELEMENT OF



&#8715;


&ni;


CONTAINS AS MEMBER



&#8719;


&prod;


N-ARY PRODUCT



&#8721;


&sum;


N-ARY SUMMATION


目录
相关文章
超帅的主页命令滚动HTML源码
超帅的主页命令滚动HTML源码,超级好看的!作为网站跳转页还是挺不错的! 仅KB大小,喜欢的老铁可以下载收藏!
105 1
超帅的主页命令滚动HTML源码
|
JavaScript
在html中展示命令执行日志
有些时候需要把命令行程序的日志在页面中展示,比如这种场景。通常日志里可能含有进度的展示,比如curl的输出,这种展示依赖于r这种控制字符来起作用。遗憾的是如果直接作为html来输出,r会被当作换行,导致进度变成了无数行,比如这里的样子(虽然可能也不是大问题)。
1162 0
|
SQL 数据库 数据库管理
SQLite 命令(http://www.w3cschool.cc/sqlite/sqlite-commands.html)
SQLite 命令 本章将向您讲解 SQLite 编程人员所使用的简单却有用的命令。些命令被称为 SQLite 的点命令,这些命令的不同之处在于它们不以分号(;)结束。 让我们在命令提示符下键入一个简单的 sqlite3 命令,在 SQLite 命令提示符下,您可以使用各种 SQLite 命令。 $sqlite3 SQLite version 3.3.6 Enter "
1218 0
|
18天前
|
移动开发 前端开发 JavaScript
征信报告修改器,征信报告生成器,制作软件无痕修改软件【js+html+css】
本项目为信用评分模拟器教学工具,采用HTML5实现,仅供学习参考。核心功能通过JavaScript构建,包含虚拟数据生成、权重分配及信用因素分析(如还款记录、信用使用率等)。
|
18天前
|
存储 自然语言处理 前端开发
抖音快手小红书虚拟评论截图生成器,模拟对话制作工具,html+js+css
这是一款纯前端实现的多平台虚拟评论生成器,支持抖音、快手、小红书风格,适用于产品演示与UI设计。采用Vanilla JS与Flexbox布局,利用IndexedDB存储数据,CSS Variables切换主题。
|
18天前
|
前端开发 JavaScript
个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成
|
18天前
|
存储 前端开发 安全
病历单生成器在线制作,病历单生成器app,HTML+CSS+JS恶搞工具
本项目为医疗病历模拟生成器,旨在为医学教学和软件开发测试提供数据支持,严格遵守《医疗机构病历管理规定》。
|
18天前
|
存储 前端开发 JavaScript
仿真银行app下载安装, 银行卡虚拟余额制作app,用html+css+js实现逼真娱乐工具
这是一个简单的银行账户模拟器项目,用于学习前端开发基础。用户可进行存款、取款操作,所有数据存储于浏览器内存中

热门文章

最新文章