整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

手把手教小白入门网络安全:代码基础-HTML的基本语法和结构

位小伙伴好,黑客技术离不开代码,做为一个渗透测试工程师,也一定要有一些代码基础。网络安全行业,现在人才缺口大,再加上就业形势又很严峻,介于这些,我们想培养一批优秀的网络安全人才,将对网络安全行业、黑客技术,以及渗透测试技术感兴趣的小白培养成精英。

跟随我们,不管你有多白,都可以逐步进入网络安全行业,并最终在这个行业找到高薪职业。

然后呢,我要说一句,关于“黑客”可能并不是大多数人所了解的那样。关于这些,可以参考:什么是黑客?什么是渗透测试?2分钟看完这800多字你就懂了

那么,我们就先从代码基础——HTML的基本语方开始。

首先给大家描述三个概念:语言、程序、代码之前的关系。

语言

首先我们就要搞清楚什么是语言?可能说HTML语言不太好理解,那么我们想一想日常生活当中比较常见的我们中国人彼此之间都会交流,是不是叫做汉语呢?所以说汉语就是一门语言。

那么这时候大家脑子里面就可以构思一下啊什么样的东西大致就是语言了。它应该是一种沟通交流的一种方法的一个集合,包括我们如何发音,如何写字,这些字如何拼在一起,能够产生具体的意义,有一定的含义,这些所有所有的集合在一起,形成了一套规则,然后大家都去遵循这套规则,就能够彼此交流,那么这就叫做语言。

我们再举一个例子,比如说英国人或者美国人,他们也有自己的语言,叫做英语,那么我在这里就是换了另一种语言,

代码

了解了语言之后,我们就再来看一看,什么是代码,那代码跟我们日常生活中的这种能够联系起来的又是什么东西呢?

我们还是拿汉语来做比喻哈,我们说汉语就是一种交流沟通的一种规则,它是一门语言。在大家小的时候肯定就会去学这门语言。这门学科在小学的时候就叫语文,对吧。那么我们上语文课的时候,就要学一些最基础的有关语言的东西,比如说汉语拼音生字词,当时要记很多的这种生字生词,那么他是不是可以理解成是我们汉语的一种最基本的那种组成结构?

那么英语呢?我们在学习英语的时候也会去记一些东西啊,就比如英文字母,紧接着就是背各种各样的单词,是不是当我们单词量有了一定的积累之后,我们对这个语言呢就掌握得更深刻了。

那么汉语要背生字词,英语呢要背单词,这些最基本的组成结构。那么在程序语言里面,代码就可以理解成是生字词或者是单词。

程序

最后,我们再来看看什么是程序。它是由很多很多一行一行的代码组成在一起,能够完成一个综合性的或者一个比较大的一个目标的这样的一个代码的集合。

那么我们对照一下自然的这种语言,比如说汉语英语呢它是什么样?好多的文字放在一起,是不是句子?或者说再多一点儿就是一篇文章。一篇文章甚至再大一点儿可能是一本书,

那么汉语能写文章,用英语英文也能写文章,这个文章可大可小,可能几千字能大一点儿的一本书,也可以理解成是文章,那么用生字词组成的这种集合就成了文章了。然后我们再谈程序,它是什么呢?对照一下大家可能就理解了,它就是一个由代码组成的文章。

HTML叫做超文本标记语言

那么回过头来我们看我们要学的HTML语言,它也是一门语言,只不过呀它跟我们理解的汉语和英语有一定的区别。

汉语的主流是中国人之间交流的时候沟通的时候用的语言。那么英语呢应用的比较广泛,是一些英语国家之间彼此交流沟通的时候用的语言。那么HTML语言它也是一种语言,只不过它不是人和人之间去交流的语言,那么它到底是做什么用的呢?我们来看一下HTML的概念。

HTML中文名称叫做超文本标记语言,用HTML编写的超文本文档称为HTML文档。它能够独立于各种操作系统平台,使用HTML语言将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML文件翻译成可以识别的信息,即现在所见到的网页。

那么从中我们能看到什么呢?首先我们知道它的中文名称了。HTML叫做超文本标记语言。

那么再往下我们看他提到了。

在这里浏览器是吧?提到了浏览器,那么这时候我们就知道了HTML语言啊它是一种与浏览器之间进行交流的这么一种语言。就是我们去写一些代码,那么写这些代码的目的是什么呢?目的就是为了和浏览器去交流,只要我们写的这个东西浏览器能看得懂,他就会根据我们写的代码呈现出最终的网页。这就是HTML语言的一个基本概念。

HTML的语法规则

(1)HTML中的各种元素都是通过标记(标签)来表示。

(2)HTML当中的标签分为单标签和双标签。

(3)单标签格式为<名称/>,双标签格式为<名称></名称>。

(4)HTML对大小写不敏感。


然后,我们可以对照一下HTML的基本结构

HTML网页基本结构需要如下标签组成:

(1)<html></html>

(2)<body></body>

(3)<head></head>

(4)<title></title>


首先,我们打开一个记事本。

单击窗口图片,在列表中找到记事本

然后在记事本中输入<html></html>,这表示告诉浏览器,这是一个标准的HTML网页。

在记事本中输入<html></html>

那么为什么是两个呢?前面1个,后面1个,这就有点类似于我们标点符号里边的括号,前面有一个开始,左半边括号后面有一个结束。右半边括号在这里也是前面的HTML表示网页从这儿开始,那么后边这个-html表示网页呢至此结束。

那我们网页这才刚开始就结束了呢,别着急,我们来看我在这里敲了几次回车把它分开了。那么表示什么意思呀?表示中间呀是有很多内容的,就是在网页开始到网页结束的中间是会有其他的东西的。

分开html开始和结束标签

我们接着往下看,第二个标签呢叫做<body></body>,里面的单词呢表示的是身体,那么它呢表示的就是网页的主体,这个网页的主体也属于基本结构,那么它在哪儿呢?注意啊网页的主体也属于网页,那么它呀要放在<html></html>的中间。

将<body></body>标签插入到<body></body>中

下面,我们开始将第3个标签<head></head>写入记事本,它代表头部。他表示头是吧?我们可以想象一下,这个脑袋注意它和身体之间到底应该是个什么样的关系呢?就我们想象有一个人站在那儿,脑袋应该是在上面,身子应该是在下边哈。所以注意我们这个<head>标签呀要放在<body></body>标签的上方。注意!它们之间没有包含关系!是一上一下的。

在<body></body>标签的上方插入<head></head>

最后一个叫做<title></title>这个单词的意思呢叫做标题。那么这个标题你应该放在哪?告诉大家,它属于网页的头部,在头部的里边。

好了,整理一下格式

插入<title></title>标签

我们来看4个基本结构的组成标签,我们都已经写到了这个文档里面了。

大家需要注意的是,我写的这种结构啊这个包含的关系非常重要。最外边是html表示网页开始,到网页结束,中间呢有头、身子,还有标题,那么头和身子是一上一下的关系,那么标题呢属于头部里边儿。要记住这个格式!

那么到现在为止呀我们这个网页的基本结构就算是真正写完了,我们把它保存一下。现在这个文档里边啊我们写的是网页的程序,虽然很简单,但它也是一个完整的网页了。

那么既然是一个网页,那我们如何能打开它看这个网页呢?注意这个HTML写出来的这个程序啊需要放在HTML文件里边,

那么我们怎么做呢?直接把这个记事本改后缀,他现在是个.txt文档,我们把这个文件的后面的txt扩展名改成html。

将.txt格式改成.html格式

双击“网页.html”,就会打开一个网页。

用代码创建的第1个初始网页

果然是用浏览器打开的一个网页,但是里边呢还没有东西是吧?空白的。

那么我们就来看一下,重新用记事本的方式把它打开。

我现在要想在里边简单的写点文字,哎我看看我这个网页是否能够正常显示。

那么在哪儿能够写文字呢?跟大家说一下,

在我们这个基本结构里啊有两个地方是可以写内容的,一个就是<body></body>主体,另外一个呢就是<title></title>标题,这两个地方中是可以写文字内容的。

右键单击这个html文件,选择打开方式→打开其他应用,然后找到记事本,用记事本打开。

用记事本打开html文件

然后在<title></title>中间写上“我的第一个网页”,<body></body>中间写上“这里是主体文字”

标签中间插入文字,让网页中有内容

好了,写完之后我们再保存。关闭这个窗口,重新打开看一下效果。那么大家看这会儿在网页里面显示出来了。首先呢在网页主体里边显示出了“这里是主体文字”,并且在页面的上方的标签呢显示的是“我的一个网页”。

用代码创建的第1个网页

那么我们今天的讲解你看懂了么?

带你学代码、学编程、学语言、学网络安全、学黑客技术、学渗透技术,逐步成为网络高手,拿到年薪30W+的offer,在网络江湖,从小刀客变成大侠。如果感兴趣,请关注我,私信我,可获得更多学习资料。

想做一个简单的网站,如何制作?#要制作一个简单的网站,怎么做?今天传承网络来教给您如何制作一个简单的网站。

1,确定网站主题:

网站的主题可以是宣传、营销或综合类型。宣传网站注重公司介绍、行业动态宣传预测、新产品发布等;营销网站注重介绍公司产品,通过网站实现营销升级;综合网站则集宣传、营销、管理于一体。,

2,选择域名:

从用户的角度出发,选择一个合适的域名。域名应该与网站主题相关,易于记忆和拼写,并且尽可能短。

3,选择网站模板和规划网站:

有些平台会提供网站模板,你可以在这些模板中快速找到适合你行业的模板。确定模板后,开始规划网站的功能和布局,考虑网站需要包含哪些页面和功能,并尽量规划所有功能以避免后续重复修改。

4,使用网页设计软件和技术:

使用如Adobe Photoshop、Adobe Illustrator、Sketch等设计软件制作和处理网页图片、图标和按钮等元素。

学习并应用HTML、CSS和JavaScript等网页开发技术。HTML用于构建网页的基本骨架,CSS用于美化网页样式,JavaScript使网页具有交互功能。

5选择网页开发工具:

可以使用如Adobe Dreamweaver、Visual Studio Code、Sublime Text等专业的网页开发工具,这些工具可以集代码编辑、网页预览于一体,帮助你更高效地开发网站。

6,美化网页并在线测试:

根据企业的定位进行配色,调整网站的细节,并测试网站的性能。确保所有功能都能正常实用,然后就可以备案并在线运行网站了。

7,注意网站设计原则:

在设计网站时,需要遵循简洁性、易用性、一致性、可访问性、美学价值、快速加载和可更新性等原则,以确保网站的用户体验和信息传达效果。

8,进行网站优化:

网站制作完成后,还可以进行关键词研究和优化、内容优化、网站结构优化、提升网站速度、移动优化、外部链接建设、社交媒体整合、定期分析和优化等,以提高网站的可见性和用户体验。

请注意,以上步骤是一个基本的指南,具体步骤可能会因你的需求和网站类型而有所不同。如果你是初学者,可能需要花费一些时间来学习和实践这些技能。如果你需要更专业的帮助,可以考虑聘请一个网站开发团队或咨询一个专业的网站设计师。如果您也有网站需求,欢迎找传承网络咨询。#建站公司推荐# #公司网站怎么做#

己建网站前需要从规划与定位、了解受众需求、内容策略、设计与布局、推广与SEO优化进行全面了解,您才可以建立一个符合个人品牌和专业能力的个人网站,并将其建立成一个转移价值和机会的窗口。

需注意,网站建设需要持续的努力和关注,你可以通过不断的学习和改进来发展网站,并获得更多的增长和机会。

一、规划与定位

在建立个人网站之前,我们需要明确网站的目标和定位。

确定你的受众,了解他们的需求和期望,进一步,根据你的专业背景和兴趣,确定网站的主题并命名。

主题的选择应与你的个人品牌和专业能力相呼应,以便为你的网站创造一个独特的形象。

二、内容策略

一个成功的个人网站离不开高质量的内容。在构建网站内容策略时,我们可以考虑以下几个方面:

提供有价值的信息:通过发布专业领域的知识、经验和经验,为观众提供有用的信息。这不仅有助于在这个领域建立自己的权威形象,而且还能吸引更多的访问者。

创建有趣的互动:建立博客、论坛或评论区等与观众的互动平台。鼓励访问者留言、提问和参与讨论,进一步增加网站的活动。

多媒体丰富:除了文本内容外,还可以结合图片、视频、音频等多媒体元素,提供更丰富、更有吸引力的内容。

定期更新:保持网站内容的新鲜度和及时性,定期更新文章、案例、项目等,让访问者愿意经常回访。

三、设计与布局

在设计网站的外观和布局时,可以考虑以下几点:

简洁明了:网站的导航结构和页面布局要尽可能简洁,让访问者能够轻松找到所需的信息。

品牌统一:将个人品牌元素融入网站设计,包括颜色、字体、标志等,以提高网站的识别度。

响应设计:确保网站能够在不同的设备(如电脑、手机、平板电脑)上正常显示和操作,提升用户体验。

四、推广与SEO优化

网站建设完成后,我们需要考虑如何让更多的人找到和访问我们的网站。以下是一些推广和SEO优化的方法:

社交媒体宣传:通过在社交媒体平台(如微博、微信公众号、头条、搜狐等)上分享网站内容,吸引更多关注。

内容营销:参与相关领域的讨论,并在适当的时候推广自己的网站链接,提高知名度。

SEO优化:通过关键词研究和优化网站的标题、标签、描述等,提高搜索引擎的排名,增加有机流量。

合作与交流:与其他相关领域的网站或个人建立合作关系,相互宣传推广。

原文

https://www.pja.cn/wzzzjc/8302.html