整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
標題可能是最容易學習的代碼之一，并考慮到 它們對您的SEO至關重要，這是一件好事。共有六種不同類型，如下所示。要創建標題，只需將文本包裝在所選的標題標簽中：
沒有一段要詳細說明該消息的標題會是什么？要獲得類似于您現在正在閱讀的段落，只需將文本包裝在<p>標記中，如下例所示，并且別忘了用</ p>標記將其關閉！
<p>嘿，我是一個段落！</ p>
嘿，我是一段！
如果不將您本已豐富的內容鏈接到其他相關文章和網站文章，則入站營銷就算什么。嘗試使用以下<a>代碼在段落中鏈接單詞或短語：
<a href="http://www.impactbnd.com">讓我們訪問IMPACT的真棒網站！</a>
奇跡般地變成：讓我們訪問IMPACT的真棒網站！
代碼語句的href部分指定了您要鏈接訪問的目標網站地址。
這很有趣。圖像使一切變得更好，它們使您的內容對讀者更具吸引力。插入這樣的圖像：
<img class =“ lazy” data-src =“ http://cdn2.hubspot.net/hubfs/145335/Cute-Puppy.jpg” alt =“ Cute-Puppy” style =“ width：500px; height：333px; “>
image標簽為空，因為它僅包含屬性，因此不需要關閉。上面列出的屬性包括“ class =“ lazy” data-src“或圖像URL。我還包括了圖像替代文本（對于SEO而言很重要），以及一些樣式屬性（寬度和高度）。
您可以根據需要自定義圖像。哦，對于你們那里所有的小狗愛好者-像我一樣-這是我上面編碼的實際圖像：
換行符也是一個空元素，因此不需要將其關閉。換行符基本上是用<br>創建的兩行文本之間的有意空格。
<p>在此句子下放置換行符。
<br>
在此句子上方放置換行符。</ p>在此句子下放置換行符
在此句子上方放置換行符。
轉換完上述HTML后，與使用<p>標記分隔兩個段落相比，您可以說第一行和第二行之間的空間較小。添加換行符有助于使句子位于同一段落的不同行中。
為了使內容醒目，有兩個有效的代碼元素。但是，我的開發人員告訴我<strong>的使用量遠超過<b>。不要忘記關閉<strong>標簽！</ strong>
<strong>將整個句子加粗！</ strong>
或僅<strong>加粗</ strong>一個字！大膽的整句話！
或只加粗一個字！
斜體和強調文本與粗體和強文本相似。有兩個代碼元素，但一個元素比另一個元素使用更多。在這種情況下，<i>將起作用，但是<em>更常用。
<em>這句話很漂亮</ em>
這句話很漂亮。
粗體，斜體，并加下劃線。這一個和其他兩個一樣容易。只需將要加下劃線的文本包裝在<u>標記中，例如。
<u>看，我們可以加下劃線！</ u>
看，我們可以強調！
有序列表和無序列表之間有區別。有序列表包含數字，而無序列表包含項目符號。它們都遵循相同的結構，但是一個字母會發生變化。
這是有序列表的代碼語句。<ol>是整個“有序列表”，而<li>是一個“列表項”。您可以根據需要包括任意數量的列表項。
從一個有序列表切換到一個無序列表，只需要更改一個字母即可。
要在文本中插入上標格式，請將要顯示為上標的文本包裝在<sup>標記中。</ sup>您將得到類似這樣的結果。
商標應使用上標<sup> TM </ sup>書寫。
商標應使用上標TM書寫。
如果您知道如何上標，那么您應該知道如何下標。只需使用<sub>標記</ sub>即可獲得這樣的文本。
有時，引文用下標寫成。
有時，引文用下標寫成。
是否要拆分頁面或文章的各個部分？嘗試一條水平線！只需使用空元素（無需關閉它）<hr>。
在我和句子2之間插入一條水平線。
<hr>
嗨，我是句子2。
在我和句子2之間插入一條水平線。
嗨，我的句子是2。
我敢打賭，您不知道可以通過HTML代碼突出顯示文本，是嗎？太酷了，太容易了。將要在<mark>標記</ mark>中突出顯示的文本換行，以便獲得酷炫的突出功能。
僅突出顯示<mark>最重要的注釋</ mark>。
僅突出顯示 最重要的注意事項。
如果您想在文本上顯示穿越效果（也許您創建了一個任務列表，并希望在執行過程中對每個任務進行劃線），則有相應的代碼。嘗試使用<del>標記刪除完整的句子甚至一個單詞。</ del>
<del>喂狗。</ del>
<del>寫我的博客文章。</ del>
做飯。喂狗。
寫我的博客文章。
做晚飯。
到目前為止，您可能想知道我如何將所有示例都放在文本框中。好吧，驚喜！也有一個代碼。它實際上稱為塊引用或長引號。您可以在下面看到長引號和短引號（普通引號）之間的區別。
<blockquote>與其余示例一樣，所有這些文本都將以blockquote出現。</ blockquote>
<q>之所以引用這是因為我是大聲說出來。</ q>與其余示例一樣，所有這些文本都將以大括號顯示。
我引用此內容是因為我要大聲說出來。
接下來的幾個會變得有些棘手，所以請嘗試和我在一起。現在，您知道如何創建標題，段落和樣式化的文本，這對您知道可以使用元素“字體家族”輕松更改字體很有用。
不要忘記所有小的細節，例如等號，引號和分號。查看以下示例。
<h4 style =“ font-family：Georgia;”>我想將此標題更改為Georgia字體。</ h4>
<p style =“ font-family：Verdana;”>我想將此段落更改為Verdana字體。</ p>
我想將此標題更改為Georgia字體。
我想將此段落更改為Verdana字體。
該代碼使用與上一個示例相同的代碼類型，但是使用“顏色”代替使用字體家族。您可以嘗試使用實際的顏色（藍色，紅色，橙色等），也可以插入十六進制顏色以自定義品牌的文字。
<p style =“ color：blue;”>今天的天空真的是藍色。</ p>
<p style =“ color：＃ff471a;”>火是橘紅色的</ p>今天的天空真的很藍。
火是橘紅色的。
同樣，此代碼使用相同的基本代碼邏輯，但使用元素“ font-size”。將字體大小設置為像素或px。
<p style =“ font-size：36px;”>將此段落設置為36字體。</ p>
<p style =“ font-size：12px;”>將此段落設置為12字體。</ p>使此段落大小為36字體。
使此段落大小為12字體。
左，居中，右或對齊。您如何看待您的文字？使用“文本對齊”以任何方式進行設置。
<p style =“ text = align：center;”>此段落應居中。</ p>
<p style =“ text-align：right;”>此段落應右對齊。</ p>本段應居中。
本段應右對齊。
我把最好的留在了最后！好吧，我不知道這是否是最好的，但我認為這很酷。用于創建表的HTML代碼可能會變得非常復雜，但是如果您掌握了基本知識，那么您應該不會有太大的問題。
我將在下面顯示如何創建一個簡單表。
為了易于理解，<tr>代表表行，而<td>代表表數據。請記住，您可以更改字體，文本大小，文本顏色，文本對齊方式等。
您剛剛閱讀的21個代碼非常不錯，可以開始練習來增強HTML技能。
avaScript基礎概念
JS的組成：
1.ECMAScript：Js語法
2.DOM：文檔對象模型 ， 文檔：html文檔 ，操作html文檔 （操作html文檔的工具）
3.BOM：瀏覽器對象模型 ， 操作瀏覽器的工具
JS的三種書寫方式
行內式，內嵌式，外部鏈接
JavaScript輸入·輸出語句
alert(msg) 瀏覽器彈出警告框
consle.log(msg) 瀏覽器控制臺打印輸出信息
prompt(info) 瀏覽器彈出輸入框 用戶可以輸入信息
我自己是一名從事了多年開發的web前端老程序員，目前辭職在做自己的web前端私人定制課程，今年年初我花了一個月整理了一份最適合2019年學習的web前端學習干貨，各種框架都有整理，送給每一位前端小伙伴，想要獲取的可以關注我的頭條號并在后臺私信我：前端，即可免費獲取。
變量的概念
通俗：變量是用于存放數據的容器。 我們通過 變量名 獲取數據，甚至數據可以修改。
變量理解：變化的量，變化的內容，變化的數據
變量存儲數據理解：程序運行過程中的數據存儲在內存中，但是內存比較大，為了方便管理，所以將內存分成一個一個的盒子（變量）來存儲
變量的使用
1.聲明變量 var 變量名；var age；（聲明一個 名稱為age 的變量）
2.變量的賦值 var 變量名 = 值; var age = 18; 聲明變量age同時賦值為 18
變量案例
var myname = '旗木卡卡西'; // 字符串 var address = '火影村'; var age = 30; // 數字 var email = 'kakaxi@itcast.cn'; var gz = 2000; console.log(myname); console.log(address); console.log(age); console.log(email); console.log(‘gz’); // gz console.log(gz); // 2000
注意：
// 1. 用戶輸入姓名 存儲到一個 myname的變量里面
var myname = prompt('請輸入您的名字');
// prompt 做的事情：
// (1). 彈出輸入框 , 用戶輸入內容:zs
// (2). 將用戶輸入內容返回 ，相當于 ：var myname = 'zs';
// 2. 輸出這個用戶名
alert(myname); // zs
變量命名規范
規則
由字母(A-Za-z)、數字(0-9)、下劃線(_)、美元符號( $ )組成，如：usrAge, num01, _name ***
嚴格區分大小寫。var app; 和 var App; 是兩個變量
不能 以數字開頭。 18age 是錯誤的
不能 是關鍵字、保留字。例如：var、for、while
變量名必須有意義。 MMD BBD nl → age
遵守駝峰命名法。首字母小寫，后面單詞的首字母需要大寫。 myFirstName
推薦翻譯網站： 有道 愛詞霸
變量案例-交換兩個變量
// js 是編程語言有很強的邏輯性在里面： 實現這個要求的思路 先怎么做后怎么做 // 1. 我們需要一個臨時變量幫我們 // 2. 把apple1 給我們的臨時變量 temp // 3. 把apple2 里面的蘋果給 apple1 // 4. 把臨時變量里面的值 給 apple2 var temp; // 聲明了一個臨時變量為空 var apple1 = '青蘋果'; var apple2 = '紅蘋果'; temp = apple1; // 把右邊給左邊 apple1 = apple2; apple2 = temp; console.log(apple1); console.log(apple2);
簡單數據類型
JavaScript 中的簡單數據類型及其說明如下：
數字型范圍：JavaScript中數值的最大和最小值
alert(Number.MAX_VALUE); // 1.7976931348623157e+308 （10的正308次方）
alert(Number.MIN_VALUE); // 5e-324 5e-324 （10的負324次方）
數字型三個特殊值
alert(Infinity); // Infinity
alert(-Infinity); // -Infinity
alert(NaN); // NaN ***
//課堂代碼：
// 5. 無窮大
console.log(Number.MAX_VALUE * 2); // Infinity 無窮大
// 6. 無窮小
console.log(-Number.MAX_VALUE * 2); // -Infinity 無窮大
// 7. 非數字
console.log('pink老師' - 100); // NaN：字符串是無法與數字進行運算的，所以結果是一個非數字isNaN
用來判斷一個變量是否為非數字的類型，返回 true 或者 false
var usrAge = 21; var isOk = isNaN(userAge); console.log(isNum); // false ，21 不是一個非數字 var usrName = "andy"; console.log(isNaN(userName)); // true ，"andy"是一個非數字
字符串型 String
字符串型可以是引號中的任意文本，其語法為 雙引號 “” 和 單引號’’
var strMsg = "我愛北京天安門~"; // 使用雙引號表示字符串 var strMsg2 = '我愛吃豬蹄~'; // 使用單引號表示字符串 // 常見錯誤 var strMsg3 = 我愛大肘子; // 報錯，沒使用引號，會被認為是js代碼，但js沒有這些語法
字符串引號嵌套
JS 可以用單引號嵌套雙引號 ，或者用雙引號嵌套單引號 (外雙內單，外單內雙)
var strMsg = '我是"高帥富"程序猿'; // 可以用''包含""
var strMsg2 = "我是'高帥富'程序猿"; // 也可以用"" 包含''
// 常見錯誤
var badQuotes = 'What on earth?"; // 報錯，不能 單雙引號搭配
字符串轉義符
類似HTML里面的特殊字符，字符串中也有特殊字符，我們稱之為轉義符。
轉義符都是 \ 開頭的，常用的轉義符及其說明如下：
字符串長度
var strMsg = "我是帥氣多金的程序猿！";
alert(strMsg.length); // 顯示 11
字符串拼接
//1.1 字符串 "相加"
alert('hello' + ' ' + 'world'); // hello world
//1.2 數值字符串 "相加"
alert('100' + '100'); // 100100
//1.3 數值字符串 + 數值
alert('11' + 12); // 1112
//以上的字符串拼接都沒有意義，一般我們字符串會與變量進行拼接
原文鏈接：https://blog.csdn.net/H_eartbeat/article/details/103102782
TML技術是網站建設必不可少的，今天小編就來分享一下HTML5的一部分基礎知識。
一、 HTML5——重點文本：就是純字符
超文本：在純字符中嵌入樣式、圖片、音頻、視頻、超鏈接等內容
Hyper Text Markup Language，超文本標記語言，就是52個標記嵌入在純文本中，實現超文本效果的語言。如：
<marquee>hello</marquee>
注意：作為一門計算機語言，HTML與Java、C、PHP不同，沒有循環、選擇等基本語言結構，只有純文本和52個標簽。
二、 HTML語法——重點
(1)一篇HTML文檔就是一個文本文檔，其中包含 “純文本”+“標簽”
(2)HTML中的標簽分為兩種：
雙標記標簽： <標簽名>......</標簽名>
單標記標簽： <標簽名/> 單標記標簽中不能包含內容
(3)標簽之間可以嵌套，但不能交叉
(4)標簽名不區分大小寫，但有個版本的HTML要求全小寫，推薦全用小寫
(5)標簽可以聲明屬性，屬性有屬性名和屬性值，屬性值需要使用單引號或雙引號括起來
(6)不同的標簽具有不同的屬性，所有的標簽都具備下列四個屬性：
·id：整個文檔每個標簽可以聲明一個唯一的id號
·style：為元素指定CSS樣式
·class：指定元素所屬的類型
·title：指定標簽的彈出式提示語
三、HTML常用標簽
四、HTML文件的基本結構
(1)文檔類型聲明：HTML有不同的版本，如html1.0 html2.0 html3.0 html4.0(strict/transitional) xhtml(strict/transitional/frameset) html5，不同版本的HTML中可以使用標簽的數量以及標簽的屬性是不同的，且會影響到瀏覽器對CSS和Java的解釋執行。
(2)<html>
<head>
</head>
<body>
</body>
</html>
好了，以上就是網頁搭建中HTML基礎知識整理歸納，希望對剛入門的網頁HTML新手有更大幫助，感謝大家的支持，后續會為大家分享更多關于網頁制作經驗和操作知識！
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
