整合營銷服務商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
個網(wǎng)站的基本構(gòu)成就是HTML+CSS+JavaScript，國內(nèi)最大的搜索引擎百度的最基礎(chǔ)的構(gòu)成便是由這三個為基礎(chǔ)的。大廈平地起，普通人看見的是高聳的摩天大樓，那么專業(yè)人士，就要研究里面的基礎(chǔ)構(gòu)成是什么，那么今天我們就和大家聊一聊HTML。
全稱是超文本標記語言（HyperTextMarkupLanguage），這一大堆名字不太好懂，我分開來講，相信各位看完會理解一些。
第一就是超文本，可以簡單理解為鏈接，也就是網(wǎng)絡的基礎(chǔ)，將單個網(wǎng)站內(nèi)或網(wǎng)站之間的內(nèi)容彼此連接，比如用a標簽的錨點屬性可以直接跳轉(zhuǎn)到本頁面的某個指定元素，以及點擊a標簽可以跳轉(zhuǎn)到它的href指定的url（現(xiàn)在不明白也無妨，之后的文章會講）。
第二就是標記語言，簡單理解為注明，只不過是用標簽的方式。就好像超市各種商品上的條形碼一樣，HTML有自己的條形碼，比如上面提到的a標簽
<a></a>1復制代碼類型：[html]而這些標簽的作用就是讓瀏覽器識別出開發(fā)者插入的到底是圖片還是段落還是超鏈接，從而實現(xiàn)想要的功能。
專業(yè)人士研究的是其中最好的門道，將它拆解，將有用的知識自己消化掉。普通的語言簡介，可能對很多人不是特別重要，但有時也要牢記，萬物皆因平地起，基礎(chǔ)好，樓房才能建的高。
上大學時，c語言似乎很流行，很多專業(yè)的人都開這個課，所以從那時候開始接觸計算機語言之類的東西。可惜的是在學校時根本沒有時間去深究它，一直是自己的一個遺憾。
一直到2011年的時候，才又拿起書來自學，當時一個大學最要好的同學剛好在自學網(wǎng)站開發(fā)，我們在一起探討的時候，向我推薦了前端開發(fā)，所以從那時候開始學習html,css,div,javascript,jquery,mysql,php,http...再到后來的bootstrap,vue,angular...從現(xiàn)在開始，我準備從最簡單的開始一步步地給大家分享一下，今天就先簡單的介紹一下html相關(guān)知識。
html英語全稱是HyperText Markup Language,中文意思是超文本標記語言。從字面上的意思我們也能理解，這是一種采用標記來進行表達的語言，并且不是普通隨便的標記，而是定義了一系列特定的有規(guī)范的字母，數(shù)字，符號做為標記，所以說把它稱為超文本。然后通過html我們可以做出一個個所需要的網(wǎng)頁頁面來。
今天就簡單說到這里，明天再和大家分享一下具體的標記及相關(guān)知識。
大家在瀏覽網(wǎng)頁的時候，是否思考過這樣一個問題：怎樣才能制作出一個網(wǎng)頁呢？制作出一個網(wǎng)頁是很簡單的，只要知道什么是HTML并掌握HTML的基礎(chǔ)知識就可以制作出一個簡單的網(wǎng)頁，今天我就為講解HTML的入門及結(jié)構(gòu)組成。
一、什么是HTML?
1、在我們開始學習HTML之前我們需要知道什么是HTML？
HTML的全稱為Hyper Text Markup Language，中文名稱為超文本標記語言，閱覽方式為網(wǎng)頁瀏覽器，同時HTML也被稱為網(wǎng)頁。
2、一個簡單的HTML文檔
二、HTML編輯器
我們在可以使用TXT文本文檔或者專業(yè)的HTML編輯器來編輯HTML。
1、記事本
① 創(chuàng)建一個TXT文本
② 輸入HTML代碼
③ 點擊文件—另存為—輸入名稱+“html”的后綴名即可得到你的第一個HTML文件。
④ 然后雙擊這個文件運行。
運行結(jié)果
2、專業(yè)編輯器
① Sublime Text
② HBuilder
③ Adobe Dreamweaver
④ CoffeeCup HTML Editor
這其中我比較推薦HBuilder這款編輯器，界面簡單，編輯起來很快。
三、HTML的組成部分
在上面的案例中我們可以看到HTML是由頭部（head）和身體（body）所組成的。
1、頭部（head）
通常包含標題（title），也就是一個網(wǎng)頁的名稱
網(wǎng)頁標題
2、身體（body）
body的部分是整個網(wǎng)頁的重要內(nèi)容部分，讓人一眼就瀏覽到這個網(wǎng)頁的內(nèi)容，可以插入文本、圖片、多媒體等內(nèi)容。
四、HTML元素
l HTML元素是指以開始標簽起始，以結(jié)束標簽終止的元素：元素內(nèi)容即為開始標簽與結(jié)束標簽之間的內(nèi)容。
l <head></head>、<body></body>、<p></p>、<h1></h2>等這些都是HTML元素，在上面的案例中就有六個元素。
l 也有部分元素只有開始標簽，例如<br>,以開始標簽的結(jié)束而結(jié)束。
五、HTML的屬性
l 一般來說HTML的屬性就是HTML元素的屬性，屬性可以在元素中添加附加信息。
l 屬性總是以名稱/值對的形式出現(xiàn)，比如：name=”value”。
l 屬性一般描述于開始標簽。
l style中會有更多的屬性。
六、HTML格式化
HTML可定義很多供格式化輸出的元素，比如粗體字和斜體字。
HTML文本格式化標簽
標簽 | 描述 |
<b> | 定義粗體文本 |
<em> | 定義著重文字 |
<i> | 定義斜體字 |
<small> | 定義小號字 |
<strong> | 定義加重語氣 |
<sub> | 定義下標字 |
<sup> | 定義上標字 |
<ins> | 定義插入字 |
<del> | 定義刪除字 |
運行結(jié)果示意圖
HTML“計算機輸出”標簽
標簽 | 描述 |
<code> | 定義計算機代碼 |
<kdd> | 定義鍵盤碼 |
<samp> | 定義計算機代碼樣本 |
<var> | 定義變量 |
<pre> | 定義預格式文本 |
HTML引文、引用及標簽定義
標簽 | 描述 |
<abbr> | 定義縮寫 |
<address> | 定義地址 |
<bdo> | 定義文字方向 |
<blockquote> | 定義長的引用 |
<q> | 定義短的引用語 |
<cite> | 定義引用、引證 |
<dfn> | 定義一個定義項目 |
七、HTML超鏈接
超鏈接可以是圖片、文字、多媒體也可以是一個網(wǎng)址
示例：
結(jié)果：
點擊帶有下劃線的兩個字就可以進入某度的網(wǎng)站
八、HTML CSS
1、CSS是一種層疊樣式表，可以修飾html元素的樣式并可以精確地進行排版
2、CSS有三種方式：
l 內(nèi)部樣式，在HTML元素中使用“style”屬性
l 內(nèi)部樣式表，在頭部<head>區(qū)域使用<style>元素來包含CSS
l 外部引用，引用帶有后綴css的文件，示例：
html文檔
css文檔
如果你看到了這里，就說明你已經(jīng)打開了制作網(wǎng)頁的大門啦~
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
