郭姗姗-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个主要作用，常用页面布局的块级标签、常
用的行级标签等。因为基本是零基础学习，所以初学有点紧凑的感觉，每次练习的空余时间显着特别紧凑，
有的地方很慌忙的跟上老师的节奏步伐，不过后期还是能够慢慢追上，当练习结果成功出现，还是很有成
就感，并且感觉很有意思，希望后期多加练习，更加熟练 ，多多进步！
近期评论