HTML基础教程（非常详细）从零基础入门到精通，看完这一篇就够了。_html零基础入门教程
我们平时所浏览的网站是由一页一页的页面组成的,每一个页面称为一个网页 网页是构成网站的基本元素, 通常由图片,文字,视频等元素组成, 我们常见的网页,通常都是以.htm 或.html 后缀结尾的文件, 也就是HTML文件, 而HTML文件需要使用HTML来编写, 因此, 想要制作网站, 首先需要了解HTML的基本使用方式
HTML基础教程
什么是HTMLHTML语法规范结构标签
第一个页面字符集 基础标签
h1-h6 标题标签p 段落标签br 换行标签div 标签span 标签img 图片标签a 超链接标签 文本格式化标签表格标签列表标签表单标签
form 表单input 输入框
input 常用属性 HTML特殊字符对照表
什么是HTML
HTML全称Hyper Text Markup Language, 翻译成中文就是 超文本标记语言，是一种最基础的网页开发语言, 需要注意的是HTML并不是编程语言, 而是一种标记语言
超文本 可以理解为超越了文本的意思, 也就是超级文本, 超文本不只是普通的文本内容, 还可以加入图片,视频,声音等内容, 甚至可以从一个文件跳转到另一个文件(超级链接文本)标记语言 可以理解为一套标记标签,也就是由许多标记标签组成的语言
HTML语法规范
1.HTML标签是由尖括号包围的关键字,比如
2.HTML标签通常是成对出现的,由一个开始标签和一个结束标签组成,也就是双标签,比如
3.有些特殊的标签必须是单个标签,也就是单标签,比如
4.双标签可以分为两类: 包含关系和并列关系
结构标签
每个页面都会有一个基本的标签结构, 页面中能够看到的内容都需要写在结构标签中
第一个页面
第一个页面
字符集
字符集( Character set)是多个字符的集合, 以便计算机能够识别和存储各种文字 在head标签内, 可以通过meta标签的 charset属性来规定HTML文档应该使用哪种字符编码
charset常用的值有: GBK 和 UTF-8, 其中 UTF-8 也被称为 万国码, 基本包含了全世界所有国家需要用的字符, 也是最常用的字符集之一
基础标签
h1-h6 标题标签
标签介绍
h就是单词 head 的缩写, 意为头部, 标题, 常用于标题, 并依据重要性递减( h1最大, h6最小)
标签实例
一级标签
二级标签
三级标签
四级标签
五级标签
六级标签
p 段落标签
标签介绍
p就是单词 paragraph 的缩写, 意为段落, 常用于定义段落, 将整个网页分为若干个段落
标签实例
第一个段落
第二个段落
br 换行标签
标签介绍
br是单词 break 的缩写, 意为打断,换行, 页面中的文字需要到最右端才会自动换行, 如果希望文本强制换行, 可以使用br标签进行换行
标签实例
第一行
第二行
div 标签
标签介绍
div是单词 division 的缩写, 表示分割,分区, 没有什么特殊意义,常用来装内容, 需要注意的是,div标签独占一行, 也就是说一行只能放一个div盒子
标签实例
span 标签
标签介绍
span表示跨度,跨距, 没有什么特殊含义,常用来装内容,与div不同的是,一行可以放多个span标签
标签实例
span标签_1
span标签_2
img 图片标签
标签介绍
img是单词 image 的缩写,意为图像,常用来定义页面中图片
标签属性
src – 指定图片的路径alt – 设置图片的替代文本( 图片加载失败时显示)title – 设置图片的提示文本( 鼠标悬浮在图片上时显示)
标签实例
a 超链接标签
标签介绍
a是单词 anchor 的缩写,意为锚, 可以从一个页面链接到另一个页面
标签属性
href – 指定目标urltarget – 指定链接页面的打开方式
_blank 新页面打开_self 当前页面打开
标签实例
点击超链接标签后, 在新页面中打开百度的网站
文本格式化标签
标签实例
加粗
斜体
删除线
下划线
表格标签
标签介绍
表格主要用于显示和展示数据, 可以让数据显示的非常整齐, 提高可读性, 一个简洁的表格能够把繁杂的数据表现的很有条理, 需要注意的是 表格擅长的是展示数据而不是布局页面, 页面的布局推荐使用 div 或 span 等标签
标签实例
| 姓名 | 年龄 |
|---|---|
| 张三 | 18 |
| 李四 | 19 |
列表标签
标签介绍
顾名思义, 列表标签可以使数据呈列表的形式展现, 提高数据的可读性, 使数据的展现更加规律和美观 列表分为有序列表和无序列表, 无序列表没有顺序可言, 通常以项目符号呈现列表项, 而有序列表可以显示各个列表项的顺序
标签实例
无序列表的列表项没有顺序, 常用于展示不关心顺序的数据
- 无序列表项1
- 无序列表项2
有序列表的列表项会显示排序, 以此来提高数据的可读性
- 有序列表项1
- 有序列表项2
自定义列表可以展示多级信息, 以此来达到分类的效果
- 分类1
- 分类项1
- 分类项1
- 分类2
- 分类项2
- 分类项2
表单标签
表单标签常用于跟客户进行交互, 收集用户信息
form 表单
标签介绍
form 标签用来创建一个 表单域, 在提交数据时, 表单域中的所有数据元素将被作为一个整体提交至服务器
标签属性
action – 指定表单数据提交的url地址method – 指定提交方式( get/post)
input 输入框
表单属性
type – 指定输入框的属性name – 定义元素名, 用于后端接收数据value – 设置输入框的值checked – 首次加载时选中maxlength – 最大长度, 用于规定输入的字符数量( 没啥用,前端源码中随便修改)
input 常用属性
标签实例
HTML特殊字符对照表
html中某些字符是预留字符, 不能直接使用, 因此需使用代码表示
学习网络安全技术的方法无非三种:
第一种是报网络安全专业，现在叫网络空间安全专业，主要专业课程:程序设计、计算机组成原理原理、数据结构、操作系统原理、数据库系统、 计算机网络、人工智能、自然语言处理、社会计算、网络安全法律法规、网络安全、内容安全、数字取证、机器学习，多媒体技术，信息检索、舆情分析等。
第二种是自学，就是在网上找资源、找教程，或者是想办法认识一-些大佬，抱紧大腿，不过这种方法很耗时间，而且学习没有规划，可能很长一段时间感觉自己没有进步，容易劝退。
网络安全学习路线
如果你对网络安全入门感兴趣，那么你需要的话可以点击这里网络安全重磅福利：入门&进阶全套282G学习资源包免费分享！
或者扫描下方csdn官方合作二维码获取哦！
这是一份网络安全从零基础到进阶的学习路线大纲全览，小伙伴们记得点个收藏！
阶段一：基础入门
网络安全导论
渗透测试基础
网络基础
操作系统基础
Web安全基础
数据库基础
编程基础
CTF基础
该阶段学完年薪15w+没有问题
阶段二：技术进阶（到了这一步你才算入门）
弱口令与口令爆破
XSS漏洞
CSRF漏洞
SSRF漏洞
XXE漏洞
SQL注入
任意文件操作漏洞
业务逻辑漏洞
该阶段学完年薪25w+
阶段三：高阶提升
反序列化漏洞
RCE
综合靶场实操项目
内网渗透
流量分析
日志分析
恶意代码分析
应急响应
实战训练
该阶段学完即可年薪30w+
阶段四：蓝队课程
蓝队基础
蓝队进阶
该部分主攻蓝队的防御，即更容易被大家理解的网络安全工程师。
攻防兼备，年薪收入可以达到40w+
阶段五：面试指南&阶段六：升级内容
需要上述路线图对应的网络安全配套视频、源码以及更多网络安全相关书籍&面试题等内容可在文章后方领取。
如果你对网络安全入门感兴趣，那么你需要的话可以点击这里网络安全重磅福利：入门&进阶全套282G学习资源包免费分享！
或者扫描下方csdn官方合作二维码获取哦！
感谢您观看我的文章，谢谢！！