Java学习的第一天（前端html学习笔记01）
2019-10-21 本文已影响0人
飞奔的嗨少
- 1.文本标签<font>,包含属性size（大小）color（颜色）face（字体）
- 2.<p>段落 <br />换行 <b>加粗 <i>斜体 <u>下划线 <h1>--<h6>字体大小
- 3." "; 空格、"©"版权符号、">"大于号、"<"小于号、"&"&
- 4.< hr>展示一条水平线，它包含属性color（颜色）width(宽度)
- 5.图片标签的使用<img />,它包含以下属性src（路径）width（宽度）height（高度）align（水平位置=left/right）alt（图片没有找到时出现的提示语）title（鼠标悬浮时显示的内容）
- 6.相对路径：没有以盘符开头，表示图片与文件之间的位置
- 7.绝对路径：以盘符开头的路径
- 8.同级目录的使用src="img/xxx.jpg" 上级目录的使用src="../img/xxx.jpg" 退两级../../
- 9.无序列表的使用<ul>，内部使用<li>包裹文字,它包含属性type="circle"(空心圆)、disc(实心圆)、square(正方形)
- 10.有序列表的使用<ol> 属性type="1(阿拉伯数字)/a（小写英文）/i（罗马数字）"、start="100"从100开始
额外知识
- 1.前端技术 html+css+javascript+jqery+bootstrop
- 2.图片标签在使用是如果使用align=center不会出现图片居中效果，必须在外部嵌套使用<center></center>
- 3.相对路径退一级使用../ 退两级使用../../ ./代表同级目录
- 4.假如使用HBuilder等开发工具使用绝对路径会因为安全性问题出现图片加载不出的情况，但是可以通过文件所在的目录的主页去打开
- 5.一个网站包括多个网页，默认打开网站的首页index.html
我的第一个课后练习
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>毛绒玩具</title>
</head>
<body bgcolor="pink">
<hr color=coral />
<center><font size="5"><b>结婚 毛绒玩具雅荣士 生日礼物 男女娃娃 </b></font></center>
<hr color=skblue />
<img src="../day1 homework/2-1.jpg" width="250px" height="250px" alt="毛绒玩具" title="毛绒玩具"/>
<ul>
<li type="disc">一口价：45：00元</li>
<li type="disc">剩余时间：3天23小时</li>
<li type="disc">本期售出：8件</li>
<li type="disc">累计售出：24件</li>
<li type="disc">宝贝类型：全新</li>
<li type="disc">所在地：湖南长沙</li>
<li type="disc">宝贝数量：3件</li>
<li type="disc">浏览量：15次</li>
</ul>
<img src="../day1 homework/2-2.jpg" />
<br />
<img src="../day1 homework/2-3.JPG" width="800px"/>
<br />
<br />
<font face="微软雅黑">【名称】正版雅皮士布衣娃娃BQCQ-3</font>
<br />
<br />
<font face="微软雅黑">【规格】体长约40cm</font>
<br />
<br />
<font face="微软雅黑">【颜色】如图</font>
<br />
<br />
<font face="微软雅黑">【材料】布艺布绒+PP橡胶填充物</font>
<br />
<br />
<font face="微软雅黑">【产品说明】本产品执行GB6675-2003玩具安全和GB9832-93毛绒</font>
<br />
<br />
<font face="微软雅黑">布制玩具安全和质量标准，并通过iso09001国际质量体系认证</font>
<br />
<br />
<img src="../day1 homework/2-4.JPG" width="800px"/>
<ol>
<li type="1">物品全部由小雨自己拍摄，开价十分实在，故不再议价，谢谢体谅！！</li>
<li>小雨发货时，会经过三重清点，尽量杜绝发错现象，提醒各位亲们亲自当着快递的面清点确认无误之后，再行签收，避免不必要的损失</li>
<li>江浙沪快递五元（其它地区八元以上不等，按实收）</li>
<li>小雨联系电话：13567765786，本店会不定期的给用户发放实惠又不错的新品，欢迎大家经常来坐哦！</li>
<li>有任何疑问欢迎旺旺寻找店主，请尽量不要使用站内信件和店铺留言，这样回复会比较慢，而且容易丢失o(*￣3￣)o </li>
<li>小雨非常珍惜各位亲们的评价，如收到东西不满意请及时和小雨联系。</li>
</ol>
<hr color=black />
<center><font size="4">©copyright 2007-2008,版权所有 小雨</font></center>
</body>
</html>
day01课后练习截图.png
