标签

简介: HTML列表标签用于整齐展示内容,包括无序、有序和自定义列表;表格标签用于数据展示或布局,通过table、tr、td等标签构建,支持单元格合并;表单标签用于收集用户数据,由form包裹input、select等表单项。
  1. 列表标签
    1.1 无序列表
    作用:将内容整齐且无序的展示成一列
    特点:每个列表项独占一行,且前面有个小圆点。
    1.2 有序列表
    作用:内容整齐且有序的排成一列
    特点:每个列表项独占一行,且前面有个序号(数字、字母、罗马数字)。
    1.3 自定义列表
  2. 表格标签
  3. 作用:展示数据或者页面布局
  4. 常见标签:
    table:定义整个表格,内部包含tr标签
       属性:【不推荐使用,推荐使用CSS样式】
         border:设置表格的边框宽度
         cellspacing:设置单元格间距
         width:设置表格宽度
         align:设置表格水平对齐方式:取值:left(默认)、center、right
         bgcolor:设置表格背景颜色
         bordercolor:设置表格边框颜色
    
    tr标签:定义行,内部包含th或者td
       align:设置行中内容的水平对齐方式:取值:left(默认)、center、right
    
    th标签:定义表头单元格,特点:内容居中,加粗
    td标签:定义数据单元格,特点:内容默认居左,不加粗
  5. 合并单元格:将多个单元格通过跨行或者跨列合并成一个单元格
    实现步骤:
    1 明确合并的目标(跨行还是跨列合并?)
     2 保留最左最上(第一个)的单元格,添加属性 (取值是数字,表示需要合并的单元格数量)
           跨行合并,保留最上单元格,添加属性rowspan
           跨列合并,保留最左单元格,添加属性colspan
     3 删除被合并的单元格
    
  6. 表单标签
  7. 作用:收集用户提交的数据
  8. 常用标签:
    form标签:定义表单最外层的标签,内部包含、、等表单项标签。</li> </ol>
目录
相关文章
|
2月前
|
前端开发
CSS基本选择器
本节详解CSS四大基本选择器:标签选择器(如p)、类选择器(.class)、ID选择器(#id)和通配符选择器(*),涵盖语法、使用步骤、优先级规则及注意事项,辅以直观代码示例与图解,助初学者快速掌握样式控制核心技能。(239字)
70 5
|
2月前
|
前端开发
CSS选择器练习
本页为CSS选择器实战练习,含两个HTML示例:①用类选择器设置div尺寸与背景色;②用class、后代、标签等选择器布局“淄博烧烤”页面,涵盖盒模型、文本样式及语义化结构,适合初学者巩固基础语法。(239字)
65 4
|
2月前
|
前端开发
CSS
本教程介绍CSS三种引入方式:行内式(style属性)、内部式(&lt;style&gt;标签)和外部式(link引入.css文件),配代码示例与效果演示,助初学者快速掌握CSS基础用法。(239字)
61 1
|
2月前
|
前端开发
语义标签
本文介绍了HTML中常用的布局标签,区分无语义(如div、span)与有语义标签(如header、nav、footer等)。div独占一行,span不换行,结合CSS可实现网页分区布局。代码示例展示了基本结构及标签用法。
102 0
|
2月前
|
移动开发 UED HTML5
视频标签
HTML5视频标签常用属性介绍:src指定视频路径,支持mp4、webm等格式;controls显示播放控件;autoplay实现自动播放(部分浏览器受限);loop循环播放;muted静音;width/height设置尺寸。必备属性为src和controls。
63 9
|
2月前
超链接标签
超链接通过 `href` 属性实现页面跳转,可指向网络或本地路径。添加 `target=&quot;_blank&quot;` 可在新窗口打开;开发时可用 `#` 表示空链接,防止页面跳转。
98 4
|
2月前
文本格式标签
通过HTML标签为文本添加加粗、倾斜、下划线、删除线等格式,突出重点内容。示例代码展示了如何使用&lt;b&gt;、&lt;i&gt;、&lt;u&gt;、&lt;s&gt;标签实现不同文本样式,提升网页可读性与表现力。(238字符)
81 4
|
2月前
|
开发者
图片标签
本文介绍了HTML中如何插入图片,重点讲解`&lt;img&gt;`标签的使用方法。`src`属性为必需,用于指定图片路径,支持相对路径(如./、../)和绝对路径,也可引用网络图片URL。同时说明了属性语法格式及常用路径写法,帮助开发者正确引入图像资源。
102 3
|
2月前
|
数据安全/隐私保护
表单项标签:input系列
本文介绍了HTML表单中常用输入元素的使用方法,包括文本框、密码框、单选框、多选框、文件上传、日期时间、邮箱验证等,并通过代码示例展示如何构建一个完整的注册页面,涵盖数据提交与表单交互基础。
58 1
|
2月前
标题标签
本文介绍了HTML中h1至h6标题标签的使用规范:h1用于页面主标题或Logo,建议每页仅用一次;h2到h6无使用次数限制。各级标题字体逐级减小,独占一行,具有加粗效果,共六级,用于构建网页内容的层级结构。
88 2