20.嵌套列表

列表之间可以相互嵌套形成多层级列表

例题:
<ul><li>辽宁省<ul><li>沈阳</li><li>大连</li><li>丹东</li></ul></li><li>山东省<ul><li>济南</li><li>青岛</li><li>烟台</li></ul></li></ul>
例题:<dl><dt>中国</dt><dd><dl><dt>辽宁省</dt><dd>沈阳</dd><dd>大连</dd><dd>丹东</dd></dl><dl><dt>山东省</dt><dd>济南</dd><dd>青岛</dd><dd>烟台</dd></dl></dd><dt>美国</dt><dd>洛杉矶</dd><dd>纽约</dd></dl>
练习:
<h1>好美味小吃</h1>
<ul><li>小吃类<ul><li>煮粉干</li><li>拌青菜</li><li>蛋炒饭</li><li>煎蛋</li><li>米饭</li></ul></li>
</ul>
<ul><li>卤味类<ul><li>鸭肠</li><li>面筋</li><li>牛肚</li><li>猪耳朵</li><li>猪头肉</li><li>大肠</li><li>鱿鱼</li></ul></li>
</ul>
<ul><li>套餐类<ul><li>卤面筋饭</li><li>猪肉肉饭</li><li>猪耳朵饭</li><li>卤猪脚饭</li><li>卤猪舌头饭</li></ul></li>
</ul>
<ul><li>炖膻类<ul><li>猪蹄黄豆</li><li>猪肚莲子</li><li>猪心枸杞</li><li>羊肉枸杞</li><li>牛肉枸杞</li></ul></li>
</ul>
<p><em>亲,20元以上可送餐哦!!</em></p>

21.表格标签

<table> :表格的最外层容器
<tr> :定义表格行
<th> :定义表头
<td> :定义表格单元
<caption> :定义表格标题

注:他们之间是有嵌套关系的,要符合嵌套规范

语义化标签:<tHead>、<tBody>、<tFood>

:在一个table中,tBody是可以出现多次的,但是tHead、tfood只能出现一次

例题:
<table><caption>天气预报</caption><thead><tr><th>日期</th><th>天气情况</th><th>出行情况</th></tr></thead><tbody><tr><td>2022年1月1日</td><td>												

Web前端从开始到入门(2)相关推荐

  1. web前端全套教程,入门必备

    WEB前端在编程界已经是非常根深蒂固,其发展也是异常宽广. 很多人选择WEB前端,可能是因为WEB前端容易入门,而且不需要太多专业基础.随着前端的人才越来越多,企业面试要求也越来越高,进阶高级前端需要 ...

  2. 自学Web前端开发学习讲解 – 入门篇

    很多人都对web前端感兴趣,这一期主要聊关于如何入门学习Web前端开发的过程分享,此篇适合想入门初学者,大佬就不用看了.主要内容是以本人这一路自学web前端的一些经验和建议,学习哪些知识,以及如何正确 ...

  3. web前端开发零基础入门教程

    端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色.从狭义上讲,前端工程师使用 HTML.CSS.JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端.移动端 ...

  4. web前端基础与CSS入门

    web前端基础 1.嵌套列表 注:列表之间可以互相嵌套,形成多层级的列表. <!DOCTYPE html> <html lang="en"> <hea ...

  5. 【Java Web前端开发】BootStrap入门

    文章目录 Bootstrap 响应式布局 CSS样式和JS插件 案例 Bootstrap 1. 概念: 一个前端开发的框架,Bootstrap,来自 Twitter,是目前很受欢迎的前端框架.Boot ...

  6. web前端之html从入门到精通

    前后台分离架构 目前,企业级web开发多采用前后台分离开发模式,这种模式要求前端开发者专注于前端开发,后端开发者专注于后端开发,各自完成自己擅长的任务模块. html介绍 HTML被称为超文本标记语言 ...

  7. 自学web前端的小笔记(入门JS基础部分)

    22.JS前期学习三部分 1-ECMA5 语法 规则 标准 2-DOM 文档对象模型 3-BOM 浏览器对象模型 ECMA6有类的概念,可和面向对象语言区别还是很大,只能说是基于对象的语言 JS的用处 ...

  8. 【响应式Web前端设计】Bootstrap入门Demo(导航栏)

    文章目录 1 导入bootstrap.min.css 2 效果 3 代码 1 导入bootstrap.min.css 2 效果 3 代码 <!--作者:88304454@qq.com时间:202 ...

  9. web前端之js快速入门(BOM和DOM)

    BOM:browser object module  浏览器对象模型 BOM 主要处理浏览器窗口和框架 . window对象 open.close 打开(关闭)新的页面,窗口 <script t ...

  10. web前端之js快速入门(ECMAscript)

    javascript:首先和java没有任何关系,蹭热度.... 静态网页组成:结构(html).样式(css).动作(javascript 简称 js). 详细教程地址:菜鸟教程 - 学的不仅是技术 ...

最新文章

  1. 【UE】常用的UltraEdit使用技巧
  2. Altium Designer批量把一些元件从顶层换到底层
  3. No field mFactorySet in class问题解决(上)
  4. java乌龟_java用swing画可以行走的乌龟
  5. Android 开发之 fill_parent、wrap_content和match_parent的区别
  6. struts2的struts.xml的详细配置1-1
  7. 使用 PDO 方式将 Session 保存到 MySQL 数据中
  8. LAMP架构源码部署(入门级别超详细步骤)
  9. 本特利3300XL 25mm前置器 330780-50-CN
  10. 计算机图形学实用教程苏小红,计算机图形学实用教程(第4版)
  11. Vscode,Open a folder or workspace…(File -> Open Folder)解决方案
  12. Python:代码覆盖率工具coverage
  13. Spring Boot Actuator与Spring Boot Admin详解
  14. android原生代码转h5,Android原生和H5交互;Android和H5混合开发;WebView点击H5界面跳转到Android原生界面。...
  15. [翻译]Convolutional Two-Stream Network Fusion for Video Action Recognition
  16. 【考研加油】所有上岸的考研人都有一个共同的特点,就是他们都参加考试了。2023考研加油。
  17. 六、总线(一)总线概述
  18. 抓取html指定标签内容,javascript怎样获取某个标签的内容?
  19. Java高频面试题(2022) - Java、Mysql、JUC、JVM、SSM
  20. 老闪创业那些事儿(外传)——教人与用人的撕裂

热门文章

  1. 徐静蕾代言“英纳格”的十大不合理
  2. chm无法打开html文档,高手几招搞定WindowsXP无法打开chm文件的情况
  3. simplelink_cc13x0_sdk中GPIO的使用
  4. 计算机为动态分区无法安装系统,磁盘动态分区形式的电脑怎么重装系统win10
  5. Lonlife-ACM 1000 - Spoon Devil's 3-D Matrix(最小生成树)——“玲珑杯”acm比赛-试运行赛
  6. 《.NET大局观》--嬗变的痛苦
  7. 高速公路联网收费ETC设备可维护性技术要求(征求意见)
  8. 翟菜花:《完美世界》手游大火,大文娱的卡路里能释放多少热量?
  9. 计算机excel表格教程高级筛选6,excel表格中的高级筛选要怎么操作?
  10. 学习 CSAPP 对工作有帮助吗?一切从底层逻辑开始!