标签可以设置以下属性：name：设置该元素的名称，用于在表单提交时获取该元素的值。id：设置该元素的唯一标识符。size：设置选择框中可见的选项数量。multiple：设置是否允许多选。disabled：设置该元素是否被禁用。form：定义该元素所属的表单。autofocus：设置该元素是否自动获得焦点。required：设置该元素是否为必填项。示例代码：AppleBananaOrange其中，name、id、multiple和required属性都是比较重要的关键词，需要特别注意。

JavaScript中的事件委托和事件冒泡是常用的事件处理技术。事件委托是利用事件冒泡机制，将事件处理器绑定在其父级元素上，通过判断事件源是否符合预期目标，从而触发相应的操作。这种做法可以减少事件处理器的数量，提高性能和代码可维护性。示例代码如下：//绑定事件委托varparent=document.querySelector('.parent');parent.addEventListener('click',function(event){if(event.target.tagName==='LI'){//目标元素为LI时执行操作console.log('clickonLI:'+event.target.textContent);}});在上述代码中，我们首先获取了父级元素.parent，然后通过addEventListener()方法将click事件绑定在父级元素上。在事件处理函数中，我们通过event.target属性获取当前被点击的元素，并判断其是否为LI元素，从而实现事件委托。事件冒泡是指事件从最内层元素开始逐级向上传播，直到传播到文档的根节点。在事件冒泡过程中，可以通过event.stopPropagation()方法阻止事件继续向上传播，从而实现事件的局部处理。示例代码如下：//绑定事件冒泡varchild=document.querySelector('.child');child.addEventListener('click',function(event){console.log('clickonchild');event.stopPropagation();//阻止事件冒泡});varparent=document.querySelector('.parent');parent.addEventListener('click',function(event){console.log('clickonparent');});在上述代码中，我们首先获取了子元素.child和父级元素.parent，并分别将click事件绑定在它们身上。在子元素的事件处理函数中，我们输出了clickonchild，并通过event.stopPropagation()方法阻止事件继续向上传播。在父级元素的事件处理函数中，我们输出了clickonparent，但由于子元素的事件处理函数阻止了事件冒泡，所以该语句不会被执行。总的来说，事件委托和事件冒泡是JavaScript中常用的事件处理技术，可以提高性能和代码可维护性。

CSS中的font-weight属性可以设置以下字体加粗效果：normal：普通字体，不加粗。bold：粗体字，加粗效果比普通字体更明显。bolder：更粗的字体，加粗效果比bold更加明显。lighter：更细的字体，加粗效果比normal更加细微。数字值：数字值越大，加粗效果越明显。常用的数字值有400（普通字体）、700（粗体）、900（黑体）。需要注意的是，字体是否能够被加粗还与字体本身有关，不是所有字体都支持加粗效果。

HTML中的textarea标签可以设置以下常用属性：name：定义textarea的名称，用于表单提交时的识别。rows：定义textarea的行数。cols：定义textarea的列数。disabled：禁用textarea，使其无法编辑。readonly：将textarea设置为只读，用户无法编辑其中的文本。placeholder：定义textarea的占位符，提示用户应该在其中输入什么内容。required：设置textarea为必填项，表单提交时如果没有填写则会提示错误。maxlength：限制用户在textarea中输入的最大字符数。除此之外，还可以使用一些与样式相关的属性，如class、id、style等，来设置textarea的外观和样式。

在JavaScript中，对象展开运算符可以用于对一个对象进行浅拷贝（shallowcopy）、合并对象、添加属性和方法等操作。使用对象展开运算符（也称作扩展运算符）可以方便地对对象进行处理，使代码更加简洁易懂。对象展开运算符使用三个点（...）来表示，在处理对象时将它们展开为字面量形式。这个操作可以将一个对象的所有属性和方法展开为单独的键值对，也可以在创建一个新的对象时将现有的对象合并到其中。下面是一些常见的使用场景：浅拷贝对象浅拷贝操作可以复制现有对象的所有属性和方法到一个新的对象中，但是如果原始对象中的属性或方法是对象或数组，则只会复制它们的引用而不是创建新的对象。这就意味着，在新对象上修改这些属性或方法会影响原始对象。constobj1={name:'Alice',age:25};constobj2={...obj1};console.log(obj2);//{name:'Alice',age:25}合并对象使用对象展开运算符也可以将多个对象合并为一个。如果有重复的属性，后面的对象会覆盖前面的对象的同名属性。constobj1={name:'Alice',age:25};constobj2={job:'programmer',salary:50000};constobj3={...obj1,...obj2};console.log(obj3);//{name:'Alice',age:25,job:'programmer',salary:50000}添加属性和方法使用对象展开运算符还可以方便地添加新的属性和方法到现有的对象中。constobj1={name:'Alice',age:25};constobj2={...obj1,job:'programmer'};constobj3={...obj2,sayHello(){console.log(`Hello,mynameis${this.name}andIama${this.job}.`);}};obj3.sayHello();//Hello,mynameisAliceandIamaprogrammer.需要注意的是，对象展开运算符只能用于浅拷贝一个对象。如果需要深拷贝一个对象，应该使用其他的库或者手写函数来实现。

CSS中的border-width属性可以设置元素的边框宽度。它可以接受以下关键词或数值作为值：thin（细边框），等同于1像素；medium（中等边框），等同于3像素；thick（粗边框），等同于5像素；数值类型，可以是正整数或带有单位的数值，如px、em等；可以设置单独的边框宽度，如border-top-width、border-right-width、border-bottom-width、border-left-width等。举例来说，如果要为一个元素设置粗边框，可以使用以下代码：border-width:thick;如果要为元素的顶部边框设置边框宽度为2像素，可以使用以下代码：border-top-width:2px;需要注意的是，border-width属性只能设置边框的宽度，如果需要设置边框的样式和颜色，需要使用border-style和border-color属性。

HTML中的title标签可以设置以下属性：text：标题文本，用于在浏览器标签栏中显示页面标题。dir：指示文本方向的属性，可以设置为"ltr"（从左到右）或"rtl"（从右到左）。lang：指定标题文本语言的属性，使用语言代码，如"en"（英语）或"zh"（中文）。xml:lang：类似于lang属性，但用于XML文档。accesskey：指定访问页面标题的快捷键。tabindex：指定标题的Tab键顺序。onblur：定义在失去焦点时执行的脚本。onfocus：定义在获得焦点时执行的脚本。其中，text属性是最常用的，也是必需的属性，它定义了在浏览器标签栏中显示的页面标题。

display:flex是CSS中的一种布局方式，它可以将一个容器元素的子元素排列成一行或一列，并且可以通过设置各个子元素的属性来调整它们在容器中的位置和大小。使用flex布局有以下几个关键词：flex-direction：用于指定子元素的排列方向，可以是水平方向（即一行）或垂直方向（即一列）。justify-content：用于指定子元素在主轴上的对齐方式，可以是居中、靠左、靠右、两端对齐等等。align-items：用于指定子元素在交叉轴上的对齐方式，可以是居中、顶部对齐、底部对齐等等。flex-grow：用于指定子元素的放大比例，可以让一个或多个子元素占据剩余空间。flex-shrink：用于指定子元素的缩小比例，可以让一个或多个子元素在空间不足时自动缩小。总之，display:flex可以让我们更方便地实现一些常见的布局效果，如居中、两侧对齐、等高布局等等。

HTML中的table标签可以设置如下属性：border：表格边框的宽度，可以用像素值或者0来表示没有边框；cellpadding：单元格内容与单元格边框之间的距离；cellspacing：单元格之间的空格距离；width：表格的宽度；height：表格的高度；align：表格在页面中的对齐方式，可以是left、center、right；bgcolor：表格的背景颜色；summary：给表格一个概括性的描述；caption：给表格添加标题；colspan：单元格横向合并的数量；rowspan：单元格纵向合并的数量；scope：给表头单元格定义作用域，可以是col、row、colgroup、rowgroup等；headers：指定当前单元格的头部单元格；其中，border、cellpadding、cellspacing、width、height这几个属性是使用频率比较高的重要关键词。

展开运算符是JavaScript中一种常用的数据处理方式，它可以将一个数组或对象拆分成独立的元素或属性，并将它们插入到另一个数组或对象中。使用展开运算符可以简化代码，提高代码的可读性和可维护性。使用展开运算符处理数组使用展开运算符可以将一个数组拆分成独立的元素，并将它们插入到另一个数组中。例如：constarr1=[1,2,3];constarr2=[4,5,...arr1,6,7];console.log(arr2);//[4,5,1,2,3,6,7]在上面的例子中，展开运算符...arr1将数组arr1拆分成独立的元素1、2和3，并将它们插入到数组arr2中。除了在数组中插入元素之外，展开运算符还可以用来复制数组。例如：constarr1=[1,2,3];constarr2=[...arr1];console.log(arr2);//[1,2,3]在上面的例子中，展开运算符...arr1将数组arr1拆分成独立的元素1、2和3，并将它们插入到一个新的数组中，从而完成了数组的复制。使用展开运算符处理对象除了可以处理数组之外，展开运算符还可以用来处理对象。使用展开运算符可以将一个对象拆分成独立的属性，并将它们插入到另一个对象中。例如：constobj1={a:1,b:2,c:3};constobj2={d:4,e:5,...obj1,f:6};console.log(obj2);//{d:4,e:5,a:1,b:2,c:3,f:6}在上面的例子中，展开运算符...obj1将对象obj1拆分成独立的属性a、b和c，并将它们插入到对象obj2中。除了在对象中插入属性之外，展开运算符还可以用来复制对象。例如：constobj1={a:1,b:2,c:3};constobj2={...obj1};console.log(obj2);//{a:1,b:2,c:3}在上面的例子中，展开运算符...obj1将对象obj1拆分成独立的属性a、b和c，并将它们插入到一个新的对象中，从而完成了对象的复制。展开运算符还可以与解构赋值一起使用，用来提取对象中的部分属性。例如：constobj1={a:1,b:2,c:3};const{a,...rest}=obj1;console.log(a);//1console.log(rest);//{b:2,c:3}在上面的例子中，展开运算符...rest将除了属性a以外的其它属性拆分成一个新的对象，并将它们赋值给变量rest。