AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

HTML番外篇-部分命令

2022-10-09 82
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 部分命令介绍

在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


文章标签：
JavaScript
前端开发
关键词：
HTML命令
Hong_zh0
目录
相关文章
疯狂的猿
|
6月前
超帅的主页命令滚动HTML源码
超帅的主页命令滚动HTML源码,超级好看的！作为网站跳转页还是挺不错的！ 仅KB大小，喜欢的老铁可以下载收藏！
疯狂的猿
64 1
超帅的主页命令滚动HTML源码
叶庭云
|
JavaScript
gitbook新版本“gitbook build“命令导出的html不能跳转的解决办法
gitbook build“命令导出的html不能跳转
叶庭云
361 0
idealities
在html中展示命令执行日志
有些时候需要把命令行程序的日志在页面中展示，比如这种场景。通常日志里可能含有进度的展示，比如curl的输出，这种展示依赖于r这种控制字符来起作用。遗憾的是如果直接作为html来输出，r会被当作换行，导致进度变成了无数行，比如这里的样子（虽然可能也不是大问题）。
idealities
1108 0
科技小能手
|
Web App开发 Linux Shell
Linux 下从命令行打开pdf文件和html文件的命令
科技小能手
5186 0
涂作权
|
SQL 数据库 数据库管理
SQLite 命令(http://www.w3cschool.cc/sqlite/sqlite-commands.html)
SQLite 命令 本章将向您讲解 SQLite 编程人员所使用的简单却有用的命令。些命令被称为 SQLite 的点命令，这些命令的不同之处在于它们不以分号（;）结束。 让我们在命令提示符下键入一个简单的 sqlite3 命令，在 SQLite 命令提示符下，您可以使用各种 SQLite 命令。 $sqlite3 SQLite version 3.3.6 Enter "
涂作权
1192 0
二二*一一
|
10天前
|
前端开发
如何利用 HTML 和 CSS 实现椭圆形布局，并在椭圆形路径上渲染可点击座位？
html 的椭圆形布局实现
二二*一一
33 1
进步`于辰
|
13天前
|
移动开发 前端开发 JavaScript
[HTML、CSS]细节与使用经验
本文总结了前端开发中的一些重要细节和技巧，包括CSS选择器、定位、层级、全局属性、滚轮控制、轮播等。作者以纯文字形式记录，便于读者使用<kbd>Ctrl + F</kbd>快速查找相关内容。文章还提供了示例代码，帮助读者更好地理解和应用这些知识点。
进步`于辰
36 1
[HTML、CSS]细节与使用经验
进步`于辰
|
14天前
|
移动开发 前端开发 JavaScript
[HTML、CSS]知识点
本文涵盖前端知识点扩展、HTML标签（如video、input、canvas）、datalist和details标签的使用方法，以及CSS布局技巧（如margin、overflow: hidden和动态height）。文章旨在分享作者的学习经验和实用技巧。
进步`于辰
28 1
[HTML、CSS]知识点
aliyun8599273441-30642
|
1月前
|
前端开发 JavaScript 搜索推荐
打造个人博客网站：从零开始的HTML和CSS之旅
【9月更文挑战第32天】在这个数字化的时代，拥有一个个人博客不仅是展示自我的平台，也是技术交流的桥梁。本文将引导初学者理解并实现一个简单的个人博客网站的搭建，涵盖HTML的基础结构、CSS样式的美化技巧以及如何将两者结合来制作一个完整的网页。通过这篇文章，你将学会如何从零开始构建自己的网络空间，并在互联网世界留下你的足迹。
aliyun8599273441-30642
255 65
游客g5tp3lgf24cqc
|
9天前
|
移动开发 JavaScript 前端开发
html table+css实现可编辑表格的示例代码
html table+css实现可编辑表格的示例代码
游客g5tp3lgf24cqc
40 12

热门文章

最新文章

  • 1
    过滤代码中的html标签
  • 2
    HTML基础加强
  • 3
    HTML DOM 教程Part1
  • 4
    @Html.ValidationSummary()作用
  • 5
    JavaScript 技术篇-js获取dom节点、html标签自定义属性的值。
  • 6
    HTML元素 属性 格式化标签
  • 7
    【HTML+CSS+JS】前端三剑客实现3D旋转照片墙
  • 8
    MDN Web技术文档 - HTML 元素
  • 9
    再来 10 个新鲜的 HTML5 教程
  • 10
    Skytte：一款令人印象深刻的 HTML5 射击游戏
  • 1
    从零开始学习前端开发：HTML基础
    44
  • 2
    React中渲染html结构---dangerouslySetInnerHTML
    54
  • 3
    WWW（URL，HTTP，HTML）
    126
  • 4
    生日快乐祝福HTML源码
    96
  • 5
    html在线预览CAD（手机小程序浏览DWG）二次开发图层表的方法
    133
  • 6
    HTML5 Canvas 提供丰富的绘图API，支持绘制图形、文本、渐变和图像，助力游戏开发
    66
  • 7
    好看的html网站维护源码
    233
  • 8
    html+echars图表加日期检索
    54
  • 9
    html+echars的统计报表
    57
  • 10
    【CSDN创作优化1】个人简介优化 html font属性
    58

    • 相关课程

    更多
  • HTML 入门与实战
  • HTML基础入门学习
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS
  • JavaScript 自学手册文档教程
  • Node.js 入门教程文档

    • 相关电子书

    更多
  • 《零基础HTML入门教程》
  • 天猫 HTML5 互动技术实践
  • 天猫HTML5互动技术实践

    • 相关实验场景

    更多
  • 前端开发基础3：CSS3常见显示属性
  • Html5和Webpack3：Webpack5的常见用法
  • Html5和Webpack2：Webpack5打包JS和样式表
  • Html5和Webpack1：Webpack5打包工具介绍
  • HTML及前端框架
  • CSS基础教程
    • 下一篇
    阿里云OSS设置跨域访问