美文网首页Web前端之路Java
Java学习的第一天(前端html学习笔记01)

Java学习的第一天(前端html学习笔记01)

作者: 飞奔的嗨少 | 来源:发表于2019-10-21 19:58 被阅读0次
  • 1.文本标签<font>,包含属性size(大小)color(颜色)face(字体)
  • 2.<p>段落 <br />换行 <b>加粗 <i>斜体 <u>下划线 <h1>--<h6>字体大小
  • 3."&nbsp"; 空格、"&copy"版权符号、"&gt"大于号、"&lt"小于号、"&amp"&
  • 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>结婚&nbsp;&nbsp;&nbsp;毛绒玩具雅荣士&nbsp;&nbsp;&nbsp;生日礼物&nbsp;&nbsp;&nbsp;男女娃娃&nbsp;&nbsp;&nbsp;</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">&copy;copyright&nbsp;2007-2008,版权所有&nbsp;小雨</font></center>
    </body>
</html>
day01课后练习截图.png

相关文章

  • Java学习的第一天(前端html学习笔记01)

    1.文本标签 ,包含属性size(大小)color(颜色)face(字体) 2. 段落 换行 加粗 斜体 ...

  • HTML基础学习笔记

    原 Blog 链接:HTML基础学习笔记 自学 html 基础笔记 Web 前端简单介绍 web 前端包含: pc...

  • 收集前端学习资料

    前端的一些学习资源 html和css代码规范 前端知识体系 前端网址大全 学习CSS布局 通用 CSS 笔记、建议...

  • 2018-01-04

    Web学习笔记--从最基础的开始 一、web前端开发语言: HTML、 CSS 、JavaScript HTML:...

  • 十三.月跟着李南江学习HTML5---css学习

    学习笔记二之css 刚学完江哥的前端视频的HTML部分,就迫不及待来重温css了。 01 感想 学完HTML部分,...

  • 2月14笔记

    2月14 第一天web前端学习笔记 有道云笔记

  • 前端:html学习笔记

    html的name属性类似于 数据库的字段,或者说移动端的上传数据的参数的键值对,也就是说不在表单中 如果不设置那...

  • 前端学习笔记_HTML

    什么是HTML呢? 超文本标记语言(Hyper Text Markup Language),用来描述网页的一种语言...

  • web前端入门基础

    web前端基础笔记 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了...

  • 常用标签&选择器

    本系列是前端基础的学习笔记,只是方便自己学习记忆的。 html、xhtml、xml、html5 一些历史知识而已啦...

网友评论

    本文标题:Java学习的第一天(前端html学习笔记01)

    本文链接:https://www.haomeiwen.com/subject/yllxvctx.html