HTML列表、表格和媒体元素

简介: HTML列表、表格和媒体元素
        列表、表格和媒体元素
一、列表:信息资源的一种展示形式
二、列表的分类:
  有序列表
    1.例子:
    <ol>
      <li>内容</li>
    </ol>
    2.特性:
      有顺序,每个li都是块级元素
      默认的li前面有顺序标记
    
  无序列表
    1.例子:
    <ul>
      <li>内容</li>
      <li>内容</li>
    </ul>
    2.无序列表的特性:
      没有顺序,每个<li>独占一行
      默认<li>标签前面有个小圆点
      导航、侧边栏新闻、有规律的图文组合一般使用无序列表
  定义列表
    1.例子:
      <dl>
        <dt></dt>
        <dd></dd>
      </dl>
    2.特性:
      没有顺序,dt和dd标签都是块级元素
      默认没有标记
      一般用于(一个标题下有一个或者多个列表项)的情况
  列表注意事项:
    无序列表中每项都是平级,没有级别之分。
三、表格:
  1.组成:单元格,列,行
  2.基本语法:
  <table border="1">
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td>
    </tr>
  </table>
  3.跨行:rowspan
  4.跨列:colspan
四、媒体元素:
  1.视频元素:
    语法:<video src="视频路径" controls="controls" width="300px" height="300px"></video>
  2.显示视频控件:controls
  3.自动播放:autoplay
  4.音频元素:
    语法:<audio src="音频路径" controls> </audio>
  5.网页布局:
    <header>网页头部</header>
    <section>网页主体</section>
    <footer>网页底部</footer>
  6.iframe框架:
    语法:
    <a href="a.html" target="main">a页面</a>
    <a href="b.html" target="main">b页面</a>
    <iframe name="main" width="250px" height="250px"></iframe>
相关文章
|
6天前
|
XML 前端开发 C#
C#编程实践:解析HTML文档并执行元素匹配
通过上述步骤,可以在C#中有效地解析HTML文档并执行元素匹配。HtmlAgilityPack提供了一个强大而灵活的工具集,可以处理各种HTML解析任务。
53 19
|
4月前
|
移动开发 前端开发 JavaScript
HTML表单验证:确认input元素输入为具有特定整数和小数位数的数值。
将上述JavaScript代码与HTML一同使用,便可以确保用户输入的数值符合特定的格式要求。特别要注意,在实际的生产环境中,仅仅依靠前端验证是不够的。为了安全起见,后端也应该实施相应的验证措施,以防止不匹配格式的数据通过其他手段提交到服务器。
247 74
|
5月前
|
缓存 JavaScript 前端开发
Vue 项目中动态添加 HTML 元素的方法与实践
本文探讨了 Vue 中动态添加 HTML 元素的多种技术方案,包括条件渲染(v-if/v-show)、动态组件(component :is)、手动挂载($mount)及 Vuex 状态管理等方法。通过实例分析,如动态表单生成器与全局模态框服务,展示了这些方案在实际开发中的应用。同时提供了性能优化建议和注意事项,帮助开发者根据需求选择最佳方式,在保持 Vue 响应式特性的同时实现灵活交互。附带代码示例,便于理解和实践。
118 2
HTML教程6——列表标签
无序列表用<ul>标签表示,无序列表的每一项前默认都是用圆点标识,<ul>标签中比较重要的属性为type(列表前的符号),默认为disc(圆点),还有circle(空心圆),square(实心正方形),<ul>标签中只能有<li>标签,<li>标签的元素代表列表每一行的内容,<ul>标签中可以允许有任意个<li>标签。
HTML教程6——列表标签
HTML知识积累及实践(三) - 列表标签
HTML知识积累及实践(三) - 列表标签
136 0
HTML知识积累及实践(三) - 列表标签
|
移动开发 前端开发 HTML5
Web前端开发笔记——第二章 HTML语言 第六节 区域标签、列表标签
Web前端开发笔记——第二章 HTML语言 第六节 区域标签、列表标签
Web前端开发笔记——第二章 HTML语言 第六节 区域标签、列表标签
|
移动开发 前端开发 HTML5
web前端学习(七)——HTML5中列表(无序列表、有序列表、嵌套列表、自定义列表)及列表项的相关标签设置
web前端学习(七)——HTML5中列表(无序列表、有序列表、嵌套列表、自定义列表)及列表项的相关标签设置
web前端学习(七)——HTML5中列表(无序列表、有序列表、嵌套列表、自定义列表)及列表项的相关标签设置
|
移动开发 HTML5
HTML5学习-列表标签
HTML5学习-列表标签