HTML常用基本指令总结(一、单双标记)

HTML的语法分为两种
1.属性语法
2.标记语法
(1)单标记
(2)双标记
((1)始标记
((2)尾标记

双标记命令

命令含义
< html >内容< /html >网页运行主体(建议自行体会)
< body >内容< /body >主体主体(建议自行体会)
< title >内容< /title >设置页面标题
< head >内容< /head >头部文件
< deal >内容< /deal >设置删除线
< ruby >内容< rt >< /rt >< /ruby >设置内容标注
< b >内容< /b >简单修饰文字-加粗
< i >内容< /i >简单修饰文字-斜体
< sup >内容< /sup >设置上标内容
< sub >内容< /sub >设置下标内容
< p >内容< /p >段落标记(存在强制换行)
< address >内容< /address >设置地址文字(突出显示)
< tt >内容< /tt >设置打印机显示风格
< samp >内容< /samp >等宽文字设置
< cede >内容< /code >等宽文字设置
< kbd >内容< /kbd >键盘输入风格
< pre >内容< /pre >预格式化(包含内容原样输出,含格式和距离等)
< blocjqute >内容< /blockqute >设置段落缩进
< a >< /a >超链接
< center > 内容< /center >内容对于网页居中
< div >内容< /div >没有任何语义,属于块级元素(可以独占一行),主要用于页面的布局
< span >内容< /span >没有任何语义,内容只占自身大小,且不独占一行,主要用于设置样式

单标记

命令含义
< !-- 内容–>添加注释
< br >回车
< hr >插入并设置水平线
< link >引入外部文件

先整理整么多,后期继续补充

下一篇文章:HTML常用基本指令总结(二、属性语法,特殊字符)

关于寻求软件的小伙伴可以前往我的另一篇文章编程软件下载地址(java/vs/python、pycharm/Web)

  • 5
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您好,el-select 可以通过设置 multiple 属性来实现单选或多选,当 multiple 属性值为 true 时,el-select 就会变成多选,否则就是单选。如果您想让一个 el-select 控制另一个 el-select 的单选或多选,可以通过监听第一个 el-select 的 change 事件,在事件处理函数中动态修改第二个 el-select 的 multiple 属性值即可。 以下是示例代码: ```html <template> <div> <el-select v-model="selectedValue" @change="handleSelectChange"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> <el-select v-model="selectedValue2" :multiple="isMultiple"> <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> </div> </template> <script> export default { data() { return { selectedValue: '', selectedValue2: [], isMultiple: false, options: [ { label: '选项1', value: 'option1' }, { label: '选项2', value: 'option2' }, { label: '选项3', value: 'option3' } ], options2: [ { label: '选项A', value: 'optionA' }, { label: '选项B', value: 'optionB' }, { label: '选项C', value: 'optionC' } ] } }, methods: { handleSelectChange(value) { // 判断是否选择了某个选项,再动态设置 multiple 属性值 this.isMultiple = value === 'option1' } } } </script> ``` 在上述示例代码中,第一个 el-select 控制第二个 el-select 的单选或多选,当第一个 el-select 选择了“选项1”时,第二个 el-select 就会变成多选,否则就是单选。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值