整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

1_28向HTML元素问好(基础HTML和HTML5

章来源:freecodecamp网址:https://chinese.freecodecamp.org/

HTML 是一种标记语言,使用特殊的语法或标记来向浏览器描述网页的结构。HTML 元素由开始和结束标签构成,标签之间是文本内容。 不同的标签可以让文本内容以标题、段落、列表等形式展现。

在这个课程中,你将通过编写一个展示猫咪图片的应用,学习最常见的 HTML 元素——它们可以用来构成任何网页。

向 HTML 元素问好通过

欢迎访问 freeCodeCamp 的 HTML 编程挑战。 这些挑战将会帮助你逐步掌握 Web 开发。

首先,我们采用 HTML 制作一个简单的网页。 你可以直接在网页内置的代码编辑器中编辑代码。

你看到编辑器中的 <h1>Hello</h1> 了吗? 那是一个 HTML 元素。

大部分 HTML 元素都有一个开始标签和一个结束标签。

开始标签像这样:

<h1>


结束标签像这样:

</h1>


开始标签和结束标签的唯一区别就是结束标签多了一个斜杠。

每个挑战都有测试,任何时候你点击“运行测试”按钮,就可以运行测试。 如果代码通过测试,将会弹出一个窗口,你就可以进入下一个挑战。

要通过这个挑战的测试,需要修改 h1 元素的文本为 Hello World。

具体要求如下:

h1 元素的内容文本应为 Hello World。

源代码如下:

<h1>Hello</h1>

更改后如下:

<h1>Hello world</h1>




近看了一些关于JavaScript的测试脚本,觉得JS 中问号的用法还是蛮有意思的,于是做了一下总结,在这里分享给大家!JS中的问号大概有三种用法,分别是:空值合并操作符、可选链操作符和三目运算。

问号问号(??)

空值合并操作符??是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。

例如

console.log(null ?? "xx")
输出 xx
console.log(1 ?? "xx")
输出 1

问号点 (?.)

可选链操作符(?.)可选链操作符允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。 使用它的好处是引用为null 或者 undefined的情况下不会引起错误。

语法:obj?.prop obj?.[expr] arr?.[index] func?.(args)

例如

var obj={a:{b:1}}
console.log(obj?.a?.b)
输出1
console.log(obj?.a?.c)
输出 undefined

问号冒号(?: )

这是三目运算,具体表达式是(condition ? exprIfTrue : exprIfFalse)

该表达式的含义是 条件condition是真,则执行exprIfTrue ,否则执行exprIfFalse

举个例子大家就懂了

var n = 10;
console.log((n >= 11) ? "a" : "b");
输出b
当 var n = 12;
输出a

如果您还知道哪些JS 中关于问号的特殊用法欢迎留言讨论。如果文章帮到了您,劳烦点赞转发!

天找一个 • 点的符号 &bull; 查到了这张表,分享出来。

HTML符号

1.特色的

©&copy;©版权标志
|
|竖线,常用作菜单或导航中的分隔符
·&middot;·圆点,有时被用来作为菜单分隔符
&uarr;上箭头,常用作网页“返回页面顶部”标识
&euro;欧元标识
²&sup2;²上标2,数学中的平方,在数字处理中常用到,例如:1000²
½&frac12;½二分之一
&hearts;心型,用来表达你的心

2常用的


&nbsp;
空格
&&amp;&and符号,与
"&quot;"引号
©&copy;©版权标志
®&reg;»注册标志
&trade;商标标志
&ldquo;左双引号
&rdquo;右双引号
&lsquo;做单引号
&rsquo;右单引号
«&laquo;«左三角双引号
»&raquo;»右三角双引号
&lsaquo;左三角单引号
&rsaquo;右三角单引号
§&sect;§章节标志
&para;段落标志
&bull;列表圆点(大)
·&middot;·列表圆点(中)
&hellip;省略号
|
|竖线
¦&brvbar;¦断的竖线
&ndash;短破折号
&mdash;长破折号

3.货币类

¤&curren;¤一般货币符号
$
$美元符号
¢&cent;¢
£&pound;£英镑
¥&yen;¥日元
&euro;欧元

4 数学类

<&lt;<小于号
>&gt;>大于号
&le;小于等于号
&ge;大于等于号
×&times;×乘号
÷&divide;÷除号
&minus;减号
±&plusmn;±加/减 号
&ne;不等于号
¹&sup1;¹上标1
²&sup2;²上标2
³&sup3;³上标3
½&frac12;½二分之一
¼&frac14;¼四分之一
¾&frac34;¾四分之三
&permil;千分率
°&deg;°
&radic;平方根
&infin;无限大

5.方向类

&larr;左箭头
&uarr;上箭头
&rarr;右箭头
&darr;下箭头
&harr;左右箭头
&crarr;回车箭头
&lceil;左上限
&rceil;右上限
&lfloor;左下限
&rfloor;右下限

6 其它

&spades;黑桃
&clubs;梅花
&hearts;红桃,心
&diams;方块牌
&loz;菱形
&dagger;匕首
&Dagger;双剑号
¡&iexcl;¡反向感叹号
¿&iquest;¿反向问号