什么是HTML

HTML 是用來描述網頁的一種語言。HTML 是一種在 Web 上使用的通用標記語言。HTML 允許你格式化文本，添加圖片，創建鏈接、輸入表單、框架和表格等等，并可將之存為文本文件，瀏覽器即可讀取和顯示。

HTML 指的是超文本標記語言: HyperText Markup Language
HTML 不是一種編程語言，而是一種標記語言
標記語言是一套標記標簽 (markup tag)
HTML 使用標記標簽來描述網頁
HTML 文檔包含了HTML 標簽及文本內容
HTML文檔也叫做 web 頁面

2 入門實例

新建一個test.html文件，內容如下

<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>我的第一個標題</h1><p>我的第一個段落。</p> </body></html>

其中：

<!DOCTYPE html> 聲明為 HTML5 文檔
<html> 元素是 HTML 頁面的根元素
<head> 元素包含了文檔的元（meta）數據，如 <meta charset="utf-8"> 定義網頁編碼格式為 utf-8（由于在大部分瀏覽器中直接輸出中文會出現亂碼，所以要在頭部將字符聲明為UTF-8）
<title> 元素描述了文檔的標題
<body> 元素包含了可見的頁面內容
<h1> 元素定義一個大標題
<p> 元素定義一個段落

保存后運行，即可在瀏覽器中打開如下界面

3 各部分詳解

3.1 標題

HTML 標題（Heading）是通過<h1> - <h6> 標簽來定義的.

<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>這是標題 1</h1><h2>這是標題 2</h2><h3>這是標題 3</h3><h4>這是標題 4</h4><h5>這是標題 5</h5><h6>這是標題 6</h6> </body></html>

3.2 段落

HTML 段落是通過標簽 <p> 來定義的

<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <p>這是一個段落。</p><p>這是一個段落。</p><p>這是一個段落。</p> </body></html>

3.3 鏈接

HTML 鏈接是通過標簽 <a> 來定義的

<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <a href="https://blog.csdn.net/zong596568821xp">這是一個鏈接使用了 href 屬性</a> </body></html>

3.4 圖像

HTML 圖像是通過標簽 <img> 來定義的。注意： 圖像的名稱和尺寸是以屬性的形式提供的。

<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <img src="zongxp.jpg" width="640" height="640" /> </body></html>

3.5 表格

表格由 <table> 標簽來定義。每個表格均有若干行（由 <tr> 標簽定義），每行被分割為若干單元格（由 <td> 標簽定義）。字母 td 指表格數據（table data），即數據單元格的內容。數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。表格的表頭使用 <th> 標簽進行定義。如果不定義邊框屬性，表格將不顯示邊框。有時這很有用，但是大多數時候，我們希望顯示邊框。使用邊框屬性來顯示一個帶有邊框的表格：

<table border="1">    <tr>        <th>Header 1</th>        <th>Header 2</th>    </tr>    <tr>        <td>row 1, cell 1</td>        <td>row 1, cell 2</td>    </tr>    <tr>        <td>row 2, cell 1</td>        <td>row 2, cell 2</td>    </tr></table>

4 速查列表

4.1 基本文檔

<!DOCTYPE html><html><head><title>文檔標題</title></head><body>可見文本...</body></html>

4.2 基本標簽

<h1>最大的標題</h1><h2> . . . </h2><h3> . . . </h3><h4> . . . </h4><h5> . . . </h5><h6>最小的標題</h6> <p>這是一個段落。</p><br> （換行）<hr> （水平線）<!-- 這是注釋 -->

4.3 文本格式化

<b>粗體文本</b><code>計算機代碼</code><em>強調文本</em><i>斜體文本</i><kbd>鍵盤輸入</kbd> <pre>預格式化文本</pre><small>更小的文本</small><strong>重要的文本</strong> <abbr> （縮寫）<address> （聯系信息）<bdo> （文字方向）<blockquote> （從另一個源引用的部分）<cite> （工作的名稱）<del> （刪除的文本）<ins> （插入的文本）<sub> （下標文本）<sup> （上標文本）

4.4 鏈接

普通的鏈接：<a href="http://www.example.com/">鏈接文本</a>圖像鏈接： <a href="http://www.example.com/"><img src="URL" alt="替換文本"></a>郵件鏈接： <a href="mailto:webmaster@example.com">發送e-mail</a>書簽：<a id="tips">提示部分</a><a href="#tips">跳到提示部分</a>

4.5 圖片

<img src="URL" alt="替換文本" height="42" width="42">

4.6 樣式/區塊

<style type="text/css">h1 {color:red;}p {color:blue;}</style><div>文檔中的塊級元素</div><span>文檔中的內聯元素</span>

4.7 無序列表

<ul>    <li>項目</li>    <li>項目</li></ul>

4.8 有序列表

一篇介紹了網頁的基本結構，那如何編寫網頁的內容? 前提是要學會HTML標簽的用法，本篇主要介紹HTML標簽是什么，如何學習，需要大概多長時間學習。

本篇主要基于html5介紹，html5 是最新版的標準，之前的版本可以自己了解下。

HTML 簡介

HTML的英文全稱是Hyper Text Markup Language，直譯為超文本標記語言。它是全球廣域網上描述網頁內容和外觀的標準。HTML包含了一對打開和關閉的標記，在當中包含有屬性和值。標記描述了每個在網頁上的組件，例如文本段落、表格或圖像等。

事實上，HTML是一種因特網上較常見的網頁制作標注性語言，而并不能算做一種程序設計語言，因為它缺少程序設計語言所應有的特征。HTML通過IE等瀏覽器的翻譯，將網頁中所要呈現的內容、排版展現在用戶眼前。

一個html標簽基本結構如下：

<標簽名稱  屬性="屬性值"></標簽名稱> 或 <標簽名稱 屬性="屬性值"/>

有以下特點：

由尖括“<”、“>”號包圍的標記元素，比如 <html>和</html>就是一對標記。
通常是成對出現的，比如 <div> 和 </div>，也有單獨呈現的標簽，如：<img />、<input/>等。
標簽對中的第一個標簽是開始標簽，第二個標簽是結束標簽；
一般成對出現的標簽，其內容在兩個標簽中間，如<h1>標題</h1>。單獨呈現的標簽，則在標簽屬性中賦值，如<input type="text" />。
網頁展示的內容需寫在<body>標簽中。
標簽不區分大小寫，建議按規范小寫。

HTML標簽按功能大體可分以下幾種類型：

構成網頁基本架構的標簽，比如：<!DOCTYPE>（定義文檔類型）、<html>(根標簽),<meta>（元信息）、<head> (網頁頭部區域)、<body> （網頁內容區域）。
用于引入外部資源及客戶端腳本的標簽，比如：<link>（外部資源，css樣式文件）， <script>（客戶端js腳本）。
用于描述布局的標簽，比如： <div>、<ul>（無序列表）、<ol>（有序列表）、<h1>到<h6>（標題1到6）、<table>（表格）、<footer>（頁腳）、<header>（頁頭）等。
用于描述文本格式的標簽，比如：<p> (段落)、<strong>(加粗)、<q>（引用）、<span>等。
用于引入多媒體資源的標簽，比如：<img>、<video>、<audio>等。
用于制作表單的標簽，比如：<form>(表單),<input>(輸入框),<textarea>(文本域)，<select>(下拉菜單),<radio>(單選項),<checkbox>(多選項)等。
其它標簽（不是很常用的）。

如何學習html的標簽用法

沒有捷徑，需要多看，多練。在這里我不一一介紹每個標簽的具體含義及用法，相關語法可以參考以下幾個網站：

https://www.w3cschool.cn/html5/
https://developer.mozilla.org/zh-CN/docs/Web/HTML

制定一個學習計劃,每天堅持下去

要求，每天花費3到5個小時學習，至少1到2周掌握常用的html標簽含義及用法，可以按照上面介紹的標簽進行分類學習，感謝關注，祝你學習愉快。

avaScript 概述

什么是 JavaScript？

JavaScript 是一種基于對象和事件驅動并具有安全性能的腳本語言。

JavaScript 官方名稱是 "ECMAScript" （ECMA是歐洲電腦商制造協會）。

JavaScript 特點：

一種腳本語言
基于對象
動態性的
簡單易用性
安全性
跨平臺性
改善用戶體驗

Javascript 腳本語言同其他語言一樣，有它自身的基本數據類型，表達式和算術運算符及程序的基本程序框架。Javascript 提供了四種基本的數據類型和兩種特殊數據類型用來處理數據和文字。而變量提供存放信息的地方，表達式則可以完成較復雜的信息處理。

JavaScript 與 Java 的不同點

Java代碼必須編譯才能執行,而JavaScript不需編譯，只需瀏覽器解釋執行。

Java和JavaScript雖然都可以在服務器與客戶端執行，但Java多運行于服務器，而JavaScript多運行于客戶端。

JavaScript使用的是松散型的數據類型，而Java則使用的是嚴謹的數據類型。

JavaScript數據類型

基本數據類型（3種）
復合數據類型（2種）
特殊數據類型（2種）

復合數據類型

數組
對象

特殊數據類型

空 null
未定義 undefined

變量的命名規則

變量的名稱僅可以包含大小寫英文字母數字 $ 下劃線但是不能以數字開頭
區分大小寫例：A和a是兩個不同的變量
不合法命名：my-name76person007
合法命名： $wu var_name_dumv108

變量的聲明

使用var來聲明
無需聲明變量的數據類型，而在使用或賦值時確定其數據的類型

var a = 18 ; //a為數值型
var b = "tom" ; //b 為字符串
var c = true ; //c為布爾型

全局變量與局部變量
局部變量在函數中聲明，必須使用var聲明
全局變量在函數外聲明，無需使用var聲明

特殊運算符

條件及循環控制語句

JavaScript語句用于實現基本的程序控制和操作功能。

if條件選擇語句
switch選擇語句
do…while語句
while循環語句
for循環語句
for(..in..)語句
break語句與continue語句

If選擇語句

條件選擇語句1：

if（expression） 
{ 
 statements
}

條件選擇語句2：

if（expression）
{
 statements
 }
else 
{
 statements
}

條件選擇語句3：

if（expression1）
{
 statements
}
else if （expression2） 
{
 statements
}
else if （expression3） 
{
 statements
}
else
{
 statements
}

switch選擇語句

switch(表達式)
{
 case:語句
 break;
 case:語句
 break;
 ……
 default:語句
}

do…while語句

首先執行一個語句，然后重復循環執行該語句，直到條件表達式為false。

do
{
 語句
}
while(條件判斷);
while循環語句
 while語句執行的時候，直到指定的條件為false為止。其用法如下：
while(條件)
{
 語句
}

for循環語句

for語句執行語句循環，直到條件為false為止。

用法如下：

for([初始表達式];[條件];[增量表達式])
{
 語句
}

for(..in..)語句

對應于一個對象的每個，或一個數組的每個元素，執行一個或多個語句。

用法如下：

for (variable in [object | array]){
 語句
}

break與continue語句

break語句結束當前的while，for循環以及do…while循環，直接跳出循環，執行循環下面的語句。

continue語句結束本次循環。

在線咨詢

上一篇：用Python爬取六大平臺的彈幕、評論，看這一篇就夠了
下一篇：html+css寫出響應式側邊導航欄

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

什么是HTML

什么是HTML

2 入門實例

3 各部分詳解

4 速查列表

HTML 簡介

HTML標簽按功能大體可分以下幾種類型：

如何學習html的標簽用法

您的項目需求