整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
共中央組織部
最新黨內統計數據顯示
截至6月5日
中國共產黨黨員總數為9514.8萬名
為慶祝中國共產黨成立100周年
荊楚網和湖北文明網聯合推出
向黨報到：我是1/9514.8萬 活動
你是誰，你在哪里？
復制下方鏈接至瀏覽器，向黨報到！
↓↓↓
https://b.u.mgd5.com/c/3pig/zg3v/index.html
許黨報國，
不負人民！
策劃：吳康安 統籌：沈素芬
編輯：桂思敏 設計：夏瀟然 技術：王明望
出品：荊楚網（湖北日報網）
這篇針對初學Web開發人員的文章中，我們來看看HTML以及如何使用這種標記語言來設置Web開發項目。
那么我們從哪里開始？在一開始的時候！138億年前，宇宙是在所謂的大爆炸中創造的。
好吧，也許我們不需要那么遠。讓我們從這個HTML事物的來源開始。
如果您不熟悉HTML，HTML（也稱為超文本標記語言）已經出現一段時間了。它是網頁結構的標準。它是定義我們的Web（或萬維網www）標準的3種技術的一部分。其他2，CSS和JavaScript，我們會在稍后的日子報道。但是這個HTML事物是構建我們的網頁或應用程序的基礎。這就是您的瀏覽器知道如何顯示您以及屏幕上的位置。
太棒了，所以這4個字母的縮寫告訴互聯網如何呈現一個頁面。瀏覽器如何讀取它？什么是使它如此友好的結構？
標簽！
<yes>
HTML使用預定義標簽來構建網頁。有一些非常重要的標簽可供您了解。定義網站結構的前3個是<html>，<head>和<body>。但在此之前，您需要聲明的文檔類型
<！DOCTYPE html>標記是您打開網頁的方式。這應該是第一個。這是瀏覽器讀取的第一行，以了解它實際上是在讀取HTML文檔。之后的一切都只是結構。
大多數標簽需要打開和關閉。結束標簽通常由在單詞開始處帶有反斜杠的標簽組成。例如<html> </ html>是HTML的開放和結束標簽。這條規則有一些例外，但現在，假設所有標簽必須以這種方式打開和關閉。
好吧，讓我們來編碼。打開一個代碼編輯器，如Atom或Notepad ++。我們將從本地開始。
那么，我們需要創建一個網頁的第一件事是什么？
沒錯，文檔類型聲明！
<！DOCTYPE html>
現在我們使用前面提到的3個標簽，HTML，head和body定義基本結構。
<html>
<head>
</head>
<body>
</body>
</html>
所以HTML標簽告訴瀏覽器從哪里開始尋找頁面的結構。頭標記包含關于該頁面的所有信息，用戶不能直接看到。這些是用于搜索引擎，書簽等的東西。您將定義出現在頁面選項卡上的頁面名稱，這就是我們真正能夠看到的。您也可以在這里定義參考腳本和文件，我們將在下周了解更多信息。
body標簽是所有用戶可見的東西。如果您已經看過一些HTML標簽（如<h1>或<p>或<a href...>），所有這些都在正文中（一般來說）來定義頁面如何顯示給用戶。出于我們的目的，我們會說這定義了頁面的所有結構和格式，但在接下來的幾周中，您將看到這將如何改變。
讓我們給頁面一個標題和一些快速文本，然后我們會看看我們的瀏覽器。
在開始和結束<head>標簽之間，定義一個標題。
< title >我的網頁</ title >
在打開和關閉<body>標記之間添加一些文本。目前，我們不會添加標簽。只是普通的舊文本。
保存您的文件并將其命名為index.html。
現在，為什么我們要命名我們的文件索引？
因為這是進入域時的默認文件名（除非另有說明 - 稍后會介紹）。讓我們快速解析一個URL。因此，在像這樣的URL（ https://www.sap.com/community.html）中，明確提到了文件名。我們希望顯示community.html文件。但是，如果我們從URL中刪除community.html，我們將顯示哪個頁面？應該加載哪個文件？做吧！怎么了？我們被轉到https://www.sap.com/index.html。我們將我們的home文件命名為index.html，因為如果沒有指定文件名，瀏覽器會將其解釋為index.html。您可以覆蓋此重定向，但現在，我們將保留瀏覽器的默認規則。
所以一旦你保存了你的文件，你可以雙擊它，它會在你的瀏覽器中打開。
不是太令人興奮，但看看標簽是如何命名為我們在標題標簽中定義的相同的東西？我們的網頁上只有我們放在網頁上的純文字？現在我們已經了解了這些標簽在屏幕上的呈現方式，讓我們對頁面進行一些調整。
回到你的編輯器，讓我們在body中添加一些格式。
使用<h1>標簽添加標題。這些是標題標記，并且標題級別可以從1（頂級）到6級。級別數越大，標題越不重要，它就是查看它的一種方式。
然后，將純文本包裝在一對<p>標簽中。這將把它定義為一個新的段落。這是分解文本的有用標簽，因為它為我們的頁面添加了自然的新行和間距。
<body>
<h1>All about Meredith</h1>
<p>Here is some text.<p>
<p>And then I added more that I want to be in a new paragraph. </p>
</body>
確保保存，然后在瀏覽器中刷新頁面。
如果你想添加鏈接，這就是<a>標簽的來源。<a>標簽是錨點。您可以使用它們在頁面上跳轉（如可能會看到的“跳到底部”，“返回頂部”鏈接），也可以將它們作為外部參考。讓我們建立一個鏈接到我們的SAP人員配置文件。我們通過標簽定義中的href屬性定義要去的地方。我將添加名為target的第二個屬性，該屬性指定在哪里打開新頁面。在這種情況下，我希望它成為一個新選項卡，因此我使用_blank。
<a target="_blank">Meredith's Profile</a>
保存更改并刷新瀏覽器。
點擊鏈接。這將通過您的SAP人員配置文件打開一個新頁面。
使用HTML進行開發有很多優秀的資源，但現在它不是構建頁面或應用程序的標準。在開始構建Web應用程序的一些更加動態的部分之前，我想花一些時間來討論基本構建塊。理解一個頁面是如何構建的，然后才能在兔子洞下面走得很遠很重要。因此，如果您想了解更多信息，請隨時瀏覽W3School的HTML簡介，但這是構建網頁的良好基礎。
下一次，我們將看看CSS來探索你如何設計一個網頁。
標題：想要心儀的offer？@高校應屆畢業生，求職實用攻略來啦
據教育部公布的數據
今年高校應屆畢業生人數將
首次突破一千萬
春招進行時
報到證有什么用？遠程面試要注意什么？
選擇到基層就業有哪些優惠政策？
@應屆畢業生們
這份求職攻略請收好！
招聘信息哪里查？
這些平臺放入收藏夾
面對互聯網上的海量招聘信息
擔心不靠譜？
這些平臺，可放心加入收藏夾↓↓↓
01 高校畢業生就業服務平臺
http://job.mohrss.gov.cn/202008gx/index.jhtml
可以按崗位查詢也可按地域查詢心儀的工作哦~
02 中國公共招聘網
網址：http://job.mohrss.gov.cn/
提供崗位信息、招聘會信息，還有招聘崗位排行榜、職場小貼士，服務內容超豐富的！
03 中國國家人才網
網址：https://www.newjobs.com.cn/
高校畢業生可通過完善個人信息，獲得平臺精準匹配推送的崗位或者平臺搜索自主投遞簡歷找到心儀的工作~
04 “就業在線”
網址：https://www.jobonline.cn/
國家級招聘求職服務平臺，可以在這里完成簡歷投遞、面試查詢等找工作全流程。另外，還提供簡歷核驗服務，經核驗的建立將有特殊標識，提升簡歷競爭力。
各地公共招聘網站
以及人社部門推薦認定的
誠信人力資源服務機構網站
也是靠譜的哦！
你若盛開 清風自來
祝大家求職順利
收獲心儀的工作！
來源： 央視新聞客戶端
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
