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


目录
相关文章
|
8月前
超帅的主页命令滚动HTML源码
超帅的主页命令滚动HTML源码,超级好看的!作为网站跳转页还是挺不错的! 仅KB大小,喜欢的老铁可以下载收藏!
70 1
超帅的主页命令滚动HTML源码
|
JavaScript
在html中展示命令执行日志
有些时候需要把命令行程序的日志在页面中展示,比如这种场景。通常日志里可能含有进度的展示,比如curl的输出,这种展示依赖于r这种控制字符来起作用。遗憾的是如果直接作为html来输出,r会被当作换行,导致进度变成了无数行,比如这里的样子(虽然可能也不是大问题)。
1121 0
|
SQL 数据库 数据库管理
SQLite 命令(http://www.w3cschool.cc/sqlite/sqlite-commands.html)
SQLite 命令 本章将向您讲解 SQLite 编程人员所使用的简单却有用的命令。些命令被称为 SQLite 的点命令,这些命令的不同之处在于它们不以分号(;)结束。 让我们在命令提示符下键入一个简单的 sqlite3 命令,在 SQLite 命令提示符下,您可以使用各种 SQLite 命令。 $sqlite3 SQLite version 3.3.6 Enter "
1198 0
|
9天前
一个好看的小时钟html+js+css源码
一个好看的小时钟html+js+css源码
80 24
|
2月前
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
73 7
|
2月前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
47 6
|
2月前
|
移动开发 前端开发 JavaScript
[HTML、CSS]细节与使用经验
本文总结了前端开发中的一些重要细节和技巧,包括CSS选择器、定位、层级、全局属性、滚轮控制、轮播等。作者以纯文字形式记录,便于读者使用<kbd>Ctrl + F</kbd>快速查找相关内容。文章还提供了示例代码,帮助读者更好地理解和应用这些知识点。
50 1