浏览器不支持JavaScript,即将自动跳转到http://demo.fishc.com

注意!这里面包含了我学过的所有知识点

by:czt666

笔记:

p字体的格式是:【p】要输入的文字【/p】

不过我觉得最有意思的还是添加图片

一起来看看吧

|

|

\/

头部
臀部
脚部

添加图片要用【img src=“图片相对地址” alt=“图片未调用成功的名字” width=“宽度变成 ?%多少 或 ?px”】

.

.

下面来讲一下a链接

去鱼C论坛:点击这里

a链接:【a href=“网址” target=“_balak”】文字【/a】

还可以点击图片进入网页

->......................................... 《图片》

a标签加图片:【a href=“网址” target=“_blank”】【img src=“图片地址” 等等】【/a】

根目录查找:url("/C:/阿巴阿巴/polarr/1.jpg");

img标签里也可以加style样式


.可以用【br】换行哦.



【hr】可以创建水平分割线


请问这样使用style可以吗

好像不行

飞机 飞机

改变图片位置:style="position: static; margin-left: ??px; margin-top: ??px"

注释:这里什么都没写

这是一个【dl】列表

昨天:
大学物理串讲,学术英语二级口语考试
今天:
大学物理串讲,父亲节
明天:
近代史考试

/\已破防

  使用 【 p r e 】就 可 以 打 印 出 空 格 和 回 车 啦 【 / p r e 】

(cháng)(zhì)(tāo)
     changzhitao12@126.com

【pre】可以保留空格和回车

【small】可以打印小字

【span】可以插入在所有文字中间并且不改变原来的样子

【wbr】可以在p里面换行,若此处需要换行,则会在【wbr】这里换行

【font-size】可以随意调整整行字体大小 详情:css查询表

【font-style】可以调整斜体字 详情:css查询表

注意要用实体字符<>替换“<”“>”符号:<!--要注释的内容-- >


	#include 
	int main()
	{
		int a=4,i=0,x=0,y=0;
		
		scanf("%d",&a);
		
		for(i;i<a;i++)
		{
			for(x=0;x<a-i-1;x++)
			{
				printf(" ");
			}
			for(y=0;y<i+1;y++)
			{
				printf("*");
			}
			printf("\n");
		}
		
		return 0;
	 } 
	

【code】专门显示源代码

<> <> <> <> <> <> <> <> <> <> <> <> <> <> <> <> <> <>

【q】元素可以用于引用

【blockquote】可以用于大段的引用

【cite】可以引用作品标题

我是标题,你看我长得不一样吧

【abbr】可以进行标签注释czt

【dfn】是标记术语

czt是大神

【address】用于标记联系信息

邮箱:changzhitao12@126.com

【bdo】可以从右往左输出

常志韬

<> <> <> <> <> <> <> <> <> <> <> <> <> <> <> <> <> <>

【strong】可以加粗,它是有语义的★

【b】可以加粗,没有语义

★【em】搞个斜体有语义★

【i】搞个斜体,没有语义

【del】删除

【ins】下划线

【s】语义:这是错误

【u】语义:拼写错误的单词或汉语中的专有名词

【mark】语义:标记

【sup】上标 E=mc2

【sub】下标 N2是双原子分子,i=5

<><><><><><><><><><><><><><><><><><>

现在开始讲列表了

无序列表【ul】

【ul】的list-style-type属性可以改变列表的头头

有序列表【ol】

  1. HTML5 & CSS3
  2. JavaScript
  3. JQuery
  4. BootStrapt
  5. Vue
  6. PHP

【ol】type属性可以改变序号样式

列表可以嵌套哦~

【dl】定义列表【dt】术语【dd】描述

我是术语1
我是描述1
我是术语2
我是描述2
我是描述3
我是术语3
我是术语4
我是描述4

<><><><><><><><><><><><><><><><><><>

【table】【tr】【th】【td】可以写表格的骨架【caption】可以写表头

这里面用到了border: (设置表格的线)border-collapse: (合并表格线)padding:(控制元素与边界距离)color:

【thead】【tbody】【tfoot】可以把表格分为上中下三段

background-color: (背景颜色)colspan:(跨行合并)rowspan: (跨列合并)thead th{}(thead里的th用啥样式)

【colgroup】【col】可以按列设计表格

span: (几列单元格用同样的样式)

【总结】颜色的改变:可以单独设计th的颜色,还可以单独设计thead th的颜色,还可以用colgroup设计列的颜色

【总结】按列合并需要多多考虑表格后面的元素

中 关 村 科 技 园 时 间 切 片
时间 状态 图片 拍摄者 时间 状态 图片 拍摄者
2020年9月3号 17:55 蓝天白云 中关村科技园照片(1) 常志韬 2020年9月3号 19:04 碧海青天 中关村科技园照片(5) 常志韬
2020年9月3号 18:29 绚丽夺目 中关村科技园照片(2) 2020年9月3号 19:13 华灯初上 中关村科技园照片(6)
2020年9月3号 18:34 彩霞纷飞 中关村科技园照片(3) 2020年9月3号 19:28 夜幕笼罩 中关村科技园照片(7)
2020年9月3号 18:39 落日余晖 中关村科技园照片(4) 2020年9月3号 19:39 灯火通明 中关村科技园照片(8)

整体效果:

时间切片 中关村科技园照片(9)

<><><><><><><><><><><><><><><><><><>

可以用【form】【input】【button】制作表单

form:表格主体 input:输入数据 button:按钮 它的tpye可以等于submit,reset,button

【get】【pose】的区别?

GET 把参数包含在 URL 中,POST 通过 request body 传递参数
GET 产生的 URL 地址可以被 Bookmark,而 POST 不可以。
HTTP 传输数据分了好几个级别,有 GET, POST, PUT, DELETE 等等
当执行 GET 请求的时候,要给数据贴上 GET 的标签,而且要求把传送的数据放在URL中以方便记录。
GET 产生一个 TCP 数据包;POST 产生两个 TCP 数据包。
对于 GET 方式的请求,浏览器会把 http header 和 data 一并发送出去,服务器响应 200(返回数据)
而对于 POST,浏览器先发送 header,服务器响应 100(continue),浏览器再发送 data,服务器响应 200(返回数据)。
GET 只需要汽车跑一趟就把货送到了。
而 POST 得跑两趟,第一趟,先去和服务器打个招呼,然后再把货送过去。
因为 POST 需要两步,时间上消耗的要多一点,看起来 GET 比 POST 更有效。
据研究,在网络环境好的情况下,发一次包的时间和发两次包的时间差别基本可以无视。而在网络环境差的情况下,两次包的 TCP 在验证数据包完整性上,有非常大的优点。

autocomplete:是否启用浏览器预输入

账号:>

密码:

你输入对了吗:

readonly只读不能改 disabled整个框框直接变淡了


【label】为input进行标注,使用了label点击文字也会自动把鼠标移到表格

for="" 有一对一的关联关系 id=""

【fieldset】【legend】可以对表单进行划分

【select】【option】制作下拉选项框

【optgroup】对选项进行分组

基本信息





接近考试周,有很多同学濒临破防,下面将统计一下您的破防科目

破防统计







<><><><><><><><><><><><><><><><><><>

强大的input

【input】的type有22种功能可选

上面写过text和password了

submit,reset,button

radio可以提供单项选择

checkbox可以多项选择

time,date,month,week,datetime-local可以获取时间

search可以搜素

color颜色选择框image把按钮改成图片

hidden将【input】废掉

file上传文件

number限定数据类型

min,max,step可以限定数字的最大值最小值和调整的步伐

range数值滚动条

email,tel,url可以输入邮箱电话和网址

placeholder站位提示文本

required强制用户输入

size设置长度

maxlength最多输入几个字

list,【datalist】为用户提供选择

【总结】【input】的type元素有??种属性分别是:text,passwor,submit,reset,button,radio,checkbox,time,date,month,week, datetime-local,search,color,image,hiddon,file,accept,multiply,number,min,max,step,range,email,tel,url,pattern, placeholder,required,size,maxlength,list,datalist,disable,readonly ,

分别可以完成 文本输入,密码输入,提交按钮,清空按钮, 纯按钮,单项选择,多项选择,获取时间,获取日期,获取月份,获取周次,获取准确时间,成为搜索框,选择颜色,图片按钮,隐藏按钮, 输入文件,只接受什么文件,多个文件输入,输入数字(最小 最大 步伐),滑条,输入邮箱输入电话,输入网址,正则表达式(判断输入邮箱是否正确), 站位提示,此表格为必填,表单长度,最多输入符号,列表选项,表格只读,表格失效。可见input功能强大

<><><><><><><><><><><><><><><><><><>

【output】显示计算结果

0100 = 100

【textarea】接收多行文本输入

cols和roes可以设置文本框长度和宽度



<><><><><><><><><><><><><><><><><><>

【header】简介【aside】侧边栏【section】节【foot】页脚

【section】是在【main】中的网页结构框架

【article】网页中独立的结构

【details】详情区域,【summary】对该区域进行总结,一般一起使用

【details】有open属性

详细信息请看《网页结构专栏》

网页结构是很重要的知识点,它可以让网页有语义化结构

<><><><><><><><><><><><><><><><><><>

【map】可以制作图像映射

【area】可以指定跳转区域

picture1 GE-90 JAL JA-843J APU 787-8

用【img】【map】【area】来做图片某些区域的选中

首先,先拿一个img标签放个图片,记得加usemap=“#名字”!

其次,把map标签前后展开,记得加name=“名字”

然后,加入area标签,里面需要有shape(poly,circ,rect),coords,alt,href,target元素

打开ps,视图-标尺,窗口-信息,看图片像素坐标

最后,按顺序输入坐标就大功告成了

【pictur】和【source】可以根据要求不同在同一个地方显示不同的图片

当前浏览器不支持picture标签

【figure】和【figcaption】可以放置插图和图题

下面将展示两幅插图:
插图1 插图1
上面两个是插图

<><><><><><><><><><><><><><><><><><>

【video】可以在网页中嵌入视频,有width,height,src属性

它的结构是【video src=“地址” width=“宽度” height=“高度” controls】(若视频打开不了显示的内容)【video】

controls autoplay muted preload poster loop 播放控制 自动播放 静音 视频预加载 封面 循环播放

【audio】可以在网页中嵌入音频

它的结构是【audio src=“地址” controls】(若音频打开不了显示的内容)【video】

【track】可以给视频添加字幕

它的结构是【audio src=“地址” controls】(若音频打开不了显示的内容)【video】

【source】可以给视频添加几个备胎

(浏览器好像不支持source标签)

<><><><><><><><><><><><><><><><><><>

【iframe】可以嵌入一个网页

sandbox可以防止链接网页对电脑入侵,所以设置了allow-forms、allow-pointer-lock、allow-popups、allow-same-origin、allow-scripts、allow-top-navigation属性,对网页进行限制

【meter】呈现一个有大有小的进度条

【progress】呈现一个进度条

2025促销:香港特价空间,最低仅需20元,可永久使用!
本站空间由 三维免费空间 友情提供