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