首页 > 其他分享 >从0学网安之HTML(超文本标记语言)基础

从0学网安之HTML(超文本标记语言)基础

时间:2024-11-25 09:34:20浏览次数:9  
标签:学网安 网页 示例 标签 HTML 文档 超文本 sec

声明!
学习视频来自B站up主 **泷羽sec** 有兴趣的师傅可以关注一下,如涉及侵权马上删除文章,笔记只是方便各位师傅的学习和探讨,文章所提到的网站以及内容,只做学习交流,其他均与本人以及泷羽sec团队无关,切勿触碰法律底线,否则后果自负!!!!有兴趣的小伙伴可以点击下面连接进入b站主页[B站泷羽sec](【黑客基础之html(超文本标记语言)】https://www.bilibili.com/video/BV1tkmbY9Eyv?vd_source=af926813b0120d97d7095c511ffccbc6)

HTML简介

什么是HTML?

HTML(HyperText Markup Language)是用来描述网页的一种语言。它不是一种编程语言,而是一种标记语言,使用标记标签来描述网页前端。

HTML基本结构概述

HTML网页有一个标准的结构,主要由以下几个关键部分组成:文档类型声明、HTML根元素、头部(head)和主体(body)部分。

文档类型声明(DOCTYPE)

<!DOCTYPE html>

这是HTML5的文档类型声明,必须位于HTML文件的第一行,告知浏览器文档所遵循的HTML版本。

HTML根元素(<html>)

<html>
  ...
</html>

作为HTML文档的根标签,所有其他的HTML元素都被包含在它里面。

头部部分(<head>)

<head>
  <title>精彩网页世界</title>
  <meta charset="UTF-8">
</head>

此部分包含了关于网页的元数据,如网页标题<title>和字符编码 <meta charset="UTF-8">。

主体部分(<body>)

<body>
  <h1>主标题</h1>
  <p>这是一段普通的文本内容。</p>
  <img src="image.jpg" alt="图像描述">
  <a href="https://www.example.com">点击</a>
</body>

<h1>~<h6>标题标签,h1最大h6最小

<p>段落标签

<a>超链接标签

包含了所有在网页中可见的内容。

完整的HTML示例

<!DOCTYPE html>
<html>
<head>
  <title>示例网页</title>
  <meta charset="UTF-8">
</head>
<body>
  <h1>欢迎来到示例网页</h1>
  <p>这是网页的主要内容部分,这里可以展示各种信息。</p>
  <img src="example.jpg" alt="示例图片">
  <a href="https://www.baidu.com">访问示例网站</a>
</body>
</html>

这个示例涵盖了基本的HTML网页结构元素,可以在此基础上根据实际需求扩展和完善网页的功能和设计。

标签:学网安,网页,示例,标签,HTML,文档,超文本,sec
From: https://blog.csdn.net/2301_80464522/article/details/144018728

相关文章

  • 怎样去除html标签之间换行产生的空格?
    HTML标签之间换行产生的空格主要由两种情况导致,因此也有不同的解决方法:标签之间的普通空格/换行:浏览器会将HTML代码中的多个空格、换行符渲染成一个空格。解决方法:移除空格和换行:最直接的方法是删除标签之间的空格和换行符,将标签紧挨着写。但这会降低代码的可读......
  • document.write和innerHTML有什么区别?
    document.write和innerHTML都是用于操作网页内容的JavaScript方法,但它们的工作方式和适用场景有很大的区别:document.write():写入时机:document.write()会直接写入到文档流中。如果在页面加载完成后调用,它会先清空整个文档,然后再写入内容。这通常会导致页面闪烁并重......
  • 使用正则去掉html中标签与标签之间的空格
    要使用正则表达式去除HTML标签之间多余的空格,需要考虑几种情况:多个空格压缩成一个空格:这可以使用\s+匹配一个或多个空格字符,并将其替换为单个空格。标签之间的换行符:换行符也应该被考虑在内,可以使用\s+来匹配,因为它包含了换行符。避免移除<pre>标签内的空......
  • 有使用过HTML5的跟踪元素吗?说说你对它的理解
    是的,我了解HTML5的<track>元素。它主要用于为媒体元素(例如<video>和<audio>)添加文本轨道,例如字幕、标题、章节、元数据等。<track>元素本身并不显示任何内容,它只是为浏览器提供了一种加载外部轨道文件的方式。以下是<track>元素及其用法的详细解释:主要用途:字幕(Sub......
  • 举例说明HTML5的Canvas元素有什么用途?
    HTML5的Canvas元素就像一块画布,允许开发者使用JavaScript在网页上动态地绘制图形、图表、图像以及动画。它提供了一个基于像素的绘图区域,可以用来创建各种视觉效果。以下是一些Canvas元素的常见用途示例:1.绘制图形和图表:简单的形状:可以绘制矩形、圆形、线条、弧线......
  • 如何在HTML页面中嵌入SWF文件,并通过浏览器运行出来
    1、首先当然是有一个浏览器,(我就用360急速版了,没办法,其实谷歌也可以,是360急速版,),360本身具有flash插件,你只需要启用就行1)先打开360极速版浏览器,进入“自定义和控制”。2)在选项中,点击“高级设置”选项。3)最后,在网页设置中找到网页内容设置,找到flash,点击“点击运行” 2、接下来......
  • 【快速入门】前端御三家:HTML、CSS和JS
    HTMLHTML,超文本标记语言,可以理解成骨架,是一个基础的东西。一.基础结构如图所示:二.常见标签1.标题标签在页面上定义标题性的内容<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6>2.段落标签用于在页面上......
  • HTML5的页面可见性(Page Visibility)有哪些应用场景?
    HTML5的PageVisibilityAPI提供了监测页面当前是否对用户可见的功能。这在很多场景下都非常有用,可以优化性能、提升用户体验,并节省资源。以下是一些常见的应用场景:暂停/恢复资源密集型任务:当页面不可见时,可以暂停视频播放、动画渲染、轮询请求、Canvas绘制等资源密集型任......
  • HTML5怎么为输入框添加语音输入的功能呢?
    要为HTML5输入框添加语音输入功能,您可以使用x-webkit-speech属性。这是一个非标准属性,主要在基于WebKit的浏览器(如Chrome和Safari)中受支持。其他浏览器可能不支持此功能。<inputtype="text"x-webkit-speech/>只需将此属性添加到您的<inputtype="text">元素中即......
  • 写出以下几个HTML标签:字体、居中、文字加粗、下标
    <!DOCTYPEhtml><html><head><title>HTML标签示例</title></head><body><!--字体--><pstyle="font-family:Arial;">这是一个Arial字体的段落。</p><pstyle="font-family:'Time......