Web前端作业笔记详细记录1

本次作业的解析写法

请不要抄袭！！！

<!DOCTYPE html>
<html lang="zh-cn"><!--表明使用的语言-->
<head><!--网页的头部,一般不会显示在网页里-->
<meta charset="utf-8"/><!--网页的编码方式,utf-8是中文编码常用的方式-->
<title>网页的名字</title><!--显示在标签页的页名-->
</head>
<body style="background-color: lightpink;"><!--网页的身体部位，一般会显示在网页,即用户看到的，我们看到的--><hr color="crimson"><!--水平线和他的属性加上属性值--><h1 style="font-family: verdana; text-align: center;"><!--这里是页眉，其实可以不用header标签，直接h1即可-->结婚 毛绒玩具雅皮士 生日礼物 男女娃娃</h1><hr/>
<table border="0"><!--到这里是表格的标签，如果没有学过可以看我上一个博客或者百度去查下用法-->
<tr><td rowspan="2"><!--跨行的代码写法,为什么这么做的原因写在下面了--><img src="2.jpg" height="250" width="250"/><!--这里地址可以有两种方式，相对地址和绝对地址，如果没有了解可以去百度下，这里不再作更详细解释--></td><td><ul><!--这里是无序列表的写法--><li>一口价：45.00元</li><li>剩余时间：3天23小时</li><li>本期售出：8件</li><li>累计售出：24件</li><li>宝贝类型：全新</li><li>所在地：北京海淀区</li><li>宝贝数量：3件</li><li>浏览量：15次</li></ul></td>
</tr>
<tr><td>
<img src="2-2.jpg"/></td>
</tr>
</table>
<br/>
<img src="2-3.jpg"/>
<p>【名称】正版雅皮士布艺娃娃BQCQ-3</p>
<p>【规格】体长约40厘米</p>
<p>【颜色】如图</p>
<p>【材料】布艺布绒+PP棉填充物</p>
<p>【产品说明】本产品执行GB6675-2003玩具安全和GB9832-93毛绒</p>
<img src="2-4.jpg"/>
<ol><!--这里是有序列表的写法-->
<li>有任何疑问欢迎旺旺询问店主，请尽量不要使用站内信件和店铺留言，这样回复会比较慢而且也很容易丢失^_^。</li>
<li>物品全部由小雨自己拍摄，开价十分实在，故不再议价谢谢体谅！</li>
<li>小雨发货时，会经过三重清点，尽量杜绝误发错发现象；提醒各位MM们亲自当着快递的面清点确认无误，再行签收，避免不必要的损失。</li>
<li>江浙沪快递5元（其他地区8元以上不等，按实收）。</li>
<li>小雨联系电话：13567765786，本店会不定期的为大家找实惠又不错的新品，欢迎经常来做做哦！</li>
<li>小雨非常珍惜每位MM的评价，如收到东西不满意请及时与小雨联系。</li>
</ol>
<hr color="crimson"/>
<footer style="text-align: center;"><!--这里你可以选footer或者p等行内标签，footer只是划分区域的标记-->
Copyright 2007-2008,版权所有 小雨
</footer>
</html>

跨行的写法原因
代码实现效果图：

以上就是本次作业的完全解析，如果感兴趣请点赞并且关注

Web前端作业笔记详细记录1相关推荐

Web前端JavaScript笔记（4）节点
如何获取元素节点的属性: 在Web前端JavaScript笔记(3)对象中,介绍了访问行间属性的方法,除此之外,系统还提供了三个方法访问元素的属性: 1. setAttribute: 2. getAt ...
Web前端开发笔记——第二章 HTML语言第四节超链接标签
目录前言一.超链接标签 (一)链接其它子网页 (二)链接其它站点 (三)虚拟超链接二.从当前页面链接到指定位置三.链接的访问情况四.在新窗口中打开链接例题结语前言本节介绍超链接标签即 ...
web前端学习笔记（最新）
web前端学习笔记大家好,我是链表哥,新的学期,新的学习,我会为您展示我的学习进程. 一:什么是WEB前端? 所谓的Web前端指的是用户所能接触到的,并服务于用户的前沿端口,经我们程序员编辑修饰后展 ...
web前端开发笔记46-71，78-83 2022/11/04
web前端开发笔记一.标签群组通配等选择器(TAG) 1.标签选择器 2.群组选择器(不同标签) 3.通配选择器(一锅端) 二.层次选择器 - 后代():M N - 父子:M > N - 兄弟 ...
入门响应式Web？看懂这篇文章就够了！——Web前端系列学习笔记
文章目录视口基础知识视口概念视口基本属性 meta 标签视口应用实例媒体查询基础知识媒体查询概念 demo1-媒体查询 demo1效果百分比布局百分比布局概述 demo2-百分比布局 ...
Web前端开发笔记——第一章 Web前端概论
目录前言一.Web系统 (一)Web系统的定义 (二)前端和后端二.网站和网页 (一)网站的开发历程 (二)网页的组成元素三.浏览器四.前端技术 (一)超文本标记语言(HTML) (二)层叠 ...
【web前端教程笔记】
前端教程笔记这里写目录标题 **前端教程笔记** 笔记1 1.什么是HTML,CSS? 2.如何去写代码?写到哪里? 笔记2 1.VSCode编辑器 2.如何安装插件?安装什么插件? 3.学习编辑器 ...
Web前端学习笔记（1）
文章目录一.第一部分 1.1内容一 Web前端导入二.第二部分 2.1内容一 HTML和CSS的定义三.第三部分 3.1内容一宇宙第一编译器Vs Code 3.2内容二快捷键的使用四.第四 ...
Web前端学习笔记学习路线图
随着互联网的快速发展, web前端行业发展前景较好,虽然web前端薪资高入门门槛低, 但是俗话说的好:入门容易,精通难.web前端开发的知识点繁多,所以,要想真正全部掌握web前端工程师开发技能,并非 ...

Web前端作业笔记详细记录1

Web前端作业笔记详细记录1相关推荐

最新文章

热门文章