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>
目录
相关文章
|
7天前
|
存储 数据采集 JSON
你知道吗?html_table可以提取的不止是表格
`html_table` 是一种强大的工具,不仅用于HTML表格解析,还在现代爬虫技术中发挥重要作用。它可以提取、整合、分析和传输多种类型的关键数据。本文从四个方面探讨其功能:关键数据提取(如财经网站的股票信息)、零散信息整合(如电商网站的产品详情)、数据对比分析(如手机性能参数对比)和数据存储与传输(如转换为CSV/JSON格式)。通过Python代码示例,展示了如何利用代理IP、多线程和自定义请求头提高爬虫效率,实现对复杂网页数据的全面抓取和利用。
25 12
你知道吗?html_table可以提取的不止是表格
|
27天前
|
数据采集 前端开发 数据挖掘
利用 html_table 函数轻松获取网页中的表格数据
本文介绍了如何使用 R 语言中的 `html_table` 函数结合代理 IP 技术,轻松提取网页表格数据并规避反爬机制。通过设置代理和请求头,示例代码展示了如何从 58 同城采集租房信息并保存为 CSV 文件。该方法适用于需要频繁采集数据的场景,确保数据采集的高效和稳定性。
利用 html_table 函数轻松获取网页中的表格数据
|
2月前
|
存储 移动开发 数据处理
HTML5 元素2
HTML5引入了多个新元素以增强表单功能和用户体验。`&lt;keygen&gt;`元素用于生成密钥对,提交表单时生成私钥和公钥,私钥保存在客户端,公钥发送至服务器,用于后续的身份验证。`&lt;output&gt;`元素则用于展示计算结果或其他脚本输出,如表单数据处理的结果。此外,`&lt;datalist&gt;`元素可与`&lt;input&gt;`元素结合使用,提供预定义的选项列表,增强输入的便捷性和准确性。这些元素共同提升了网页的交互性和安全性。
|
1月前
|
移动开发 前端开发 JavaScript
HTML5 <nav> 元素2
HTML5中的`&lt;nav&gt;`标签用于定义页面的导航链接部分,但并非所有链接都需置于其中。`&lt;aside&gt;`标签定义页面主内容外的相关信息,如侧边栏。`&lt;header&gt;`标签描述文档或节的头部区域,可用于定义内容的介绍展示区。示例包括导航、家庭旅行记录和IE9发布信息等。
|
1月前
|
Web App开发 移动开发 iOS开发
HTML5 语义元素1
HTML5引入了语义元素,如`&lt;nav&gt;`、`&lt;header&gt;`、`&lt;footer&gt;`等,这些元素能清晰地向浏览器和开发者传达其内容的意义,如导航链接、头部和尾部。与非语义元素(如`&lt;div&gt;`)不同,语义元素使网页结构更加明确,有助于提升可读性和可访问性。例如,`&lt;section&gt;`标签用于定义文档中的节,而`&lt;article&gt;`标签则用于定义独立的内容,如论坛帖子、博客文章等。这些新元素在IE9及更高版本、Firefox、Chrome、Safari和Opera中得到支持。
|
移动开发 编解码 HTML5
HTML5媒体(音频/视频)
HTML5媒体(音频/视频)
HTML5媒体(音频/视频)
|
移动开发 HTML5 编解码
HTML5媒体(音频/视频)
摘要:   在HTML5出现之前,web媒体大部分通过Flash来实现。这种方式造成了文件大加载慢,影响网站性能,开发难度高,维护麻烦,不易扩展等。这就导致HTML5自己开始支持媒体功能。HTML5 DOM 为 和 元素提供了方法、属性和事件。
1169 0
|
18天前
一个好看的小时钟html+js+css源码
一个好看的小时钟html+js+css源码
87 24
|
2月前
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
83 7