第2章 列表，表格与媒体元素

最新推荐文章于 2021-06-09 19:33:35 发布
最新推荐文章于 2021-06-09 19:33:35 发布
阅读量297 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/X_302lizhaohon/article/details/80699219
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>品牌全知道</title>
</head>
<body>
<p><img src="../../image/iknowshouye.jpg"/></p>
<p><h2>品牌全知道</h2></p>
<ul>
    <li><img src="../../image/icon-1.jpg"/>理肤泉敏感全知道</li>
    <li><img src="../../image/icon-2.jpg"/>薇姿健康肌肤全知道</li>
    <li><img src="../../image/icon-3.jpg"/>中信银行全知道</li>
    <li><img src="../../image/icon-4.gif"/>Windows7全知道</li>
    <li><img src="../../image/icon-5.jpg"/>海信电视全知道</li>
    <li><img src="../../image/icon-6.jpg"/>多美滋全知道</li>
    <li><img src="../../image/icon-7.jpg"/>三星手机全知道</li>
</ul>

</body>
</html>




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>贵美商城-商品购买页</title>
    <style>
        header,section,footer{
            height: 200px;
            border: 1px solid red;
        }
    </style>
</head>
<body>

<header>
    <h2>网页头部</h2>
</header>

<section>
    <h2>网页主体部分</h2>
</section>

<footer>
    <h2>网页底部</h2>
</footer>

</body>
</html>


X_302lizhaohon
关注
HTML5-列表，表格与媒体元素
MUYUFANSHENXUE的博客
03-13 368
什么是列表： 列表就是信息资源的一种展示形式。 它可以使信息结构化和条理化，并以列表的样式显示出来， 以便浏览者能更快捷地获得相应的信息 列表的分类： 无序列表 有序列表 定义列表 1，无序列表 <ul> <li>今天早上吃什么</li> <li>今天中午吃什么</li> <li>今天下午吃什么</li> <li>今天晚上吃什么</li&g
HTML中列表、表格与媒体元素
qq_44186793的博客
03-29 320
《列表、表格与媒体元素》 一、列表的使用 1.列表是信息资源的一种展现形式，它可以使信息更加结构化条理化，便于阅读 2.列表（List）的分类： a.有序列表 b.无序列表 c.定义列表 3.无序列表： a.使用ul标签包裹(unsorted list的简写) b.里面包含li表示列表项（list item) c.每一项独占一行 d.每一项前面默认使一个实心小圆点 举例： <!-- 无序列表...
第二章1作业
qq3144836446的博客
06-11 164
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;品牌全知道&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;img src=&
列表、表格与媒体元素
weixin_30912051的博客
08-28 116
1.无序列表及其应用 　　语法： 　　<ul> 　　<li>第一项</li> 　　<li>第二项</li> 　　<li>第三项</li> 　　</ul> 　　遵循W3c的标准<ul>标签里只能嵌套<li>标签,不能嵌套其他标签。 　　<li>标签里可以...
第二章 列表、表格与媒体元素
吾爱的博客
03-28 503
列表：列表就是信息资源的一种展示形式。列表的分类：无序列表、有序列表、定义列表无序列表语法： &lt;ul&gt; &lt;li&gt;内容&lt;/li&gt; &lt;/ul&gt;无序列表的特性没有顺序，每个&lt;li&gt;标签独占一行（块元素）默认&lt;li&gt;标签项前面有个实心小圆点一般用于无序类型的列表，如导航、侧边栏新闻、有规律的图文组合模块等有序列表语法： &lt;ol...
列表，表格与媒体元素 第二章
liyanghahahhaha的博客
06-12 412
第一题：制作百度知道页面中的“品牌全知道”板块。&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;品牌全知道&lt;/title&gt; &lt;/head&gt; &lt;body&a
第二章 列表 表格与媒体元素
JiangMye的博客
06-12 414
1，制作百度知道页面中的“品牌全知道”板块&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;车展全知道&lt;/title&gt; &lt;/head&gt; &lt;body&
HTML5+CSS3网页设计-第二章 列表表格与媒体元素.pptx
12-21
在HTML5中，列表、表格和媒体元素是构建网页内容的重要组成部分。 **列表(Lists)** HTML5提供了三种类型的列表：无序列表（`<ul>`）、有序列表（`<ol>`）和定义列表（`<dl>`）。无序列表通常用圆点或项目符号表示，...
HTML第二章 列表、表格与媒体元素.md
最新发布
06-10
HTML基础知识
HTML5与CSS3实战：列表、表格与媒体元素解析
"该资源是关于HTML5和CSS3开发商业站点的第二章内容，主要讲解了列表、表格和媒体元素的使用，以及HTML5结构标签在网页布局中的应用。" 在HTML5中，支持三种类型的列表：无序列表（unordered list）、有序列表...
使用HTML开发商业网站-案例-制作音乐排行榜课件.pptx
07-10
使用HTML开发商业网站 案例-制作音乐排行榜 阶段案例——制作音乐排行榜 制作音乐排行榜 如果把个元素都看成盒子，则页面由多个盒子构成。整个模块由唱片背景和歌曲排名两部分构成。其中唱片背景由一个div进行整体控制，歌曲排名部分结构清晰，可由无序列表<ul>进行定义。 结构图如右所示。 div ul li li li li li li 分析效果图 控制效果图5-51的样式主要分为以下几个部分： （1）通过最外层的大盒子对页面的整体控制，需要对其设置宽度、高度、圆角、边框、渐变及内边距等样式，实现唱片背景效果。 （2）整体控制列表内容（ul），需要对其设置宽度、高度、圆角、阴影等样式。 （3）设置5个列表项（li）的宽高、背景样式属性。其中第一个li需要添加多重背景图像，最后一个li底部要圆角化，需要对它们单独进行控制。 分析效果图 <!doctype html> <html> <head> <meta charset="utf-8"> <title>音乐排行榜</title> </head> <body> <div class="bg"> <ul> <li class="tp"></l
HTML第二章-表格基础
12-08
HTML第一章-表格基础 欢迎大家多多参考 多多提意见
HTML5第二章列表，表格与媒体元素课后作业
tb19930719的博客
06-14 969
5制作百度知道 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;品牌全知道&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;h
HTML5 第二章 列表,表格与媒体元素 课后作业:
gz98411的博客
06-11 1578
1.制作百度知道页面中的"品牌全知道"板块。&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;品牌全知道&lt;/title&gt; &lt;/head&gt; &l
HTML-列表、表格和媒体元素（详）
南劲竹的博客
08-22 736
什么是列表？       列表就是信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览者能更快捷地获得相应的信息 列表的分类     无序列表的特性&lt;ul&gt;               ·没有顺序，每个&lt;li&gt;标签独占一行（块元素）               ·默认&lt;li&gt;标签项前面有个实心小圆点。            ...
Day01 HTML超文本标记语言
Libe2ty的博客
10-18 370
HTML HTML概述 HTML(HyperText Markup Language)超文本标记语言 超文本:是指页面内可以包含图片、链接、声音,视频等内容 标记:标签(通过标记符号来告诉浏览器网页内容该如何显示) <!DOCTYPE html> <!-- 注释 Ctrl+/ --> <html> <!-- 网页的头，设置网页的信息 --> <head> <!-- 设置网页字符集编码 --> <meta cha
HTML学习知识点大全-----超详细(各种标签使用讲解及案例)
weixin_50767381的博客
06-09 1791
HTML学习知识点大全-----超详细(各种标签使用讲解及案例) 1:概念 **最基础的网页开发语言 *Hyper Text Markup language:超文本标记语言 超文本:运用了超链接的方法,将各种不同的文字网状信息结合在一起的文本 标记语言:其实就是标签的意思** 快速入门:helloword <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &
第二章 列表、表格与媒体元素
墨渐生微的博客
08-25 2242
一、制作音乐排行榜           需求说明：使用无序列表制作音乐排行榜热门活动 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;热门活动&lt;/title&gt; &lt;/head&gt; &lt;
html无序列表有序列表自定义列表
久伴博客
06-23 900
无序列表&lt;ul&gt; &lt;li&gt;&lt;/li&gt; &lt;/ul&gt;有序列表&lt;ol&gt; &lt;li&gt;&lt;/li&gt; &lt;/ol&gt;自定义列表&lt;dl&gt; &lt;dt&gt;&lt;/dt&gt; &lt;dd&gt;&lt;/d
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值