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