整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          手把手教小白入門網絡安全:代碼基礎-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


          主站蜘蛛池模板: 国产在线精品一区二区三区直播| 爆乳熟妇一区二区三区霸乳| 日韩AV无码久久一区二区| 国产高清精品一区| 狠狠色成人一区二区三区| 亚洲天堂一区二区三区| 毛片无码一区二区三区a片视频| 精品人妻少妇一区二区三区不卡 | 成人毛片一区二区| 综合久久久久久中文字幕亚洲国产国产综合一区首 | 国产高清一区二区三区| 波多野结衣在线观看一区二区三区 | 日本一区二区在线免费观看| 国产一区二区三区在线2021| 无码少妇一区二区浪潮免费| 国产婷婷色一区二区三区| 国产精品盗摄一区二区在线| 香蕉久久一区二区不卡无毒影院| 国产在线精品一区二区在线看| 少妇激情AV一区二区三区| 中文乱码精品一区二区三区| 日韩三级一区二区| 国产精品夜色一区二区三区| 亚洲AV综合色一区二区三区| 美女视频免费看一区二区| 久久人妻无码一区二区 | 精品一区二区在线观看| 亚洲一区二区精品视频| 日韩在线视频不卡一区二区三区 | 欧美日本精品一区二区三区| 91视频一区二区三区| 国产乱码一区二区三区四| 一区二区三区国产| 久99精品视频在线观看婷亚洲片国产一区一级在线 | 97人妻无码一区二区精品免费| 亚洲色婷婷一区二区三区| 好爽毛片一区二区三区四| 国产一区二区三区免费观在线| 国产一区二区三区日韩精品| 免费一区二区三区在线视频| 亚洲国产精品一区二区第一页免|