HTML&CSS

最新推荐文章于 2024-07-12 20:49:16 发布

幸数得五

最新推荐文章于 2024-07-12 20:49:16 发布

阅读量58

点赞数

分类专栏： JavaWeb 文章标签： html css javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/JASPERV11/article/details/128627649

版权

JavaWeb 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

HTML

HTML(HyperText Markup Language)：超文本标记语言：
超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容
如上图看到的页面，我们除了能看到一些文字，同时也有大量的图片展示；有些网页也有视频，音频等。这种展示效果超越了文本展示的限制。
标记语言：由标签构成的语言
之前学习的XML就是标记语言，由一个一个的标签组成，HTML 也是由标签组成。我们在浏览器页面右键可以查看页面的源代码。

这些标签不像XML那样可以自定义，HTML中的标签都是预定义好的，运行在浏览器上并由浏览器解析，然后展示出对应的效果。例如我们想在浏览器上展示出图片就需要使用预定义的 img 标签；想展示可以点击的链接的效果就可以使用预定义的a 标签等。

W3C标准：
W3C是万维网联盟，这个组成是用来定义标准的。他们规定了一个网页是由三部分组成，分别是：
结构：对应的是 HTML 语言
表现：对应的是 CSS 语言
行为：对应的是 JavaScript 语言
HTML定义页面的整体结构；CSS是用来美化页面，让页面看起来更加美观；JavaScript可以使网页动起来，比如轮播图也就是多张图片自动的进行切换等效果。

在这里插入图片描述

快速入门

在这里插入图片描述

在这里插入图片描述

基础标签

在这里插入图片描述

标题标签

在这里插入图片描述

hr标签

在这里插入图片描述

字体标签

在这里插入图片描述

在这里插入图片描述

换行标签

在这里插入图片描述

段落标签

在这里插入图片描述

加粗、斜体、下划线标签

在这里插入图片描述

居中标签

在这里插入图片描述

案例

在这里插入图片描述

在这里插入图片描述

图片、音频、视频标签

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

超链接标签

在这里插入图片描述

列表标签

在这里插入图片描述

表格标签

在这里插入图片描述

表格的border默认是0px

在这里插入图片描述

布局标签

在这里插入图片描述

在这里插入图片描述

表单标签

在这里插入图片描述

表单标签概述

在这里插入图片描述

在这里插入图片描述

form标签属性

在这里插入图片描述

代码演示
在这里插入图片描述

表单项标签

在这里插入图片描述

想要成功提交，表单项的name就一定要写，因为提交的都是（name的值）=？

label标签是用来做出选中提示的，for的值要与表单项的id一致

radio单选按钮name一样能达到互斥选择的效果，同时要设定value值，否则无论怎么选择提交的都是on

复选框也要设定value值

select的option没设置value的话，提交的就是包在option标签中的内容

在这里插入图片描述

CSS

概述

在这里插入图片描述

css 导入方式

在这里插入图片描述

css选择器&属性

在这里插入图片描述

< div >中id不能重复，class可以

在这里插入图片描述

属性的使用可以看w3cschool.com.cn中的css参看手册

在这里插入图片描述

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML&CSS

htmlcss
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

幸数得五 谢谢您的打赏勒

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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