课堂笔记；

最新推荐文章于 2024-03-10 14:13:30 发布

若欢℡

最新推荐文章于 2024-03-10 14:13:30 发布

阅读量936

点赞数

本文链接：https://blog.csdn.net/rwq574839/article/details/113886823

版权

2021.2.20
课程名称：html5+css
wed:网络

网页前端：
静态网页 html+css
动态网页 javascript（js）

网页后端：
java语言 php语言数据库

网页前端： wed的三大标准，结构、样式、行为。

html：结构。网页结构
css：样式。美化网页
javascript：（js）行为。用户产生交互动作。

消化：xmind(思维导图)、csdn博客

2021.2.23
http:hypertext tansfer protcol超文本传输协议
https:加密传输
www：world wide wed 万维网
.com域名（商业性） .cn(中国) .edu(教育)
html:hyper text makeuo language超文本标记语言
超文本：比文本更厉害、除了文字还有图片，还有链接、音频。超越文本的限制。
基本结构：
<!DOCTYRE HTML> //document type 文档类型：网页文档（html） //网页开始，根元素
<head> //网页头部开始 //元素据定义：定义字符集为UTF-8
<meta>hello</title> //网页标题开始标题名称网页标题结束 //网页头部结束
<body> //网页主体开始身体hello html5! //网页内容
</body> //位于主体结束身体 //网页结束

2021.2.24
head:头部
body:身体
title:标题
扩展：
1.双标签：由两个组成，<开始标签> </结束标签>
2.单标签：只有一对<>,<开始 />
3.注释标签：,

扩展：
1.双标签：由两个组成，<开始标签> </结束标签>
2.单标签：只有一对<>,<开始 />
3.注释标签：,

段落标签：<p>段落标签</p>

一级标题

二级标题

三级标题

四级标签

五级标签

六级标签

<！--图片标签:单标签 --> <--！href:属性，指向链接地址-->

2021.2.25

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<h3>网易云音乐</h3>
		<p>最佳播放量</p>
		<!--有序列表：<ol>`列表签：<li>-->
		<ol>
			<li>终散</li>
			<li>你头顶的风</li>
			<li>celebeity</li>
			<li>晚风</li>
		</ol>
		<p>随机榜单</p>
		<!--无序列表<ul>-->
		<ul>
			<li><a herf="#">发现音乐</a></li>
			<li><a herf="#">我的音乐</a></li>
			<li><a herf="#">朋友</a></li>
		</ul>
		<!--链接标签-->
		<a href="http://www.baidu.com">创作者中心</a>
		<a href="#">空链接</a>
		
		<ul>
			<li><a href="#">发现音乐</a></li>
			<li><a href="#">我的音乐</a></li>
		</ul>
		
		<!--自定义列表-->
		<dl>
			<dt>小标题</dt>
			<dt>分类1</dd>
			<dd>分类2</dd>
			<dd>分类3</dd>
			<dt>小标题2</dt>
			<dd>分类1</dd>
			<dd>分类2</dd>
			<dd>分类3</dd>
		</dl>
	</body>
</html>

**2021.3.2**
input：输入
type:类型
text：文本
password:密码
radio:收音机、广播。单选
checkox:多选、复选框
submit:提交
reset:重置
button:按钮
value:价值、值
select:选择
option:选项
optgroup:定义选项组
textarea：文本域。可输入多行文本
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>基础标签</title>
	</head>
	<body>
		<!--表单标签:收集用户信息.包括<form></form>表单域、标签控件、提示信息-->
		<form>
			<!--表单控件:输入控件、下拉列表、文本域-->
			<!--输入控件:<input>-->
			用户名：<input type="text"/>
			<dr>密码：<input type="password"/>
			<br />性别：<input type="radio"name="xingbie"/>男<input type="radio" name="xingbie"/>女
			<br />爱好：<input type="checkbox"/>打篮球 <input type="checkbox"/>王者荣耀<input type="checkbox"/>跳舞
			<br/><input type="submit"/> <input type="reset"/> <input type="button"value="发送验证码"/>
			<!--下拉列表：-->
			<br/>籍贯：<select>
			<optgroup label="贵阳市">
				<option>云岩区</option>
				<option>花溪区<option>
				<option>南明区</option>
			</optgroup>
			<optgroup label="遵义市">
			<option>汇川区</option>
			<option>花红岗区</option>
			</optgroup>
			</select>
			<!--文本域：-->
			<br/>留言：<textarea></textarea>
		</form>
	</body>
</html>

2021.3.3
tabel:表格

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>图书信息管理系统</title>
	</head>
	<body>
		<h3>图书信息表</h3>
		<!--表格标签:<table></table>-->
		<!--表头<thead></thead>和表格数据部分<tbody></tbody

最低0.47元/天解锁文章

若欢℡

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
课堂笔记；

2021.2.20课程名称：html5+csswed:网络网页前端：静态网页 html+css动态网页 javascript（js）网页后端：java语言 php语言数据库网页前端： wed的三大标准，结构、样式、行为。html：结构。网页结构css：样式。美化javascript：（js）行为。用户产生交互动作。消化：xmind(思维导图)、csdn博客...
复制链接

扫一扫