Web个人总结

Ryongao

已于 2024-01-25 20:08:57 修改

阅读量373

点赞数 10

分类专栏：基础知识文章标签：前端

于 2023-12-31 18:27:06 首次发布

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

本文链接：https://blog.csdn.net/weixin_44415748/article/details/135318344

版权

基础知识专栏收录该内容

8 篇文章

订阅专栏

本文介绍了HTML的基础知识，包括其构成、标签结构（如标题、段落、图片、音频视频等）、元素关系、文本格式化、链接、表格、表单元素以及CSS的选择器和布局，涵盖了HTML和CSS的基础理论和实践应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML简介

HTML简称：超文本标记语言
由三部分构成结构、表现、行为
结构 HTML 网页元素和内容
结构 html 网页元素和内容
表现 css 网页元素的外观和位置等页面样式
行为 javascript 网页模型的定义与页面交互

html骨架构造的组成

html标签网页的整体
head标签网页的头部
body标签网页的身体
title标签网页的标题
在这里插入图片描述

注释/标签

双标签和单标签也可叫标签或叫元素
父子关系(嵌套关系)
兄弟关系(并列关系)
在这里插入图片描述

标题/段落

在这里插入图片描述
1~6级标题重要程度依次递减
特点文字都有加粗文字都有变大并且从h1到h6文字逐渐减小独占一行

特点段落之间存在间隙独占一行
br 换行标签
hr 水平标签

文本格式化标签

在这里插入图片描述

图片

1.图片标签
在这里插入图片描述
src属性名 “”属性值
src="“标签属性
img标签需要展示对应的效果需要借助标签的属性进行设置
个标签可以对多个属性属性之间空格隔开标签与属性之间空格隔开
属性没有先后顺序
alt替换文本
当图片加载失败才会显示替换文本
Titile提示文本
当鼠标悬停时才会显示的文本
title属性不仅仅可以用于图片标签还可以用于其他标签
width=”“height=”"宽度和高度数字
如果只设置一个另一个会等比例自动等比缩放
如果设置二个如果设置不恰当则会变性

绝对路径/相对路径

相对目录同级目录上级目录下级目录
同级目录img src =“1.jpg” img src =“./1.jpg
下级目录img src=“images/1jpg
上级目录img src =".

音频标签

在这里插入图片描述

视频标签

在这里插入图片描述

超链接

在这里插入图片描述

列表标签

在这里插入图片描述

list-style-type:none;去除项目符号

表格

在这里插入图片描述

表格标题和表头单元格标签

在这里插入图片描述

表格的结果标签

在这里插入图片描述

合并单元格

在这里插入图片描述

表单标签

在这里插入图片描述

input标签

在这里插入图片描述

单选框单选内容多选内容默认选中

在这里插入图片描述

上传文件

在这里插入图片描述

按钮

在这里插入图片描述

下拉菜单

在这里插入图片描述

文本域

在这里插入图片描述

label标签

在这里插入图片描述

语义化标签

在这里插入图片描述

字符实体

在这里插入图片描述

css

在这里插入图片描述

css引入方式

在这里插入图片描述

css基础选择器

在这里插入图片描述

css字体和文本样式

在这里插入图片描述

css样式层叠

在这里插入图片描述

css font连写

在这里插入图片描述

css文本缩进

在这里插入图片描述

css水平对齐方式

在这里插入图片描述

css文本修饰线

在这里插入图片描述

css行高

在这里插入图片描述

css颜色

在这里插入图片描述

css标签居中

在这里插入图片描述

选择器后代

在这里插入图片描述

选择器子代

在这里插入图片描述

选择器并集

在这里插入图片描述

选择器交交集

在这里插入图片描述

选择器伪类

在这里插入图片描述

选择器额emmet语法

在这里插入图片描述

背景颜色

在这里插入图片描述

背景图片

在这里插入图片描述

背景图片平铺

在这里插入图片描述

背景图片位置

在这里插入图片描述

背景图片连写

在这里插入图片描述

显示模块-块

显示模块-行内

在这里插入图片描述

显示模块-行内块

在这里插入图片描述

显示模块-元素显示模式转换

在这里插入图片描述

继承性

在这里插入图片描述

层叠性

在这里插入图片描述

css盒子模型-优先级

在这里插入图片描述

css盒子模型-优先级叠加计算

在这里插入图片描述

css盒子模型

在这里插入图片描述

博客等级

码龄6年

54
原创

786
点赞

515
收藏

773
粉丝

关注

私信

热门文章

分类专栏

网络安全 27篇
NSSCTF 17篇
基础知识 8篇
小技巧 1篇

最新评论

命令执行讲解和函数
CSDN-Ada助手: 恭喜你这篇博客进入【CSDN每天值得看】榜单，全部的排名请看 https://bbs.csdn.net/topics/618084623。
文件上传-Webshell
Ryongao: 感谢大佬的点评以后会越做越好的
文件上传-Webshell
Ryongao: 感谢大佬的点评以后会越做越好的
文件上传-Webshell
程序边界: 文章干货满满！作者在阐述每个知识点时，都力求详尽且清晰，使得读者可以轻松理解并掌握。此外，文章中还引用了一些具有代表性的代码片段，这些代码既展示了编程的魅力，也使得读者能够更好地理解相关概念和技巧。
SQL布尔盲注、延迟注入和堆叠注入
Ryongao: 感谢CSDN的支持

最新文章

目录

评论

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

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

Ryongao 你的鼓励将是我创作的最大动力

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

扫码支付：¥1

获取中

扫码支付

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

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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