马进明-20201026

(1) < >标签:组织网页结构
(2)<!DOCTYPE html><!--声明-->
(3)<html><!--文档开始--->
(4)<head><!--设置文档特性--->
(5)<meta> 

1 设置网页字符编码 utf-8通用中文字符编码
2 设置网页刷新频率
3 设置网页检索关键字<meta name=“keywords content="一些关键字“”
4 设置网页的简述<meta name="desctip" content="一些描述词”
5 <title>标题</title><link rel=“shortcut icon”href="路径”图标设计
<body>  
常用的块级标签
1 标题标签 <h1></h2>一级标题  <h2></h2>二级标题
2 段落标签 <p></p>
3有序列表 <li></li>
4无序列表   
<ul>
        <li></li>
</ul>
5 div盒子 作布局用 div+css
6,描述标签<dl>
                       <dt>标题</dt>
                       <dd>描述的内容</dd>
                </dl>
7水平线标签<hr>  </hr>

例题
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>通信实习</title>
<!---标题小图标--->
    </head>
    <body>
<h1>商品信息</h1>
<h2>产品类别</h2>
<hr/>
<ul>
    <li>数码产品</li>
    <ul type="circle">
        <li>笔记本电脑</li>
        <li>小米手机</li>
        <li>TCL家电</li>
    </ul>
        <li>户外用品</li>
        <li>服装鞋帽</li>
</ul>
<hr/>
<dl>联想电脑</dl>
<dd>产品型号:联想Thinkpad T440s</dd>
<dd>价格:15999元</dd>
<dd>所在地:上海</dd>
<hr/>
<p2>购物流程</p2>
<ol type="1">
    <li>确认购买信息</li>
    <li>付款给支付宝</li>
    <li>确认收货</li>
    <li>双方互评</li>

    </body>
</html>
常用的行级标签
   1.<a></a> 属性1.<a hret="http://www.baidu.com">
                属性2.<a target="___blank" hret......>....<a>
   2.span标签
<span>....</span>与上级显示在同一行
   3.img标签 自封闭标签 放图片
<img/>eg:<img src"....."/>
属性1.src路径   2.width宽<img width="> 3.height高 4.,<audio></audio>音频 <audio controls="controls src="audio/ig.mp3">
   4.视频 新建一个目录video <video></video>与音频一样有播放控制面板(自动播放 auto play   静音模式 muted)`

心得
     通过今天的学习,掌握了一些简单的网页制作。虽然有些枯燥但是也有一些收获。在课上用HBuilder制作简单的网页结构,了解了常用的块级标签,如 标题标签 段落标签 有序列表等。虽学习来有难度,但是要坚持做好每一个实验


                

标签

评论

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