暑期Web安全学习笔记

X_Bubble

已于 2024-07-11 16:40:12 修改

阅读量316

点赞数 4

分类专栏： web安全文章标签：学习笔记 web安全 web html

于 2024-07-11 16:38:15 首次发布

本文链接：https://blog.csdn.net/X_Bubble/article/details/140355735

版权

web安全专栏收录该内容

1 篇文章 0 订阅

订阅专栏

写在前面：大家好啊！我是一名网络空间安全专业的本科生，为了好好利用这个暑假充实一下自己，打算自学web安全，每天将自己的笔记上传，大家也可以和我一起学习，我们一起进步！！希望我的笔记能帮助到你。

Web安全

前端三要素

html、css、js

一、HTML

1、HTML简介

1）定义

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

2）HTML标签与元素

“HTML标签”和“HTML元素”描述的是同样的东西

<标签>内容</标签>

第一个是开始标签，第二个是结束标签

严格来讲，HTML元素是一个标签对=，包含开始标签和结束标签

3）HTML网页结构

<html>
	<head>
		<title>页面标题</title>
	</head>
	
	<body>
		<h1>这是一个标题</h1>
		<p>这是一个段落</p>
		<p>这是另一个段落</p>
	</body>
</html>

只有body中内容会在浏览器中显示

4）中文编码

有可能出现乱码现象，要在头部()输入

<meta charset="utf-8">
//或者<meta charset="GBK">

2、HTML编译器

1）相关插件下载

打开VScode并在扩展中下载

Chinese (Simplified) (简体中文)
HTML Play

在这里插入图片描述

open in browser（1.1.0）

先下载2.0.0版本

右键选择安装另一个版本

右键–>点击扩展设置，配置想要打开在哪个浏览器

重启VScode

2）创建html文件

左上角文件–>创建文件–>输入html

文件名后缀必须是.html

在这里插入图片描述

输入内容

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
 
<h1>我的第一个标题</h1>
 
<p>我的第一个段落。</p>
 
</body>
</html>

快捷键ctrl+alt+H运行文件

在这里插入图片描述

右键–>Open in default Browser

```

快捷键ctrl+alt+H运行文件

[外链图片转存中…(img-NeU2yLlv-1720686518862)]

右键–>Open in default Browser

在这里插入图片描述

X_Bubble

关注

4
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
暑期Web安全学习笔记

1）定义HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言:HyperTextMarkupLanguageHTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签HTML 使用标记标签来描述网页HTML 文档包含了HTML标签及文本内容HTML文档也叫做web 页面2）HTML标签与元素“HTML标签”和“HTML元素”描述的是同样的东西内容第一个是开始标签，第二个是结束标签严格来讲，HTML元素是一个标签对=，包含开始标签和结束标签。
复制链接

扫一扫