整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
HTML文件中，有些標簽會被經常用到，可能有人覺得太基礎，就不認真對待，但是我可以負責任的告訴你，越基礎的往往越重要。這次重點學一學標題、段落和鏈接等基礎標簽。
為了不重復粘貼HTML代碼，咱們來個約定，除了第一次出現完整的HTML文件的頁面結構之外，之后只現新增的標簽內容，你自己將新的內容，添加到HTML文件中，進行效果驗證。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第3個HTML文件</title>
</head>
<body>
<!--這是一個完整的HTML頁面結構,常用標簽放在這個注釋后面即可-->
</body>
</html>在HTML中，標題從一級到六級，對應標簽為<h1>到<h6>，字體逐步變小。屬性為align(對齊方式)，屬性值為left(左對齊，默認）、right(右對齊)和center(居中對齊)。
<h1 align="center">一級標題</h1>
<h2 align="center">二級標題</h2>
<h3>三級標題</h3>
<h4 align="left">四級標題</h4>
<h5 align="right">五級標題</h5>
<h6 align="right">六級標題</h6>輸出結果
<p> 標簽定義段落。瀏覽器解析到<p>標簽時，會自動在其前后創建一些空白。<p>標簽的屬性也是align。其實為了HTML文件統一布局，很少會用align來指定位置，大多數是用CSS統一指定。
<p>老陳說編程，除了說編程，</p>
<p>還有程序員的愛情與友情，</p>
<p>那是不可能的。</p>輸出結果
在網頁發的文字多時，好多人習慣性會使用分割線。在HTML，用<hr/>單標簽就可以實現分割線。而換行，則用<br/>標簽。<hr>標簽屬性有表示位置的align、高度的的size和寬度width三個屬性，其中size和width的單位是像素，但如果用到這些屬性的話，推薦用CSS。
<hr size="1"/>
小舅子要結婚了，丈母娘跟我借了10萬塊錢做彩禮，結果婚事談崩了。<br/>
今天公司急用錢，我向丈母娘要那10萬塊錢。<br/>
丈母娘說：借你這10萬塊錢是干啥用的？<br/>
我說：給小舅子結婚用啊！<br/>
丈母娘說：那婚結成了嗎？<br/>
我說：沒結成。<br/>
丈母娘大聲罵道：婚都沒結成你還有臉來要錢！<br/>
突然感覺丈母娘這話說的沒什么毛病啊！
<hr size="1"/>輸出結果
無序列表<ul>標簽，可用粗體圓點標記一個項目的列表；有序列表<ol>標簽使用數字進行標記，而列表項用<li>標簽實現。有關列表的屬性，不是被H5拋棄，就是不被推薦，所以......。
<p>
程序員最喜歡做的三件事
<ul>
<li>編程</li>
<li>開發</li>
<li>敲代碼</li>
</ul>
程序員最喜歡的三個美女
<ol>
<li>潘金蓮</li>
<li>楊貴妃</li>
<li>楊八妹</li>
</ol>
</p>輸出結果
<a>標簽定義超鏈接，用于從一個頁面鏈接到另一個頁面。最重要的屬性是 href和target， href指定鏈接的目標(網頁地址)，target指定打開窗口的模式，_blank：打開新窗口，_parent：在父窗口中打開，_self：默認，當前頁面跳轉，_top：在當前窗體打開鏈接，并替換當前的整個窗體。
在沒點擊鏈接之前，你先看一下鏈接內容的字體顏色，點擊鏈接之后，你再看一下，你就會發現，鏈接內容的顏色會有所變化。
(1) 未被訪問的鏈接帶有下劃線而且是藍色的;
(2) 已被訪問的鏈接帶有下劃線而且是紫色的;
(3) 活動鏈接帶有下劃線而且是紅色的。
<a href="demo1.html">去到老陳說HTML的第1個Demo中</a>輸出結果
好了，有關html基礎標簽的內容，老陳講完了，如果覺得對你有所幫助，希望老鐵能轉發點贊，讓更多的人看到這篇文章。你的轉發和點贊，就是對老陳繼續創作和分享最大的鼓勵。
一個當了10年技術總監的老家伙，分享多年的編程經驗。想學編程的朋友，可關注：老陳說編程。分享Python，前端(小程序)、App和嵌入式方面的干貨。關注我，沒錯的。
#前端##HTML##程序員##編程##CSS#
、定義
<meta> 標簽提供關于 HTML 文檔的元數據。它不會顯示在頁面上，但是對于機器是可讀的。可用于瀏覽器（如何顯示內容或重新加載頁面），搜索引擎（關鍵詞），或其他 web 服務。
2、作用
meta里的數據是供機器解讀的，告訴機器該如何解析這個頁面，還有一個用途是可以添加服務器發送到瀏覽器的http頭部內容，例如我們為頁面中添加如下meta標簽：
瀏覽器的頭部就會包括這些:
只有瀏覽器可以接受這些附加的頭部字段，并能以適當的方式使用它們時，這些字段才有意義。
3、meta的必需屬性和可選屬性
meta的必需屬性是content，當然并不是說meta標簽里一定要有content，而是當有http-equiv或name屬性的時候，一定要有content屬性對其進行說明。例如：
必需屬性
<meta name="keywords" content="HTML,ASP,PHP,SQL">
這里面content里的屬性就是對keywords進行的說明，所以呢也可以理解成一個鍵值對吧，就是{keywords:"HTML,ASP,PHP,SQL"}。
可選屬性
在W3school中，對于meta的可選屬性說到了三個，分別是http-equiv、name和scheme。考慮到scheme不是很常用，所以就只說下前兩個屬性吧。
http-equiv
http-equiv屬性是添加http頭部內容，對一些自定義的，或者需要額外添加的http頭部內容，需要發送到瀏覽器中，我們就可以是使用這個屬性。在上面的meta作用中也有簡單的說明，那么現在再舉個例子。例如我們不想使用js來重定向，用http頭部內容控制，那么就可以這樣控制：
<meta http-equiv="Refresh" content="5;url=http://blog.yangchen123h.cn" />
在頁面中加入這個后，5秒鐘后就會跳轉到指定頁面啦，效果可看W3school的例子
name
第二個可選屬性是name，這個屬性是供瀏覽器進行解析，對于一些瀏覽器兼容性問題，name屬性是最常用的，當然有個前提就是瀏覽器能夠解析你寫進去的name屬性才可以，不然就是沒有意義的。還是舉個例子吧:
<meta name="renderer" content="webkit">
這個meta標簽的意思就是告訴瀏覽器，用webkit內核進行解析，當然前提是瀏覽器有webkit內核才可以，不然就是沒有意義的啦。當然看到這個你可能會有疑問，這個renderer是從哪里冒出來的，我要怎么知道呢？這個就是在對應的瀏覽器的開發文檔里就會有表明的，例如這個renderer是在360瀏覽器里說明的。360瀏覽器內核控制Meta標簽說明文檔
常用meta標簽大總結
接下來就是常用的meta標簽大總結啦，我會盡可能的做到全
charset
charset是聲明文檔使用的字符編碼，解決亂碼問題主要用的就是它，值得一提的是，這個charset一定要寫第一行，不然就可能會產生亂碼了。
charset有兩種寫法
兩個都是等效的。
百度禁止轉碼
百度會自動對網頁進行轉碼，這個標簽是禁止百度的自動轉碼
<meta http-equiv="Cache-Control" content="no-siteapp" />
SEO 優化部分
viewport
viewport主要是影響移動端頁面布局的，例如：
content 參數：
各瀏覽器平臺
Microsoft Internet Explorer
Google Chrome
360瀏覽器
UC手機瀏覽器
UCBrowser_U3_API
QQ手機瀏覽器
Apple iOS
Google Android
App Links
最后——移動端常用的meta
管是Web前端入門學習還是已經在從事Web前端開發工作的人，都需要學習和掌握一些Web前端開發工具和軟件，那么現在已經主流實用的Web前端軟件有哪些呢?接下來就為大家介紹一下Web前端學習6個有效果軟件，看看哪些你用的上吧。
1.WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
2.Visual Studio Code(簡稱：Vscode)
Visual Studio Code中文版是微軟推出的帶 GUI 的代碼編輯器，軟件功能強大，界面簡潔明晰、操作方便快捷，設計得很人性化。軟件主要改進了文檔視圖，完善了對 Markdown的支持，新增PHP語法高亮。
3.Sublime Text
Sublime Text是一個代碼編輯器也是HTML和散文先進的文本編輯器。Sublime Text的主要功能包括：拼寫檢查，書簽，完整的Web前端 API，Goto功能，即時項目切換，多選擇，多窗口等等。
4.HBuilder
HBuilder是專為前端打造的開發工具，具有較全的語法庫和瀏覽器兼容數據、可以方便的制作手機APP、保護眼睛的綠柔設計等特點。支持HTML、CSS、JS、PHP的快速開發。
5.notepad++
軟件小巧高效，支持27種編程語言，包括C、C++、Java、C#、XML、 HTML、 PHP、JS 等，Notepad++ 內置支持多達27種語法高亮度顯示。是一款小巧而功能強大的軟件。
6.editplus
是一套功能強大的文字編輯器，擁有無限制的Undo/Redo(撤銷)、英文拼字檢查、自動換行、列數標記、搜尋取代、同時編輯多文件、全屏幕瀏覽功能。除了支持HTML、 CSS、 PHP,、ASP、 Perl、C/C++、Java、JavaScript、 VBScript的代碼高亮外，還內建完整的HTML和CSS指令功能。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
