html学习笔记

HTML 网页结构
下面是一个可视化的 HTML 页面结构(只有 标签中的内容会显示在浏览器中):
在这里插入图片描述
HTML 标题
HTML 标题(Heading)是通过h1-h6标签来定义的。

h1 是主标题,h2 是副标题,h3、h4、h5、h6 依次递减字体的大小。
在这里插入图片描述
HTML 段落
HTML 段落是通过标签 p来定义的,用来创建一个段落。
在这里插入图片描述
HTML 链接
HTML 链接是通过标签 a>来定义的,既可以用来链接到外部地址实现页面跳转功能,也可以链接到当前页面的某部分实现内部导航功能。
在这里插入图片描述
HTML 图像
HTML 图像是通过标签 img 来定义的。使用img元素来为你的网站添加图片,使用src属性指向一个图片的具体地址。img没有闭合标签。
在这里插入图片描述
src 指 “source”。源属性的值是图像的 URL 地址。
alt属性:在浏览器无法载入图像时,替换文本属性告诉读者他们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。
HTML 水平线
hr 标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容,使用该元素产生的水平线可以在视觉上将文档分隔成各个部分。
在这里插入图片描述

HTML 注释
可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
HTML 注释可以方便地用来帮助网页设计人员,提醒他们与程序相关的信息。
在这里插入图片描述
注释: 开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要,合理地使用注释可以对未来的代码编辑工作产生帮助。
在这里插入图片描述
HTML 折行
如果您希望在不产生一个新段落的情况下进行换行(新行),请使用br标签。
在 HTML 语言中, br标签定义为一个换行符,它可以理解为简单的输入一个空行,而不是用来对内容进行分段:
在这里插入图片描述
在这里插入图片描述
HTML 文本格式化标签
在这里插入图片描述
HTML “计算机输出” 标签
在这里插入图片描述
HTML 引文, 引用, 及标签定义
在这里插入图片描述
HTML head 元素
在这里插入图片描述
HTML 表格
表格由table标签来定义。每个表格均有若干行(由tr 标签定义),每行被分割为若干单元格(由td标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
在这里插入图片描述
表格的表头使用 th>标签进行定义。
表格的表头属性主要是一些公共属性,如:align、dir、width、height。
大多数浏览器会把表头显示为粗体居中的文本:
在这里插入图片描述
HTML 表格标签
在这里插入图片描述
HTML 列表
在这里插入图片描述
HTML 分组标签
在这里插入图片描述
HTML 表单标签

在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值