首页 前端知识 网络基础之HTML

网络基础之HTML

2025-03-23 11:03:39 前端知识 前端哥 931 638 我要收藏

声明!
学习视频来自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>

在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/24245.html
标签
评论
发布的文章

【Linux笔记】基础IO(上)

2025-03-27 13:03:40

大家推荐的文章
会员中心 联系我 留言建议 回顶部
浏览器升级提示:您的浏览器版本较低,建议您立即升级为知了极速浏览器,极速、安全、简约,上网速度更快!立即下载
复制成功!