声明!
学习视频来自B站up主 泷羽sec 有兴趣的师傅可以关注一下,如涉及侵权马上删除文章,笔记只是方便各位师傅的学习和探讨,文章所提到的网站以及内容,只做学习交流,其他均与本人以及泷羽sec团队无关,切勿触碰法律底线,否则后果自负!!!!有兴趣的小伙伴可以点击下面连接进入b站主页B站泷羽sec
html简介
HTML是用来描述网页的一种语言 HTML指的是超文本标记语言:Hyper Text Markup Language
HTML不是一种编程语言,而是一种标记语言 标记语言是一套标记标签(markup tag)
HTML使用标记标签来描述网页
HTML文档包含了HTML标签以及文本内容 HTML文档也叫web页面
一、HTML基本结构该市
HTML有一个标准的结构,主要由以下几个关键组成:文档类型声明、HTML根元素、头部(head)和主体(body)
二、文档类型声明(DOCTYPE)
<!DOCTYPE html>
:这是HTML5的文档类型声明,它必须位于HTML文件的第一行,作用是告知浏览器文档所遵循的HTML版本,以便浏览器能够正确的渲染页面。对于HTML5来说,这个声明简介明了,统一了标准,取代了之前复杂的DTD声明
三、HTML根元素
<html>
:作为HTML文档的根标签,所有其他的HTML元素都被包含再它里面,它有开始标签和结束标签,这个标签界定了整个HTML文档的范围,浏览器会识别其中的内容作为有效的HTML代码
四、头部部分
<head>
:此部分包含了关于网页的元数据,这些信息对浏览器的渲染和网页的展示特性有重要作用,但不会直接再网页的可见区域显示
<title>
:用于定义网页的标题,标题内容会显示再浏览器的标题栏或标签页上,这是用户识别网页的重要标识,同时也对搜索引擎优化(SEO)有一定影响
<meta>
:用于提供多种类型的元数据,常见的有字符编码设置,如<meta charset="UTF-8">
,它确保浏览器能够正确的解析和显示网页中的各种字符,支持多种语言的字符集,另外,还可以用于设置页面描述、关键词等信息,用于向搜索引擎描述网页内容,可设置关键词帮助搜索引擎索引网页
<link>
:主要用于链接外部资源,最常见的是链接CSS样式表,例如<link rel="stylesheet" href="styles.css">
,其中rel表明这是一个样式表链接,href属性制定了CSS文件的路径,通这种方式可以实现网页内容与样式的分离,方便维护网页
<script>
:可用于HTML文档中嵌入javascript代码或引用外部的JavaScript文件,如果是嵌入代码,可以这样<script>alert('xss')</script>
五、主体部分
<body>
:包含了所有再网页可见的内容,如文本、图像、超链接、表格、表单等各种网页元素
<p>:
段落标签
<h1>-<h6>
:标题标签,用于创建不同级别的标题
<img>
:用来插入图像通常用src属性
<a>
:超链接标签通常用href属性
<table>
:表格标签,用来创建表格
六、表单元素
<form>
:用来收集用户信息<input><sumbut>