郭姗姗-20201026

知识点:
一、web体系:客户端<=>服务端<=>数据库

二、

       2、文件—>新建—>web项目(新建名字一般为英语小写)
          css文件放css文件,img放图片,js放js文件。
          DOCTYPE:文档类型    <!DOCTYPE html>声明文档类型
          html(超文本标记语言);<> 标签(组织网页内容结构)
          <head>标签(设置文档特性,引入一些jar包)
       3、meta作用:
         设置网页的字符编码,utf-8(通用中文字符编码)<meta charset="utf-8" />
         设置网页的刷新频率<meta http-eqiv="refresh"  content="2;URL=http://www.baidu.com"`/>
         设置网页检索关键字<meta name="keywords" content="通信,专业,实习" />
        设置网页的简述<meta name ="description"  content="大四专业实习……"/>
       4、<title>小标题</title>
        图片—>img(粘贴)
        设置标题小图标:<title>小标题</title>
                                 <link rel="shortcut icon"href="路径.jpg"
       5、<body>网页的主要内容:
        常用的页面布局块级标签:
        标题标签<h1></h1>
        段落标签<p></p>
        有序列表<ol>  <li></li>  </ol>
        无序列表<ul> <li></li> </ul>
        div盒子<div></div>
        描述<dl>
        <dt></dt>
        <dd></dd>
    </dl>
        水平线<hr></hr>
 三、点击项目 右键—>HTML
        常用的行级表签: a标签、span标签、img标签、音频、视频
        a标签:<a href=“http://www.baidu.com">百度一下</a>
        span标签:<span>我是行级标签</span>
注:行级标签(共一行)块级标签(各一行)
        img标签:<img  width="300" src="img/icon.jpg"/>     宽度
                        <img  height="200" src="img/icon.jpg"/>    高度
                         <img  title="这是一只老虎" src="img/icon.jpg"/>     名称
         音频:点击项目->右键 ->新建目录 ->取名audio
                   <audio controls loop   src="audio/ig.mp3"></audio>
                   controls 播放控制面板     loop循环播放        
        视频:点击项目->右键 ->新建目录 ->取名video
                   <vedio controls loop  autoplay muted src="vedio/sp.mp4"></vedio>
                   autoplay 自动播放         muted 静音模式

心得体会:
本次学习的内容是web框架的认知和基础的界面设计内容,主要学习内容有对web的基础框架的认识,
包括html的作用、head的作用,body语句的作用,meta的4个主要作用,常用页面布局的块级标签、常
用的行级标签等。因为基本是零基础学习,所以初学有点紧凑的感觉,每次练习的空余时间显着特别紧凑,
有的地方很慌忙的跟上老师的节奏步伐,不过后期还是能够慢慢追上,当练习结果成功出现,还是很有成
就感,并且感觉很有意思,希望后期多加练习,更加熟练 ,多多进步!

标签

评论

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