web前端第一次作业

一,
笔记
什么是HTML

html 超文本标记语言

超:超链接,能从一个网页跳转到另外一个网页。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VEvQeGUw-1688707121917)(C:\Users\天之守护\AppData\Roaming\Typora\typora-user-images\image-20230705093431868.png)]

格式

<开始标签>标签体(内容)</e结束标签>

html的骨架:
##### 属性名="属性值"

属性名与属性值相同,只写属性名
快速生成骨架:shift+1+回车
在这里插入图片描述

标题标签

标题标签h1-h6逐渐变小,独占一行
段落标签
在这里插入图片描述
换行标签


水平线标签


![在这里插入图片描述](https://img-blog.csdnimg.cn/18d61a3ffd2e4e3c99ac8e5c8badf147.png) 无予意标签
![在这里插入图片描述](https://img-blog.csdnimg.cn/f98a7647f3204db78defb382aa0614cb.png) 多用于布局

在这里插入图片描述
图片标签
在这里插入图片描述
alt:图片地址发生错误师,用来提示的字 alt=“”

title:鼠标经过时显示的文字 title:“”

border:边框

width:宽度

height:高度

相对路径和绝对路径
在这里插入图片描述
在这里插入图片描述
视频标签
在这里插入图片描述在这里插入图片描述
音频标签
在这里插入图片描述
链接标签
在这里插入图片描述
锚链接
在这里插入图片描述
有序列表
在这里插入图片描述
无序列表

自定义列表
在这里插入图片描述
在这里插入图片描述
iframe框架

在这里插入图片描述
特殊字符
在这里插入图片描述

作业
1

Document

欢迎您来到登录页


首页  列表页  详情页  登录页

Document
Document 4. Document ![在这里插入图片描述](https://img-blog.csdnimg.cn/94c7cc5e4f24481da7d1aee2ffc9b819.png)![在这里插入图片描述](https://img-blog.csdnimg.cn/f9769a090d93484b88b1ebdae2cebf89.png) ![](https://img-blog.csdnimg.cn/54b024845bcd46ec8558e5ad62582ecf.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/274325cba2eb437ea4ffbafb05b525e3.png)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值