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"
注释:这里什么都没写
使用 【 p r e 】就 可 以 打 印 出 空 格 和 回 车 啦 【 / p r e 】常 志 韬
changzhitao12@126.com
【pre】可以保留空格和回车
【small】可以打印小字
【span】可以插入在所有文字中间并且不改变原来的样子
【wbr】可以在p里面
【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】
【ol】type属性可以改变序号样式
列表可以嵌套哦~
【dl】定义列表【dt】术语【dd】描述
<><><><><><><><><><><><><><><><><><>
【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 | 蓝天白云 | ![]() |
常志韬 | 2020年9月3号 19:04 | 碧海青天 | ![]() |
常志韬 |
2020年9月3号 18:29 | 绚丽夺目 | ![]() |
2020年9月3号 19:13 | 华灯初上 | ![]() |
||
2020年9月3号 18:34 | 彩霞纷飞 | ![]() |
2020年9月3号 19:28 | 夜幕笼罩 | ![]() |
||
2020年9月3号 18:39 | 落日余晖 | ![]() |
2020年9月3号 19:39 | 灯火通明 | ![]() |
||
整体效果: |
时间切片 | ![]() |
<><><><><><><><><><><><><><><><><><>
可以用【form】【input】【button】制作表单
form:表格主体 input:输入数据 button:按钮 它的tpye可以等于submit,reset,button
【get】【pose】的区别?
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】显示计算结果
【textarea】接收多行文本输入
cols和roes可以设置文本框长度和宽度
<><><><><><><><><><><><><><><><><><>
【header】简介【aside】侧边栏【section】节【foot】页脚
【section】是在【main】中的网页结构框架
【article】网页中独立的结构
【details】详情区域,【summary】对该区域进行总结,一般一起使用
【details】有open属性
详细信息请看《网页结构专栏》
网页结构是很重要的知识点,它可以让网页有语义化结构
<><><><><><><><><><><><><><><><><><>
【map】可以制作图像映射
【area】可以指定跳转区域
用【img】【map】【area】来做图片某些区域的选中
首先,先拿一个img标签放个图片,记得加usemap=“#名字”!
其次,把map标签前后展开,记得加name=“名字”
然后,加入area标签,里面需要有shape(poly,circ,rect),coords,alt,href,target元素
打开ps,视图-标尺,窗口-信息,看图片像素坐标
最后,按顺序输入坐标就大功告成了
【pictur】和【source】可以根据要求不同在同一个地方显示不同的图片
【figure】和【figcaption】可以放置插图和图题
<><><><><><><><><><><><><><><><><><>
【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】呈现一个进度条