李永娟-20201026

知识总结:

1.创建web项目
2.熟悉HBuilder结构:
<   >:标签,组织网页结构
成对出现的叫双标语:
    <html>----文档的开始
    </htlm>----文档结束标语
    <head>设置文档的属性
        1、设置网页的字符编码
        2、设置网页的刷新频率
        3、设置网页检索的关键字
                                 <meta name="keywords"content=“一些关键字”
        4、设置网页的简述
        <meta charset="utf-8" />
        <!--<meta http-equiv="refresh"content="5;URL=index.htm"
        <title>标题</title>
    </head>
    <body><!---网页的主内容--->
        <!--
2、常用的块级标签:
    (1)标题标签 <h1></h1>一级标题
              <h2></h2>二级标题 
    (2)段落标签 <p></p>
    (3)有序列表<ol>
            <li>    </li>
        </ol>
    (4)无序列表 <ul  type="circle">   
            <li>  </li>
        </ul>
    (5)div盒子:作布局用  div+css
      (6) 描述标签:<dl>
            <dt>标题</dt>
            <dd>描述的内容</dd>
            </dl>
    (7)水平线标签:<hr>    </hr>
        <h1>假作真时真亦假,无为有处有还无</h1>
        <h2>侬今葬花人笑痴,他日葬时侬谁知</h2>
        <p>天若有情天亦老,月若无恨月长圆</p>
        <p>把酒问青天,天若有情天亦老;举杯邀明月,月若无恨月长圆</p>
        <ol>
            <li>路遥:《平凡的世界》    《人生》  </li>
            <li>贾平凹:《废都》     《秦腔》     《火炕》    </li>
            <li>陈忠实:《夜过流沙河》     《白鹿原》  </li>
        </ol>
        <ul  type="circle">   
            <li>《红楼梦》</li>
            <li>《水浒传》</li>
            <li>《三国演义》</li>
        </ul>
        
    </body>
    <!--
        
    -->
    <h1>商品标签</h1>
    <h3>产品类别</h3>
    <hr><!--[if IE]>
        
    <![endif]-->
    <p>
        
    </p>
    <ul>
        <li>数码产品</li>
    </ul>
    <ul>
        <ol>笔记本电脑</ol>
        <ol>小米手机</ol>
        <ol>TCL家电</ol>
    <li>户外用品</li>
    <li>服装栏帽</li>
    <hr
 --> 
    <dt>联想电脑</dt>
    <ul>
        <ol>产品型号,联想Thinkpad T440S</ol>
        <ol>价格,15999元</ol>
        <ol>生产地,上海</ol>
    </ul>
<hr><!--[if IE]>
        
    <![endif]-->
      <h3>购物流程</h3>
      <ol>
        <li>确认购买什么</li>
        <li>付款给支付宝</li>
        <li>确认收货</li>
        <li>双方互评</li>
      </ol>
</html>
<body>:1、常用超链接标签<a target href="http://mail.qq.com">周玉莲的邮箱</a>  
                 2、 span标签:<span>我的行级标签</span>    注:与块级标签的区别
                 3、img标签:img src="img/icon,jpg>
                                       img width="300" height="300" src="img/icon,jpg>
                                       img title=”这是一只大老虎“ width="300" height="300" src="img/icon,jpg>
音频播放:<audio control loop src="audio" /ig>
                 <vidio control loop autioplay muted width="400" src>

心得体会:通过今天一天的学习我感觉很充实,从一开始啥都不会到自己动手学会了弄各种小的框线,一开始大家都不感兴趣到后来一点点的进步,我感觉做着兴趣挺大的,老师白天讲的晚上回来实践,在一定程度上有很大的提升。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1